*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--cell:#232838;--cell-done:#2e7d5b;--text:#e7e9ee;--muted:#9aa0ad;--accent:#4f8cff;--header-h:46px;--tap-min:48px}body,html{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.game,.result{max-width:520px;padding:24px 16px;gap:16px}.game,.landing,.result{margin:0 auto;min-height:calc(100dvh - var(--header-h));display:flex;flex-direction:column;align-items:center}.landing{max-width:560px;padding:32px 20px 40px;text-align:center;gap:14px}.landing__title{font-size:clamp(26px,8vw,40px);font-weight:800;line-height:1.1;margin-top:6dvh}.landing__subtitle{color:var(--muted);font-size:clamp(15px,4.2vw,18px);line-height:1.5;max-width:480px}.landing__play{margin:8px 0 4px;font-size:18px;padding:14px 40px;width:auto}.landing__how{margin-top:8px;width:100%;max-width:420px}.landing__how h2{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.landing__how ol{text-align:left;color:var(--muted);font-size:15px;line-height:1.7;padding-left:22px}.landing__honest{margin-top:14px;color:var(--muted);font-size:13px;line-height:1.5;max-width:440px;opacity:.85}.game h1{font-size:20px;font-weight:600;text-align:center}.game__hint{color:var(--muted);font-size:16px}.game__hint b{color:var(--accent);font-size:22px}.game__rule{display:inline-block;margin:0 auto 4px;padding:4px 12px;border-radius:999px;background:rgba(240,198,116,.16);color:#f0c674;font-size:14px;font-weight:600}.game__curveball{display:flex;align-items:center;gap:8px;margin:0 auto 6px;max-width:32ch;padding:8px 12px;border-radius:10px;border:1px solid rgba(240,198,116,.45);background:rgba(240,198,116,.12);color:var(--text);font-size:14px;text-align:left}.game__curveball-icon{font-size:18px;line-height:1}.game__curveball-text b{color:#f0c674}.result__curveball{margin:2px 0 8px;font-size:15px;color:var(--muted)}.end__curveball,.result__curveball--caught{color:#2e7d5b;font-weight:600}.end__curveball{margin:4px 0;font-size:15px}.board{display:grid;grid-gap:8px;gap:8px;width:100%}.board--ring{display:block;position:relative;width:100%;max-width:340px;margin:0 auto;aspect-ratio:1/1}.board--ring .cell{position:absolute;transform:translate(-50%,-50%);width:clamp(44px,14%,52px);height:clamp(44px,14%,52px);min-height:44px;font-size:clamp(15px,4.5vw,22px);aspect-ratio:auto}.board--ring .cell:active{transform:translate(-50%,-50%);filter:brightness(.92)}.cell{position:relative;aspect-ratio:1/1;min-height:44px;border:none;border-radius:12px;background:var(--cell);color:var(--text);font-size:clamp(18px,6vw,28px);font-weight:600;cursor:pointer;transition:background .12s ease,transform .06s ease}.cell__key{position:absolute;top:4px;left:6px;font-size:11px;font-weight:600;color:var(--muted);opacity:.7}.cell__face{font-size:clamp(20px,7vw,32px);line-height:1}.cell:active{transform:scale(.95)}.cell--done{background:var(--cell-done);color:#cfeede;opacity:.55}.cell--done:after{content:"✓";position:absolute;top:2px;right:6px;font-size:.5em;line-height:1;color:#eafff3}.result h1{font-size:28px;margin-top:24px}.result__time{font-size:40px;font-weight:700;color:var(--accent)}.result__saved{color:var(--cell-done);font-weight:600}.result__error{color:#e5934b;font-size:14px;text-align:center;max-width:360px}.btn{width:100%;max-width:360px;min-height:var(--tap-min);padding:14px 18px;border:1px solid #2c3142;border-radius:12px;background:var(--surface);color:var(--text);font-size:16px;font-weight:600;cursor:pointer}.game__actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.game__hotkey{color:var(--muted);font-size:13px;text-align:center}.btn--primary{background:var(--accent);border-color:var(--accent);color:#06122b}.auth{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px}.auth input{padding:13px 14px;border-radius:10px;border:1px solid #2c3142;background:var(--cell);color:var(--text);font-size:16px}.auth__error{color:#ff6b6b;font-size:14px}.link{background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center;padding:4px 2px}.picker{gap:10px;width:100%;max-width:360px}.picker,.picker__item{display:flex;flex-direction:column}.picker__item{gap:2px;text-align:left;padding:14px 16px;border:1px solid #2c3142;border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}.picker__title{font-size:16px;font-weight:600}.picker__domain{font-size:13px;color:var(--muted)}.stroop-word{font-size:clamp(40px,14vw,72px);font-weight:800;letter-spacing:1px;margin:16px 0}.stroop-buttons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;width:100%;max-width:360px}.stroop-btn{position:relative;min-height:var(--tap-min);padding:16px;border:none;border-radius:12px;color:#06122b;font-weight:700;font-size:16px;cursor:pointer}.stroop-btn__key{position:absolute;top:6px;left:8px;font-size:12px;font-weight:700;opacity:.6}.arith-problem{font-size:clamp(40px,13vw,68px);font-weight:800;letter-spacing:1px;margin:16px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.arith-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;width:100%;max-width:360px}.arith-option{position:relative;min-height:var(--tap-min);font-size:22px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.arith-option__key{position:absolute;top:6px;left:8px;font-size:12px;font-weight:700;opacity:.6}.switch-rule{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:8px;margin:10px 0 4px;padding:10px 16px;border-radius:12px;background:rgba(255,255,255,.06);transition:background .12s ease}.switch-rule__label{font-size:16px;opacity:.7}.switch-rule__dim{font-size:clamp(28px,9vw,44px);font-weight:800;letter-spacing:1px}.switch-rule--switched{background:rgba(213,94,0,.22);outline:2px solid #D55E00}.switch-rule__badge{width:100%;text-align:center;font-size:14px;font-weight:700;color:#ffb27a}.switch-stimulus{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;min-height:56px;margin:12px 0}.switch-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;width:100%;max-width:360px}.switch-option{position:relative;min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:700}.switch-option__key{position:absolute;top:6px;left:8px;font-size:12px;font-weight:700;opacity:.6}.switch-option__swatch{width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.25)}.gonogo-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:min(72vw,280px);height:min(72vw,280px);min-width:var(--tap-min);min-height:var(--tap-min);margin:18px auto;padding:12px;border-radius:24px;border:2px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);cursor:pointer;transition:transform 80ms ease,background 80ms ease}.gonogo-zone:active{transform:scale(.97)}.gonogo-zone:disabled{opacity:.4;cursor:default}.gonogo-zone--go{background:rgba(0,158,115,.12)}.gonogo-zone--nogo{background:rgba(213,94,0,.12)}.gonogo-zone--pressed{outline:3px solid rgba(255,255,255,.5)}.gonogo-zone__glyph{width:64%;height:64%;display:flex}.gonogo-zone__label{font-size:clamp(22px,7vw,34px);font-weight:800;letter-spacing:2px}.oddone-cell{background:var(--cell);padding:8px}.oddone-cell__glyph{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nback-letter{font-size:clamp(72px,28vw,140px);font-weight:800;height:1.4em;display:flex;align-items:center;justify-content:center}.btn--pressed{opacity:.6}.dual-parity{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;width:100%;max-width:360px}.dual-parity .btn{position:relative}.dual-parity__key{position:absolute;top:6px;left:8px;font-size:12px;font-weight:700;opacity:.6}.scount-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));grid-gap:8px;gap:8px;width:100%;max-width:420px}.scount-count{min-height:var(--tap-min);padding:10px 0;font-weight:700}.cell--lit{background:var(--accent);box-shadow:0 0 0 3px #fff inset,0 0 14px var(--accent);transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.cell,.cell--lit,.cell:active{transition:none;transform:none}}.result__summary{width:100%;max-width:360px;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.result__row{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid #232838}.result__row b{color:var(--accent)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;background:#11141c;border-bottom:1px solid #232838;font-size:14px}.topbar__brand{font-weight:700;white-space:nowrap;flex:none}.topbar__badge{font-weight:500;font-size:11px;color:#f5d90a;border:1px solid #5a5320;border-radius:6px;padding:1px 6px;margin-left:6px;white-space:nowrap}@media (max-width:360px){.topbar__badge{display:none}}.topbar__auth{display:flex;align-items:center;gap:10px;color:var(--muted)}.topbar__email{color:var(--text);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__guest{color:var(--muted)}.streak{color:#f5a623;font-weight:700;font-size:17px}.streak__freeze{color:var(--text);font-size:14px;margin:2px 0;max-width:360px;text-align:center}.streak__record{color:var(--text);font-weight:600;font-size:15px;margin:2px 0}.progress{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px;margin:6px 0 12px}.progress__heading{font-size:15px;color:var(--muted);font-weight:600;margin:0}.progress__row{display:flex;align-items:center;gap:12px;padding:10px;background:var(--surface);border-radius:12px}.progress__body{flex:1 1;min-width:0}.progress__name{font-weight:600}.progress__trend{font-size:13px;color:var(--muted);margin-top:2px}.progress__trend--up{color:#2e7d5b}.progress__trend--down{color:#c98b3a}.progress__eased{font-size:12px;color:#c98b3a;margin-top:2px}.progress__level{font-size:12px;color:var(--muted);white-space:nowrap}.progress__process{font-size:13px;color:var(--text);margin:2px 0 0}.progress__disclaimer{font-size:11px;color:var(--muted);line-height:1.4;margin:0}.ring{flex:none}.ring__track{fill:none;stroke:var(--cell);stroke-width:6}.ring__fill{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;transform:rotate(-90deg);transform-origin:32px 32px;transition:stroke-dashoffset .7s ease}.ring__num{fill:var(--text);font-size:17px;font-weight:700}@media (prefers-reduced-motion:reduce){.ring__fill{transition:none}}@media (max-width:360px){.game,.result{padding:16px 10px}.board{gap:6px}}.topbar__auth{justify-content:flex-end;min-width:0}@media (max-width:360px){.topbar__auth{gap:8px;font-size:13px}.topbar__email{max-width:80px}}@media (pointer:coarse){.game{justify-content:flex-start}.stroop-buttons{gap:12px}}@media (pointer:fine) and (min-width:900px){.game,.result{max-width:640px;padding:32px 24px}.auth,.btn,.picker,.progress,.result__summary,.stroop-buttons{max-width:460px}.stroop-buttons{grid-template-columns:repeat(4,1fr)}.btn:hover,.cell:hover:not(:disabled),.picker__item:hover,.stroop-btn:hover{filter:brightness(1.12)}.board{gap:10px}}.pwa-offline{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:#3a2e12;color:#ffd479;font-size:14px;font-weight:600;text-align:center;border-bottom:1px solid #5a4a1e}.pwa-offline__icon{font-size:15px}.pwa-install{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:var(--surface);border-bottom:1px solid rgba(255,255,255,.08)}.pwa-install__btn{width:auto;padding:8px 18px}.pwa-ios{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;width:min(92vw,420px);padding:16px 18px;background:var(--surface);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.45);text-align:center}.pwa-ios__title{display:block;font-size:16px;margin-bottom:6px}.pwa-ios__step{margin:0 0 12px;font-size:14px;color:var(--text)}.pwa-ios__close{width:auto;padding:8px 20px}.pwa-install .link:focus-visible,.pwa-install__btn:focus-visible,.pwa-ios__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}