: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-grid.two{grid-template-columns:repeat(2,1fr)}.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)}.chart .session-dot{fill:var(--muted);opacity:.6}.level-row{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.level-value{color:var(--accent);font-size:2rem;font-weight:700}.level-pips{gap:6px;margin:8px 0 12px;display:flex}.level-pips span{background:var(--surface-2);border:1px solid var(--border);border-radius:3px;width:28px;height:6px}.level-pips span.on{background:var(--accent);border-color:var(--accent)}.level-ups{margin:8px 0 0;padding:0;font-size:.85rem;list-style:none}.level-ups li{border-top:1px solid var(--border);justify-content:space-between;padding:4px 0;display:flex}.level-up{margin-bottom:12px;font-size:1.1rem}.level-up b{color: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{letter-spacing:-.01em;margin-bottom:20px;font-size:clamp(2.2rem,10vw,3.2rem);font-weight:800;line-height:1.1}.rule-examples{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rule-example{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:clamp(.9rem,3.6vw,1rem)}.rule-example b{margin-left:4px}.rule-example.yes b{color:var(--good)}.rule-example.no b{color:var(--bad)}.rule-timer{background:var(--accent);transform-origin:0;border-radius:999px;width:min(160px,50%);height:4px;margin:28px auto 0;animation:linear forwards rule-timer}@keyframes rule-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.pill.run{color:var(--good)}.hint{color:var(--muted);margin-top:24px;font-size:.9rem}.rule-tag{color:var(--text);font-size:1rem;font-weight:700;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)}.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}.home-header{flex-direction:column;gap:10px;display:flex}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:3px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border-radius:9px;flex:1;padding:.55rem .5rem;font-weight:600}.segmented button.on{background:var(--surface-2);color:var(--text)}.options{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.options .segmented{flex:1;min-width:200px}.check{color:var(--muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.spacer{flex:1}.cct-stage{flex-direction:column;gap:18px}.cct-digit{font-variant-numeric:tabular-nums;align-items:center;min-height:1.3em;font-size:clamp(3rem,16vw,5rem);font-weight:700;display:flex}.cct-digit .feedback{font-size:1.8rem}.runs{gap:6px;display:flex}.run-box{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;width:18px;height:18px}.run-box.good{background:var(--good);border-color:var(--good)}.cct-stage .hint{margin-top:0}.pad{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.pad-key{background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:12px;justify-content:center;align-items:center;gap:2px;height:clamp(52px,9vh,72px);font-size:1.3rem;font-weight:700;transition:background .1s,transform 50ms;display:flex}.pad-key:active:not(:disabled){transform:scale(.96)}.pad-key:disabled{opacity:.55}.pad-key.good{background:var(--good);color:#062;opacity:1}.pad-key.bad{background:var(--bad);color:#600;opacity:1}.pad-key kbd{font-size:.6rem}.pop{animation:.25s ease-out pop}@keyframes pop{0%{opacity:.3;transform:scale(.8)}}.pad.pad-9{grid-template-columns:repeat(3,1fr);width:100%;max-width:420px;margin:0 auto}.lag-hint{color:var(--accent);font-size:1.05rem;font-weight:600}.settings{flex-direction:column;gap:14px;display:flex}.setting{flex-direction:column;gap:6px;display:flex}.setting-label{color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}.setting-label b{color:var(--text);font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--muted);border-radius:9px;padding:.4rem .65rem;font-size:.85rem}.chips button.on{border-color:var(--accent);color:var(--text)}.setting input[type=range]{width:100%;accent-color:var(--accent-strong)}.setting-note{color:var(--muted);font-size:.75rem}.setting-note.warn{color:#fbbf24}.toggles{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}details.card>summary{cursor:pointer;justify-content:space-between;font-weight:600;list-style:none;display:flex}details.card>summary::-webkit-details-marker{display:none}details.card>summary:after{content:"▾";color:var(--muted)}details.card[open]>summary:after{content:"▴"}.cct-answer{font-variant-numeric:tabular-nums;text-align:center;background:var(--surface-2);width:5ch;color:inherit;border:2px solid var(--border);border-radius:12px;outline:none;padding:6px 0;font-size:2.2rem;font-weight:700;transition:background .1s,border-color .1s}.cct-answer:focus{border-color:var(--accent)}.cct-answer.good{background:var(--good);border-color:var(--good);color:#062}.cct-answer.bad{background:var(--bad);border-color:var(--bad);color:#600}.chip-input{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:9px;align-items:center;gap:4px;padding:0 .65rem 0 .3rem;font-size:.85rem;display:flex}.chip-input.on{border-color:var(--accent);color:var(--text)}.chip-input input{text-align:right;width:3.2ch;color:inherit;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;font-size:16px}.card .chips+.chart{margin-top:10px}.home-header .segmented button{padding:.55rem .25rem;font-size:.85rem}.tracker-line{font-size:clamp(1.4rem,6.5vw,2.4rem);font-weight:700;animation:.15s ease-out pop}.tracker-question{color:var(--accent);font-size:clamp(1.2rem,5.5vw,1.9rem);font-weight:700}.tracker-options{grid-template-columns:repeat(2,1fr);align-content:end;gap:8px;min-height:9.5rem;display:grid}.tracker-options button{border-radius:12px;padding:.85rem .5rem;font-weight:600}.tracker-options button:disabled{opacity:.35}.tracker-options .lost{color:var(--accent);grid-column:1/-1}.rules-card{flex-direction:column;align-items:center;gap:14px;display:flex}.rules-main{font-size:clamp(1.4rem,6vw,2rem);font-weight:800}.rules-list{text-align:left;flex-direction:column;gap:8px;margin:0;padding:0;font-size:clamp(1rem,4.2vw,1.2rem);list-style:none;display:flex}.rules-list .allow b{color:var(--good)}.rules-list .ban b{color:var(--bad)}.rules-card .hint{margin-top:4px}.play{align-items:flex-end;gap:24px;display:flex}.play-label{color:var(--muted);margin-bottom:6px;font-size:.85rem}.playing-card{aspect-ratio:5/7;color:#111827;background:#f5f7fb;border-radius:12px;justify-content:center;align-items:center;width:clamp(92px,26vw,130px);font-size:clamp(1.8rem,9vw,2.6rem);font-weight:800;display:flex}.playing-card.red{color:#dc2626}