:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1026;--bg-deep:#070a1a;--surface:#141a3a;--surface-2:#1d2450;--line:#2c3566;--text:#eef0ff;--muted:#a3aad6;--accent:#ffd66b;--danger:#ff8f8f;--band-dim:#6b7299;--band-cool:#7fb2ff;--band-pale:#d4ddff;--band-gold:#f2c14e;--band-bright:#ffe89a;--radius:14px;--radius-sm:8px;--font:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:ui-serif, "New York", Georgia, serif;--gap:16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 50% -200px, #1f2a66 0%, transparent 60%), var(--bg);-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0}main{max-width:480px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));gap:var(--gap);flex-direction:column;margin:0 auto;display:flex}h1,h2,h3{margin:0;font-weight:700}h1{font-family:var(--font-display);letter-spacing:.02em;font-size:1.6rem}h2{font-size:1.15rem}p{margin:0;line-height:1.5}a{color:var(--band-cool)}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}.row{align-items:center;gap:8px;display:flex}.spread{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.topnav{justify-content:space-between;align-items:center;min-height:40px;display:flex}.topnav a{color:var(--muted);padding:8px 4px;font-size:.95rem;text-decoration:none}.brand{font-family:var(--font-display);letter-spacing:.18em;font-weight:700;color:var(--text)!important}button,.button{font:inherit;cursor:pointer;border-radius:var(--radius);background:var(--surface-2);min-height:48px;color:var(--text);border:0;justify-content:center;align-items:center;gap:10px;padding:12px 18px;text-decoration:none;display:inline-flex}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);color:#1a1405;font-size:1.1rem;font-weight:700}.ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.link{min-height:0;color:var(--band-cool);background:0 0;padding:8px 0;text-decoration:underline}.wide{width:100%}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.tiles{justify-content:center;gap:8px;display:flex}.tile{width:56px;height:60px;font-family:var(--font-display);border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);place-items:center;font-size:1.9rem;font-weight:700;display:grid}.tiles.small .tile{width:36px;height:38px;font-size:1.15rem}.tile.current{background:var(--accent);color:#1a1405;border-color:var(--accent)}.tile.done{color:var(--muted)}.tile{position:relative}.tile.done:after{content:"✓";color:var(--band-gold);font-size:.45em;position:absolute;top:2px;right:4px}.tile.skipped{opacity:.45;text-decoration:line-through}.hero{text-align:center;flex-direction:column;gap:14px;padding:24px 0 8px;display:flex}.streak{color:var(--muted);justify-content:center;gap:18px;display:flex}.streak strong{color:var(--text);font-size:1.3rem;display:block}.links{flex-direction:column;align-items:center;gap:4px;display:flex}.countdown{font-variant-numeric:tabular-nums}.ring{width:22px;height:22px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3px}.ring .track{stroke:#0003}.ring .bar{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .2s}.scorebar{justify-content:space-between;align-items:center;gap:8px;display:flex}.score{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.rankbar{flex-direction:column;gap:6px;display:flex}.rankbar .meter{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.rankbar .fill{background:linear-gradient(90deg, var(--band-cool), var(--band-gold));height:100%}.stage{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.big-letter{font-family:var(--font-display);text-align:center;width:88px;font-size:4.5rem;font-weight:700;line-height:1;transition:text-shadow .4s,color .4s}.big-letter.glow{color:var(--band-bright);text-shadow:0 0 24px #ffe89acc,0 0 60px #ffd66b80}.slots{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.slot{aspect-ratio:1;border-radius:var(--radius-sm);border:1px dashed var(--line);place-items:center;font-size:1.1rem;font-weight:800;display:grid}.slot.filled{color:#0b1026;border-style:solid}.band-dim{background:var(--band-dim);border-color:var(--band-dim)!important}.band-cool{background:var(--band-cool);border-color:var(--band-cool)!important}.band-pale{background:var(--band-pale);border-color:var(--band-pale)!important}.band-gold{background:var(--band-gold);border-color:var(--band-gold)!important}.band-bright{background:var(--band-bright);box-shadow:0 0 12px #ffe89a8c;border-color:var(--band-bright)!important}.slot-words{color:var(--muted);text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;font-size:.7rem;display:grid}.slot-words span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entry{gap:8px;display:flex}.entry input{min-width:0;font:inherit;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-deep);min-height:52px;color:var(--text);flex:1;padding:12px 14px;font-size:1.15rem}.entry input[data-state=pausing]{border-color:var(--band-gold)}.shake{animation:.35s shake}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.feedback{min-height:3em}.feedback .line{font-weight:700}.feedback.error{color:var(--danger)}.actions{gap:8px;display:flex}.actions>*{flex:1}.constellation{background:radial-gradient(circle at 50% 50%, #151c45, var(--bg-deep));border-radius:var(--radius);border:1px solid var(--line);width:100%;height:auto;display:block}.constellation line{stroke:#d4ddff59;stroke-width:1.5px}.constellation text{fill:var(--muted);font-size:11px;font-family:var(--font)}.constellation text.context{opacity:.7;font-style:italic}.constellation .chain-tag{fill:var(--band-cool);font-size:12px;font-weight:700;font-family:var(--font-display)}.constellation .echo-line{stroke:var(--band-gold);stroke-dasharray:3 4;stroke-width:1.2px;opacity:.8}.constellation .letter{fill:var(--text);font-size:16px;font-weight:700;font-family:var(--font-display)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{min-height:36px;font-family:var(--font-display);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:700}.chip[aria-pressed=true]{background:var(--accent);color:#1a1405;border-color:var(--accent)}.letter-points{text-align:center;color:var(--muted);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:0;font-size:.75rem;list-style:none;display:grid}.letter-points strong{font-family:var(--font-display);color:var(--text);font-size:1.1rem;display:block}.grid5{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.grid5 figure{margin:0}.grid5 figcaption{color:var(--muted);margin-top:4px;font-size:.8rem}.result-score{text-align:center}.result-score .num{font-size:3.4rem;font-weight:800;line-height:1}.share-card{border-radius:var(--radius);border:1px solid var(--line);aspect-ratio:4/5;background:var(--bg-deep);width:100%;height:auto;display:block}.facts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fact{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px}.fact .label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.fact .value{overflow-wrap:anywhere;margin-top:4px;font-weight:700}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));background:var(--surface-2);border:1px solid var(--line);z-index:20;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 16px;position:fixed;transform:translate(-50%)}.sheet-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:480px;padding:20px 16px max(20px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;flex-direction:column;gap:12px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{text-align:center}.stat strong{font-size:1.5rem;display:block}.stat span{color:var(--muted);font-size:.75rem}.dist{flex-direction:column;gap:4px;display:flex}.dist .bar{grid-template-columns:80px 1fr 28px;align-items:center;gap:8px;font-size:.85rem;display:grid}.dist .bar div{background:var(--band-gold);border-radius:5px;min-width:2px;height:10px}.history-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history-list a{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);color:var(--text);grid-template-columns:1fr auto;gap:2px 8px;padding:12px;text-decoration:none;display:grid}.steps{flex-direction:column;gap:10px;margin:0;padding-left:1.3em;line-height:1.5;display:flex}.example{flex-direction:column;gap:6px;display:flex}.example div{justify-content:space-between;display:flex}@media (width<=360px){.tile{width:48px;height:52px;font-size:1.6rem}.big-letter{width:64px;font-size:3.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}