:root{--tile: #1b1a17;--tile-line: #35322c;--gold-tile: #cf9b2e;--green-tile: #4cb869;--cipher: #7d786c;--paper: #fcfbf8;--canvas: #e7e3d9;--ink: #23211c;--muted: #6a6558;--line: #e6e3db;--gold: #8a6410;--green: #1f7a38;--red: #b02a30;--tint: #f3ede0;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--motion: .2s}:root[data-mode=dark]{--tile: #211f1a;--tile-line: #3a3730;--paper: #14130f;--canvas: #0b0a08;--ink: #ece9df;--muted: #9a9384;--line: #2b2a24;--gold: #e0ac45;--green: #5cc47b;--red: #e8797f;--tint: #241f14}@media(prefers-reduced-motion:reduce){:root{--motion: 0s}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--ink);font-family:var(--font-mono);-webkit-text-size-adjust:100%}.screen{max-width:900px;margin:0 auto;padding:0 1rem 2rem}.appbar{display:flex;align-items:center;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line);margin-bottom:1.25rem}.wordmark{font-weight:700;letter-spacing:.14em;font-size:1rem;background:none;border:none;color:var(--ink);cursor:pointer;padding:0;font-family:inherit}.wordmark .wire{color:var(--gold)}.appbar-spacer{flex:1}.iconbtn{background:none;border:none;color:var(--muted);font-size:1.05rem;cursor:pointer;padding:.2rem .4rem}.iconbtn:hover{color:var(--ink)}.hero{text-align:center;padding:2.5rem 0 1.5rem}.hero-tiles{display:flex;justify-content:center;gap:.3rem;flex-wrap:wrap}.htile{position:relative;width:2.5rem;height:2.9rem;border:1px solid var(--tile-line);border-radius:3px;background:var(--tile);display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:700;color:var(--gold-tile);letter-spacing:0}.htile-c{position:absolute;bottom:2px;right:4px;font-size:.55rem;color:var(--cipher);font-weight:400}.tagline{color:var(--muted);margin-top:1.5rem;font-size:.92rem}.tagline b{color:var(--ink);font-weight:600}.today{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1.25rem;margin:1.5rem 0}.today-row{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.today-t{font-size:1.25rem;margin:.6rem 0 .3rem}.today-sub{color:var(--muted);font-size:.85rem;margin-bottom:1.1rem}.btn-play{width:100%;padding:.8rem;font-family:var(--font-mono);font-size:.92rem;letter-spacing:.06em;background:var(--ink);color:var(--paper);border:none;border-radius:3px;cursor:pointer;transition:background var(--motion)}.btn-play:hover{background:var(--gold);color:#1b1a17}.tiers{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.tier-card{border:1px dashed var(--line);border-radius:4px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.tier-k{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.tier-t{font-size:.95rem}.tier-d{font-size:.8rem;color:var(--muted);line-height:1.6}.home-foot{text-align:center;color:var(--muted);font-size:.75rem;margin-top:2rem}.decode-hud{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.9rem}.hud-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hud-actions{display:flex;gap:.3rem;margin-left:auto;align-items:center}.hud-clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem;margin-left:.5rem}.key-chip{font-size:.7rem;letter-spacing:.08em;border:1px solid var(--gold);color:var(--gold);padding:.15rem .4rem;border-radius:2px}.btn{font-family:var(--font-mono);font-size:.76rem;padding:.3rem .55rem;border-radius:2px;border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer}.btn:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.btn:disabled{opacity:.35;cursor:not-allowed}.decode-caption{font-size:.75rem;color:var(--muted);margin-bottom:.6rem}.decode-board{margin-bottom:1rem}.decode-line{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:.55rem}.group-wrap{display:flex;gap:2px}.cell{width:1.6rem;height:2.05rem;border:1px solid var(--tile-line);border-radius:2px;background:var(--tile);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:0;font-family:var(--font-mono);position:relative;transition:border-color var(--motion)}.board-tight .cell{width:1.35rem;height:1.8rem}.cell .plain{font-size:.9rem;font-weight:700;line-height:1;color:#f2efe6}.cell .ciph{font-size:.5rem;color:var(--cipher);line-height:1;margin-top:2px}.cell.given .plain{color:var(--gold-tile)}.cell.solved{border-color:var(--green-tile)}.cell.solved .plain{color:var(--green-tile)}.cell.active{border-color:var(--gold-tile);box-shadow:0 0 0 1px var(--gold-tile)}.cell.samecipher{border-color:var(--cipher)}.cell.empty .plain{color:var(--cipher)}.keyboard{display:flex;flex-direction:column;gap:.3rem;margin-top:1.25rem}.kbrow{display:flex;gap:.25rem;justify-content:center}.key{flex:1;max-width:2.5rem;height:2.7rem;border-radius:3px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:background var(--motion),color var(--motion),border-color var(--motion)}.key.used{background:var(--tint);color:var(--muted)}.key.given{border-color:var(--gold);color:var(--gold)}.key.clash{border-color:var(--red);color:var(--red)}.key.wide{max-width:4rem;font-size:.7rem}.key:active{background:var(--gold)}.decode-note{text-align:center;color:var(--muted);font-size:.78rem;min-height:1.4rem;margin:.6rem 0 0}.read-surface{font-family:var(--font-sans);line-height:1.9;margin-bottom:1.25rem}.read-line{display:flex;gap:.6rem}.read-num{color:var(--muted);font-size:.7rem;width:1rem;text-align:right;flex:none;padding-top:.35rem}.read-ch.read{color:var(--green)}.read-ch.wrong{color:var(--red);text-decoration:line-through}.read-ch.supplied{color:var(--muted)}.decode-banner{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:3px;padding:1rem 1.15rem;margin-bottom:1.25rem}.banner-perfect{border-left-color:var(--green)}.record{display:flex;gap:.6rem;align-items:baseline;margin-bottom:.75rem}.record-time{font-size:1.3rem;font-variant-numeric:tabular-nums}.record-score{font-size:1.3rem;color:var(--gold)}.record-dot{color:var(--muted)}.record-mark{color:var(--green);font-size:.8rem;letter-spacing:.06em}.record-buckets{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:.6rem}.bucket .n{font-size:1.05rem}.bucket .k{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bucket.bad .n{color:var(--red)}.record-ceiling{font-size:.78rem;color:var(--muted);margin:0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity var(--motion);z-index:40}.backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,100%);width:min(30rem,100%);background:var(--paper);border:1px solid var(--line);border-radius:8px 8px 0 0;padding:1rem 1.25rem 1.75rem;z-index:50;transition:transform var(--motion)}.sheet.open{transform:translate(-50%)}.sheet h2{display:flex;align-items:center;font-size:1rem;margin:.5rem 0 .75rem}.sheet .close{margin-left:auto;background:none;border:none;font-size:1.3rem;color:var(--muted);cursor:pointer}.grabber{width:2.5rem;height:3px;border-radius:2px;background:var(--line);margin:0 auto}.sheet-note{font-size:.82rem;color:var(--muted)}.lab{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.4rem}.choices{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.choices button{font-family:var(--font-mono);font-size:.8rem;padding:.4rem .75rem;border-radius:2px;border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer}.choices button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.primary{width:100%;padding:.7rem;font-family:var(--font-mono);font-size:.88rem;background:var(--ink);color:var(--paper);border:none;border-radius:3px;cursor:pointer}.primary:hover{background:var(--gold);color:#1b1a17}.gate-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:60;padding:1rem}.gate{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1.4rem;max-width:26rem}.gate h3{margin:0 0 .6rem;font-size:1rem}.gate p{font-size:.84rem;color:var(--muted);line-height:1.65}.gate p b{color:var(--ink)}.gate-actions{display:flex;gap:.5rem;margin-top:1.1rem}.chip{flex:1;padding:.55rem;font-family:var(--font-mono);font-size:.8rem;border-radius:2px;border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer}.chip-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.standings{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:1rem 1.15rem;margin-bottom:1.25rem}.standings h3{margin:0 0 .75rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:400}.board-table{width:100%;border-collapse:collapse;font-size:.85rem}.board-table td{padding:.35rem .4rem;border-bottom:1px solid var(--line)}.board-table tr:last-child td{border-bottom:none}.board-table tr.me td{background:var(--tint)}.board-table .rank{width:2rem;color:var(--muted);font-variant-numeric:tabular-nums}.board-table .who{color:var(--ink)}.board-table .sc{width:4rem;text-align:right;color:var(--gold);font-variant-numeric:tabular-nums}.board-table .tm{width:4rem;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.clean-mark{color:var(--green);font-size:.7rem;letter-spacing:.06em}.muted-note{color:var(--muted);font-size:.8rem;margin:.6rem 0 0}