:root{--ink:#e9e4da;--ink-dim:#e9e4da8c;--accent:#d28a2c;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#b9afa0;margin:0;overflow:hidden}#game{cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#hud>*{position:absolute}.dot{background:#ffffff8c;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;top:50%;left:50%;box-shadow:0 0 2px #00000080}.timer{font-family:var(--mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 1px 2px #00000073;opacity:0;font-size:22px;transition:opacity .4s;top:28px;left:50%;transform:translate(-50%)}.timer.on{opacity:.9}.timer .best{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);text-align:center;margin-top:4px;font-size:11px;display:block}.hint{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 2px #0006;font-size:12px;line-height:1.9;transition:opacity .8s;bottom:28px;left:32px}.hint kbd{min-width:18px;font-family:var(--mono);text-align:center;color:var(--ink);border:1px solid #e9e4da59;border-radius:3px;margin-right:8px;padding:0 5px;font-size:11px;display:inline-block}.hint.faded{opacity:0}.toast{letter-spacing:.32em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 3px #00000080;opacity:0;font-size:13px;transition:opacity .25s;top:42%;left:50%;transform:translate(-50%,-50%)}.toast.on{opacity:.95}.toast .delta{font-family:var(--mono);letter-spacing:.08em;text-transform:none;margin-top:6px;font-size:15px;display:block}.faster{color:var(--accent)}.slower{color:#b9b0a4}.results{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:linear-gradient(#0e0e10b8,#0e0e1099);border:1px solid #e9e4da1f;width:360px;padding:30px 34px 24px;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);top:50%;left:50%;transform:translate(-50%,-46%)}.results.on{opacity:1;transform:translate(-50%,-50%)}.results .kicker{letter-spacing:.38em;text-transform:uppercase;color:var(--accent);font-size:11px}.results .time{font-family:var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:52px;font-weight:300;line-height:1}.results .sub{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-top:10px;font-size:12px}.results .sub span{font-family:var(--mono);letter-spacing:.04em}.results .splits{border-top:1px solid #e9e4da1f;gap:5px;margin:22px 0 0;padding-top:14px;display:grid}.results .row{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);grid-template-columns:1fr auto 64px;gap:14px;font-size:11px;display:grid}.results .row .n{text-align:left}.results .row .t,.results .row .d{font-family:var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;text-transform:none;text-align:right;color:var(--ink)}.results .line{letter-spacing:.04em;color:var(--ink-dim);margin-top:20px;font-size:13px;font-style:italic}.results .again{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-top:16px;font-size:11px}.results .again kbd{min-width:18px;font-family:var(--mono);color:var(--ink);border:1px solid #e9e4da59;border-radius:3px;margin-right:8px;padding:0 5px;font-size:11px;display:inline-block}.title{text-align:center;white-space:nowrap;opacity:0;background:radial-gradient(#0a0a0c8c,#0a0a0c00 72%);width:900px;padding:40px 0;transition:opacity .9s;top:27%;left:50%;transform:translate(-50%,-50%)}.title.on{opacity:1}.title .big{letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 3px #00000080;font-size:30px;font-weight:300}.title .small{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);margin-top:10px;font-size:11px}.flash{opacity:0;pointer-events:none;transition:opacity .55s;inset:0}.flash.dark{background:#08080a}.flash.light{background:#e9e4da;transition-duration:.3s}.flash.on{opacity:1;transition:none}.flash.light.on{opacity:.35}.overlay{pointer-events:none;background:radial-gradient(#14141659,#141416bf);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .35s;display:flex;inset:0}.overlay.hidden{opacity:0}.overlay h1{letter-spacing:.42em;text-indent:.42em;color:var(--ink);margin:0;font-size:56px;font-weight:300}.overlay h1 span{color:var(--accent)}.overlay p{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:12px}.overlay .keys{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);grid-template-columns:auto auto;gap:6px 22px;margin-top:26px;font-size:12px;display:grid}.overlay .keys b{font-family:var(--mono);color:var(--ink);text-align:right;font-weight:500}.debug{font-family:var(--mono);color:#cfd3d6;white-space:pre;background:#0a0a0c99;border-radius:4px;padding:10px 12px;font-size:11px;line-height:1.5;display:none;top:20px;right:20px}.debug.on{display:block}