:root{--bg:#0a0f1c;--surface:#111829;--surface-2:#19223a;--border:#26324f;--text:#e8edf7;--muted:#8b97b3;--accent:#38bdf8;--accent-strong:#0ea5e9;--good:#34d399;--bad:#f87171;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0}body{overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:default}h1,h2{margin:0}kbd{font:inherit;opacity:.6;border:1px solid;border-radius:6px;margin-left:.35em;padding:0 .4em;font-size:.75em}@media (hover:none){.kbd-only,kbd{display:none}}@media (hover:hover){.touch-only{display:none}}.muted{color:var(--muted)}.small{font-size:.8rem;font-weight:400}.center{text-align:center}.primary,.secondary{border-radius:12px;padding:.8rem 1.4rem;font-weight:600}.primary{background:var(--accent-strong);color:#fff}.primary:hover{background:var(--accent)}.secondary{background:var(--surface-2);border:1px solid var(--border)}.big{width:100%;padding:1rem;font-size:1.1rem}.ghost{color:var(--muted);background:0 0;padding:.4rem .6rem;font-size:1.2rem}.row{justify-content:center;gap:.75rem;display:flex}.home{max-width:560px;padding:max(env(safe-area-inset-top), 16px) 16px max(env(safe-area-inset-bottom), 24px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.home-header h1{padding:8px 0;font-size:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.card h2{justify-content:space-between;align-items:baseline;font-size:1rem;display:flex}.card p{margin:0;line-height:1.45}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--surface-2);border-radius:12px;padding:10px 12px}.stat-label{color:var(--muted);font-size:.75rem}.stat-value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.stat-sub{color:var(--muted);font-size:.75rem}.chart{width:100%;height:auto}.chart .grid{stroke:var(--border);stroke-dasharray:2 4}.chart .axis{fill:var(--muted);font-size:9px}.chart .line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.chart .dot{fill:var(--accent)}.bars{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bars li{grid-template-columns:7.5rem 1fr 2.8rem;align-items:center;gap:8px;font-size:.85rem;display:grid}.bar-track{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--accent);height:100%;display:block}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.sessions{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.85rem}.sessions th{text-align:left;color:var(--muted);padding-bottom:6px;font-weight:500}.sessions td{border-top:1px solid var(--border);padding:6px 0}.up{color:var(--good)}.down{color:var(--bad)}.game{max-width:720px;height:100dvh;padding:max(env(safe-area-inset-top), 12px) 16px max(env(safe-area-inset-bottom), 16px);-webkit-user-select:none;user-select:none;flex-direction:column;gap:16px;margin:0 auto;display:flex}.game-bar{align-items:center;gap:12px;display:flex}.progress{background:var(--surface-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .2s}.pill{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.stage{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(#121a30 0%,#070b15 100%);flex:1;justify-content:center;align-items:center;min-height:220px;padding:16px;display:flex;position:relative}.stage.tappable{cursor:pointer}.rule-title{margin-bottom:10px;font-size:clamp(1.6rem,6vw,2.2rem);font-weight:700}.rule-prompt{color:var(--text);white-space:pre-line;max-width:28ch;margin:0 auto;font-size:clamp(1rem,4vw,1.2rem);line-height:1.6}.hint{color:var(--muted);margin-top:24px;font-size:.9rem}.rule-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;position:absolute;top:12px;left:0;right:0}.fixation{color:var(--muted);font-size:3rem}.stimulus{white-space:nowrap;font-size:clamp(1.5rem,7vw,3.4rem);font-weight:700}.stimulus .dash{color:var(--muted);margin:0 .3em}.feedback{font-size:1.8rem;font-weight:700}.feedback.good{color:var(--good)}.feedback.bad{color:var(--bad)}.feedback-note{color:var(--muted);margin-top:8px;font-size:.9rem;font-weight:500}.answers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answer{border-radius:var(--radius);height:clamp(72px,14vh,110px);font-size:1.3rem;font-weight:700;transition:opacity .1s,transform 50ms}.answer:active:not(:disabled){transform:scale(.97)}.answer:disabled{opacity:.35}.answer.no{background:var(--surface-2);border:1px solid var(--border)}.answer.yes{background:var(--accent-strong);color:#fff}.results{text-align:center;flex-direction:column;justify-content:center;gap:20px;max-width:560px;min-height:100dvh;margin:0 auto;padding:24px 16px;display:flex}.results h2{font-size:1.5rem}