:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16171a;--surface:#202227;--surface-2:#2a2d33;--fg:#ecedef;--dim:#8d9097;--line:#ffffff14;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--fg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}body{position:fixed;inset:0}#stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}.screen{pointer-events:auto;box-sizing:border-box;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));overscroll-behavior:contain;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.screen.opaque{background:var(--bg)}.screen .inner{flex-direction:column;flex:1;gap:12px;width:100%;max-width:420px;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;min-height:44px;display:flex}h1{letter-spacing:.02em;margin:8px 0 0;font-size:28px}.tagline{color:var(--dim);margin:0 0 12px}.card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:18px 20px;display:flex}.card:disabled{opacity:.45;cursor:default}.card .name{letter-spacing:.04em;font-size:20px;font-weight:700}.card .desc,.card .best{color:var(--dim);font-size:14px}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:22px;min-width:44px;min-height:44px;font-size:18px;line-height:1}.primary{background:var(--fg);min-height:56px;color:var(--bg);border:0;border-radius:28px;font-size:20px;font-weight:700}.secondary{border:1px solid var(--line);min-height:48px;color:var(--dim);background:0 0;border-radius:24px}.hud{pointer-events:none;position:absolute;inset:0}.hud .quit{pointer-events:auto;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));opacity:.7;position:absolute}.hud .blind{background:#000;position:absolute;inset:0}.result{background:#0a0b0db8;justify-content:center}.result .inner{text-align:center;flex:0;align-items:stretch}.result .label{color:var(--dim);text-transform:uppercase;letter-spacing:.12em;font-size:13px}.result .score{margin:4px 0 8px;font-size:72px;font-weight:800;line-height:1}.result .newbest{font-weight:700}.result .bestline{color:var(--dim);margin-bottom:20px}.result .again{animation:again-in var(--guard,.3s) ease-out both}@keyframes again-in{0%{opacity:.35}}.question .inner{justify-content:center}.question h2{text-align:center;margin:0 0 8px;font-size:24px}.question .card.answer{text-align:center;align-items:center}.question .card.none .name{letter-spacing:0;color:var(--dim);font-weight:500}.gate{cursor:pointer;background:#0a0b0d99;outline:none;justify-content:center}.gate .inner{text-align:center;flex:0;align-items:center;gap:10px}.gate .gate-game{color:var(--dim);text-transform:uppercase;letter-spacing:.12em;font-size:13px}.gate .gate-cta{font-size:28px;font-weight:800;animation:1.4s ease-in-out infinite gate-pulse}@keyframes gate-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.gate .gate-cta{animation:none}}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;display:flex}.seg{gap:4px;display:flex}.seg button{border:1px solid var(--line);min-height:40px;color:var(--dim);background:0 0;border-radius:20px;padding:0 14px}.seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.tuning{pointer-events:auto;right:calc(8px + var(--safe-r));bottom:calc(8px + var(--safe-b));width:min(320px, calc(100vw - 16px - var(--safe-l) - var(--safe-r)));border:1px solid var(--line);touch-action:pan-y;background:#141518eb;border-radius:12px;max-height:50vh;font-size:12px;position:absolute;overflow-y:auto}.tuning summary{cursor:pointer;padding:10px 12px;font-weight:700}.tuning .body{flex-direction:column;gap:6px;padding:0 12px 12px;display:flex}.tuning label{grid-template-columns:1fr 52px;align-items:center;gap:2px 8px;display:grid}.tuning input[type=range]{grid-column:1/-1;width:100%}.tuning output{text-align:right;font-variant-numeric:tabular-nums}.tuning .actions{gap:6px;display:flex}.tuning .actions button{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;flex:1;min-height:32px}.debug{bottom:calc(8px + var(--safe-b));left:calc(8px + var(--safe-l));color:#9f9;white-space:pre;pointer-events:none;background:#0009;border-radius:8px;padding:6px 8px;font:11px/1.35 ui-monospace,Consolas,monospace;position:absolute}.privacy,.info{color:var(--dim);margin:4px 4px 0;font-size:13px;line-height:1.5}.info{font-variant-numeric:tabular-nums;word-break:break-all;-webkit-user-select:text;user-select:text}.export{margin-top:8px}