:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;background:#9e9e9e;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{touch-action:manipulation;min-height:100dvh;margin:0}button{font:inherit}button:focus-visible{outline-offset:4px;outline:4px solid #7c3aed}#app{place-items:center;min-height:100dvh;padding:1rem;display:grid}.panel{text-align:center;width:min(50rem,100%)}.instructions{text-align:left;max-width:70ch;margin:auto;line-height:1.55}.primary{background:#fff;border:2px solid #111;border-radius:.7rem;padding:.85rem 1.25rem;font-weight:750}.stage{width:min(92vw,38rem);height:min(92vw,38rem);max-height:72dvh;margin:auto;position:relative}.fixation{color:#fff;font-size:3rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.square{border:2px solid #555;width:clamp(2.5rem,10vw,4rem);height:clamp(2.5rem,10vw,4rem);position:absolute;transform:translate(-50%,-50%)}.square.answer{cursor:pointer;border:3px solid #222}.square.answer:before{content:attr(data-label);color:#000;font-size:1.25rem;font-weight:800;position:absolute;bottom:calc(100% + .2rem);left:50%;transform:translate(-50%)}.status{min-height:1.5rem}.error{color:#8b0000;font-weight:700}.feedback{font-size:2rem;font-weight:800}