*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--cell:#232838;--cell-done:#2e7d5b;--text:#e7e9ee;--muted:#b2b8c4;--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}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.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}.landing__footer{margin-top:auto;padding-top:20px}.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}.btn--danger{border-color:#6b2230;color:#ff8a8a}.btn--danger:hover{background:#2a141a}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6)}.modal{width:100%;max-width:420px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #2c3142;border-radius:14px;background:var(--surface);color:var(--text)}.modal__title{font-size:20px;font-weight:700;margin:0}.modal__email{color:var(--muted);font-size:14px;margin:0}.modal__text{color:var(--text);font-size:15px;line-height:1.45;margin:0}.modal__sep{width:100%;border:none;border-top:1px solid #2c3142;margin:6px 0}.modal__error{color:#ff6b6b;font-size:14px;margin:0}.modal__ack{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.4;cursor:pointer}.modal__ack input{margin-top:3px;width:18px;height:18px;flex:none}.modal .btn{align-self:stretch;max-width:none}.a11y-pacing{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.a11y-pacing legend{padding:0;margin-bottom:2px}.a11y-pacing__opt{display:flex;align-items:flex-start;gap:12px;min-height:var(--tap-min);padding:10px 12px;border:1px solid #2c3142;border-radius:10px;cursor:pointer}.a11y-pacing__opt:focus-within{outline:3px solid var(--accent);outline-offset:2px}.a11y-pacing__opt input{margin-top:3px;width:20px;height:20px;flex:none}.a11y-pacing__opt b{display:block;font-size:15px}.a11y-pacing__opt small{display:block;line-height:1.4;margin-top:2px}.a11y-note,.a11y-pacing__opt small{color:var(--muted);font-size:13px}.vr-settings{max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.vr-settings__row,.vr-settings__toggle{display:flex;align-items:flex-start;gap:12px;min-height:var(--tap-min);padding:8px 12px;border:1px solid #2c3142;border-radius:10px}.vr-settings__row{align-items:center;justify-content:space-between}.vr-settings__row:focus-within,.vr-settings__toggle:focus-within{outline:3px solid var(--accent);outline-offset:2px}.vr-settings__toggle input{margin-top:3px;width:20px;height:20px;flex:none}.vr-settings__row b,.vr-settings__toggle b{display:block;font-size:15px}.vr-settings__row small,.vr-settings__toggle small{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:2px}.vr-settings__row input[type=range]{flex:none;width:130px}.vr-settings__row select{flex:none;min-height:36px}.vr-fallback{position:absolute;z-index:2;left:50%;bottom:5%;transform:translateX(-50%);max-width:min(560px,90vw);text-align:center;padding:14px 18px;border-radius:12px;background:rgba(8,11,20,.82);border:1px solid #2c3142;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vr-fallback__msg{margin:0 0 6px;font-weight:700;color:#eef1f7}.vr-fallback__hint{margin:0;line-height:1.5}.link,.vr-fallback__hint{color:var(--muted);font-size:14px}.link{background:none;border:none;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{color:var(--text);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}.spatial-cell--object{background:var(--cell-done);box-shadow:0 0 0 2px var(--accent) inset}.spatial-prompt{font-size:1.4em;vertical-align:middle}.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}.consent{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:70;width:min(94vw,560px);display:flex;flex-direction:column;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid #2c3142;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.5)}.consent__title{display:block;font-size:16px;margin-bottom:4px}.consent__text{margin:0;font-size:14px;line-height:1.45;color:var(--text)}.consent__link{color:var(--accent);text-decoration:underline}.consent__actions{display:flex;gap:10px;flex-wrap:wrap}.consent__btn{flex:1 1 160px;max-width:none}.consent__btn:focus-visible,.consent__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.legal{max-width:720px;margin:0 auto;padding:24px 18px 64px;display:flex;flex-direction:column;gap:14px}.legal__back{align-self:flex-start}.legal__title{font-size:26px;font-weight:700}.legal__updated{color:var(--muted);font-size:14px}.legal__draft{padding:10px 14px;background:#3a2e12;color:#ffd479;border:1px solid #5a4a1e;border-radius:10px;font-size:14px;line-height:1.45}.legal__intro{font-size:16px;line-height:1.55}.legal__section{display:flex;flex-direction:column;gap:6px}.legal__h2{font-size:18px;font-weight:700;margin-top:8px}.legal__p{font-size:15px;line-height:1.6;color:var(--text)}