:root{--cell:clamp(30px, 7vw, 52px);--fg:#1d2330;--muted:#9aa3b2;--line:#1d2330;--box:#c9d0dc;--ok:#1f9d55;--err:#d63a3a;--bg:#fbfaf7;color:var(--fg);background:var(--bg);font-family:Menlo,Consolas,DejaVu Sans Mono,monospace}*{box-sizing:border-box}body{background:var(--bg);margin:0}.screen{flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;padding:16px;display:flex}.times{align-items:center;gap:.5em;font-size:clamp(40px,10vw,72px);display:flex}.times .answer{width:2.6em;font:inherit;text-align:center;border:3px solid var(--box);color:inherit;background:#fff;border-radius:12px;outline:none}.times .answer:focus{border-color:var(--fg)}.grid{grid-auto-rows:calc(var(--cell) * 1.15);font-size:calc(var(--cell) * .7);display:grid}.cell{justify-content:center;align-items:center;padding:3px;display:flex}.cell.bb{border-bottom:3px solid var(--line)}.cell.bl{border-left:3px solid var(--line)}.box{width:100%;height:100%;font:inherit;text-align:center;border:2px solid var(--box);color:inherit;caret-color:#0000;background:#fff;border-radius:6px;outline:none;padding:0}.box.work{color:#4a5568;border-style:dashed}.box:focus{border-color:var(--fg);background:#fff8e1;border-style:solid}.ok .answer{border-color:var(--ok);color:var(--ok)}.err .answer{border-color:var(--err);color:var(--err)}.below{align-items:center;gap:32px;height:72px;display:flex}.mark{font-size:64px;font-weight:700}.mark.ok,.correct{color:var(--ok)}.mark.err{color:var(--err)}.correct{font-size:48px;font-weight:700}.go{background:var(--fg);color:#fff;cursor:pointer;border:none;border-radius:50%;width:64px;height:64px;font-size:30px}.score{font-size:clamp(64px,18vw,140px);font-weight:700}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.actions button{font:inherit;border:2px solid var(--fg);color:var(--fg);cursor:pointer;background:#fff;border-radius:10px;padding:12px 20px;font-size:18px}