:root{--bg:#f4f6f3;--fg:#14181a;--muted:#647069;--card:#fff;--line:#dfe5e0;--accent:#0f8a5f;--accent-soft:#d9f1e6;--danger:#d1433f;--danger-soft:#fbe4e2;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1412;--fg:#eef2ef;--muted:#97a39c;--card:#182019;--line:#2a352e;--accent:#34c48a;--accent-soft:#163d2c;--danger:#f06b66;--danger-soft:#3d1f1e}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}.app{max-width:520px;padding:16px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;min-height:100dvh;margin:0 auto;display:flex}.masthead h1{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:1.1rem;font-weight:800}.compact .masthead{display:none}html.playing,html.playing body{overscroll-behavior:none;overflow:hidden}.app.compact{left:0;right:0;top:var(--vv-top,0px);height:var(--vv-height,100dvh);min-height:0;padding-top:calc(12px + env(safe-area-inset-top));gap:12px;padding-bottom:12px;position:fixed;container-type:size}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:20px;display:flex}.center{text-align:center;align-items:center}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:600}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:600}.headline{letter-spacing:-.01em;font-size:1.9rem;font-weight:800;line-height:1.15}.headline.small{font-size:1.25rem}.result-phrase{font-size:1.3rem;font-weight:600}.rules{color:var(--muted);flex-direction:column;gap:6px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.btn{background:var(--line);cursor:pointer;border:0;border-radius:999px;padding:10px 16px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#fff;width:100%;max-width:320px;padding:16px 24px;font-size:1.2rem;box-shadow:0 6px 18px #0f8a5f40}.btn-danger{background:var(--danger);color:#fff}.btn-small{padding:8px 12px;font-size:.9rem}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.hud,.progress,.answer-form{flex-shrink:0}.hud{justify-content:space-between;align-items:baseline;display:flex}.hud-count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.timer{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.4rem;font-weight:800}.timer.low{color:var(--danger)}.progress{grid-template-columns:repeat(26,1fr);gap:2px;display:grid}.cell{background:var(--line);border-radius:3px;height:6px}.cell.done{background:var(--accent)}.cell.now{background:var(--fg)}.stage{flex-direction:column;flex:0 auto;gap:10px;min-height:0;padding:clamp(0px,4cqh,24px) 0 clamp(0px,1cqh,8px);display:flex;overflow-y:auto}.letter{letter-spacing:-.04em;color:var(--accent);font-size:clamp(2.5rem,16cqh,5.5rem);font-weight:900;line-height:.95}.question{text-wrap:balance;font-size:clamp(1.1rem,5.5cqh,1.45rem);font-weight:600;line-height:1.3}.answer-form{margin-top:4px}.answer-input{width:100%;font:inherit;border:2px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--fg);outline:none;padding:16px 18px;font-size:1.5rem;font-weight:600}.answer-input:focus{border-color:var(--accent)}.answer-input::placeholder{color:var(--muted);font-weight:400}.shake{animation:.35s ease-in-out shake;border-color:var(--danger)!important}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.stats{justify-content:center;gap:32px;display:flex}.stat{text-align:center;color:var(--muted);font-size:.85rem}.stat b{color:var(--fg);font-size:1.6rem;line-height:1.1;display:block}section h3{margin-bottom:8px;font-size:1rem;font-weight:700}.run{margin:0;padding:0;list-style:none}.run li{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr;gap:8px;padding:8px 0;display:grid}.run li>span:last-child{flex-direction:column;display:flex}.run-letter{color:var(--accent);font-size:1.15rem;font-weight:900}.run-typed{color:var(--muted);font-size:.9rem}.run-typed:before{content:"✓ ";color:var(--accent)}.killer{border:2px solid var(--danger);background:var(--danger-soft);border-radius:var(--radius);flex-direction:column;gap:6px;margin-top:16px;padding:16px;display:flex}.killer .eyebrow{color:var(--danger)}.killer-question{font-size:1.1rem;font-weight:600}.killer .run-letter{color:var(--danger)}.killer-typed{color:var(--muted);font-size:.95rem}.killer-typed em{color:var(--fg);font-style:italic}.prompt{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--card,#7f7f7f14);border:1px solid var(--line);border-radius:8px;margin:0 0 12px;padding:12px;font-size:.85rem;line-height:1.45}details>summary{cursor:pointer;font-weight:700}details[open]>summary{margin-bottom:12px}.nearmiss-typed{margin:0 8px 4px 0;display:inline-block}.nearmiss-typed small{color:var(--muted)}.tag{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-left:4px;font-size:.7rem;font-weight:700}.next{color:var(--muted)}.next b{color:var(--fg);font-variant-numeric:tabular-nums}.toast{background:var(--fg);color:var(--bg);border-radius:999px;padding:10px 16px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.preview{max-width:900px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-wrap{overflow-x:auto}.questions{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%}.questions th,.questions td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.questions th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.8rem}.dist{flex-direction:column;gap:3px;display:flex}.dist-row{grid-template-columns:24px 1fr 32px;align-items:center;gap:8px;font-size:.85rem;display:grid}.dist-letter{color:var(--muted);font-weight:700}.dist-bar{background:var(--danger);border-radius:5px;min-width:0;height:10px}.dist-bar.finished{background:var(--accent)}.dist-n{color:var(--muted);font-variant-numeric:tabular-nums}