:root{--bg:#0b0826;--ink:#f4f1ff;--muted:#b3acd9;--mint:#7cf2d4;--orange:#ffb347;--pink:#ff6fa8;--panel:#16103ed1;--line:#ada0ff38;--ui:"Baloo 2", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app{position:fixed;inset:0}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}.screen{position:absolute;inset:0}[hidden]{display:none!important}.btn{font:700 1.05rem/1 var(--ui);cursor:pointer;color:var(--ink);border:0;border-radius:14px;padding:.85rem 1.4rem;transition:transform .12s,box-shadow .12s,background .12s}.btn:focus-visible,.icon-btn:focus-visible,.pace:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.btn-primary{color:#2a1400;background:linear-gradient(#ffc56b,#ff9a3d);box-shadow:0 5px #b8611c,0 10px 24px #ff9a3d59}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{transform:translateY(4px);box-shadow:0 1px #b8611c}.btn-ghost{border:1px solid var(--line);background:#ffffff12}.btn-ghost:hover{background:#ffffff21}.btn-big{letter-spacing:.02em;width:100%;padding:1rem;font-size:1.5rem}.btn-small{border-radius:10px;padding:.4rem .75rem;font-size:.85rem}kbd{font:700 .75rem var(--mono);border:1px solid var(--line);background:#ffffff1a;border-bottom-width:3px;border-radius:6px;padding:.12rem .4rem}#home{grid-template-columns:minmax(0,520px) minmax(0,360px);place-content:center;gap:1.75rem;padding:2rem;display:grid;overflow-y:auto}.home-card,.board,.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:26px;box-shadow:0 30px 60px #00000059}.home-card{padding:2rem 2rem 1.5rem}.eyebrow{color:var(--mint);text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:700}.brand h1{margin:.1rem 0 .4rem;font-size:clamp(2.6rem,6vw,3.8rem);font-weight:800;line-height:.95}.brand h1 span{background:linear-gradient(90deg, var(--orange), var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text}.tagline{color:var(--muted);margin:0;font-size:1.1rem;line-height:1.4}.steps{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.4rem 0;padding:0;list-style:none;display:grid}.steps li{background:#ffffff0d;border-radius:16px;flex-direction:column;gap:.3rem;padding:.75rem;font-size:.95rem;line-height:1.2;display:flex}.steps b{background:var(--mint);color:#0b2a24;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-weight:800;display:grid}.paces{border:0;margin:0 0 1.2rem;padding:0}.paces legend{margin-bottom:.5rem;font-weight:700}.pace-list{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.pace{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:16px;padding:.7rem .8rem;transition:border-color .12s,background .12s}.pace:hover{background:#ffffff1a}.pace[aria-checked=true]{border-color:var(--mint);background:#7cf2d41f}.pace strong{font-size:1.1rem;display:block}.pace small{color:var(--muted);font-size:.82rem;line-height:1.2;display:block}.kbd-hint{text-align:center;color:var(--muted);margin:.9rem 0 0;font-size:.9rem}.board{flex-direction:column;align-self:stretch;min-height:0;padding:1.5rem;display:flex}.board h2{flex:none;margin:0;font-size:1.5rem}.board-list{overscroll-behavior:contain;scrollbar-color:#ada0ff73 transparent;flex-direction:column;gap:.4rem;max-height:min(52vh,28rem);margin:.8rem 0 0;padding:0 .35rem 0 0;list-style:none;display:flex;overflow-y:auto}.board-list li{background:#ffffff0a;border-radius:12px;grid-template-columns:2rem 1fr auto;align-items:center;gap:.6rem;padding:.5rem .7rem;display:grid}.board-list li.fresh{box-shadow:inset 0 0 0 1px var(--mint);background:#7cf2d429}.board-list .rank{color:var(--muted);text-align:center;font-weight:800}.board-list li:first-child .rank{color:#ffd25e}.board-list li:nth-child(2) .rank{color:#d9e0f0}.board-list li:nth-child(3) .rank{color:#e39a62}.board-list .who{min-width:0}.board-list .who strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.board-list .who small{color:var(--muted);font-size:.8rem}.board-list .pts{font:800 1.05rem var(--mono);color:var(--orange)}.board-empty{color:var(--muted);margin:1rem 0 0;line-height:1.4}.field{position:absolute;inset:0;overflow:hidden}.word{font:800 clamp(1.15rem, 2.4vw, 1.6rem) / 1 var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;will-change:transform;-webkit-user-select:none;user-select:none;background:#0a0622db;border:2px solid #ffffff24;border-radius:12px;padding:.45rem .6rem .45rem .75rem;position:absolute;top:0;left:0}.word .done{color:var(--mint);text-shadow:0 0 12px #7cf2d4b3}.word .next{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:5px;text-decoration-thickness:3px}.word.locked{border-color:var(--mint);box-shadow:0 0 0 4px #7cf2d433,0 0 24px #7cf2d459}.word.danger:not(.locked){border-color:#ff6fa8bf}.word.shake{animation:.28s shake}@keyframes shake{0%,to{translate:0}25%{translate:-7px}75%{translate:7px}}.hud{pointer-events:none;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex;position:absolute;left:0;right:0}.hud>*{pointer-events:auto}.hud-top{top:0}.hud-bottom{bottom:0}.icon-btn{border:2px solid var(--line);background:var(--panel);width:52px;height:52px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.icon-btn svg{fill:currentColor;width:24px;height:24px}.lives{background:var(--panel);border:1px solid var(--line);border-radius:999px;gap:.35rem;padding:.45rem .75rem;display:flex}.lives svg{width:26px;height:26px;transition:transform .2s,opacity .2s}.lives svg.gone{opacity:.22;filter:grayscale();transform:scale(.8)}.lives svg.pop{animation:.45s pop}@keyframes pop{50%{transform:scale(1.5)rotate(-12deg)}}.pill{background:var(--panel);border:1px solid var(--line);border-radius:14px;justify-content:center;align-items:baseline;gap:.5rem;min-width:8rem;padding:.5rem 1rem;display:flex}.pill span{color:var(--muted);font-weight:700}.pill b{font:800 1.35rem var(--mono)}.pill-combo{opacity:.45;min-width:6.5rem;transition:opacity .2s}.pill-combo.on{opacity:1;border-color:var(--orange)}.pill-combo.on b{color:var(--orange)}.toast{font:800 clamp(2rem, 6vw, 3.5rem) / 1 var(--ui);color:var(--orange);text-shadow:0 6px 30px #ffb34780;opacity:0;pointer-events:none;white-space:nowrap;position:absolute;top:28%;left:50%;translate:-50%}.toast.show{animation:1.6s ease-out toast}@keyframes toast{0%{opacity:0;scale:.6}15%{opacity:1;scale:1.08}25%{scale:1}80%{opacity:1}to{opacity:0;translate:-50% -30px}}.typer{opacity:0;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;bottom:0;left:0}.tap-to-type{font:700 .95rem var(--ui);color:var(--ink);background:var(--panel);border:1px dashed var(--mint);border-radius:999px;padding:.5rem 1rem;display:none;position:absolute;bottom:5.2rem;left:50%;translate:-50%}@media (pointer:coarse){.tap-to-type{display:block}}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0604168c;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.panel{text-align:center;width:min(460px,100%);padding:2rem}.panel h2{margin:.2rem 0 .5rem;font-size:2.2rem}.panel p{color:var(--muted);margin:0 0 1.2rem}.panel-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0 1.5rem;display:grid}.stats div{background:#ffffff0d;border-radius:14px;padding:.6rem .3rem}.stats span{color:var(--muted);font-size:.8rem;font-weight:700;display:block}.stats b{font:800 1.4rem var(--mono)}.stats div:first-child b{color:var(--orange)}.save-form label{margin-bottom:.5rem;font-weight:700;display:block}.save-row{gap:.5rem;display:flex}.save-row input{min-width:0;font:700 1.15rem var(--ui);color:var(--ink);border:2px solid var(--line);background:#ffffff12;border-radius:14px;flex:1;padding:.6rem .9rem}.save-row input:focus{border-color:var(--mint);outline:none}.saved p{color:var(--ink);font-size:1.15rem}@media (width<=920px){#home{grid-template-columns:minmax(0,560px);align-content:start;padding:1.25rem}}@media (width<=560px){.home-card{padding:1.4rem 1.2rem}.steps,.pace-list{grid-template-columns:1fr}.steps li{flex-direction:row;align-items:center}.hud{padding:.6rem}.icon-btn{width:44px;height:44px}.lives svg{width:20px;height:20px}.pill{flex-direction:column;align-items:center;gap:0;min-width:0;padding:.4rem .6rem}.pill span{font-size:.75rem}.pill b{font-size:1.05rem}.stats{grid-template-columns:repeat(2,1fr)}.word{letter-spacing:.08em}}