:root{--font-sans: "Outfit", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 18px;--radius-sm: 10px;--shadow: 0 24px 60px -28px var(--shadow-color);--focus: 0 0 0 3px var(--bg), 0 0 0 5px var(--fg);--transition: .18s ease}[data-theme=light]{color-scheme:light;--bg: #f4f4f5;--bg-muted: #ececee;--surface: #ffffff;--fg: #0a0a0a;--fg-muted: #525252;--border: #e4e4e7;--border-strong: #0a0a0a;--tile: #fafafa;--tile-used: #e7e7ea;--invert: #0a0a0a;--invert-fg: #fafafa;--danger-bg: #111111;--shadow-color: rgba(10, 10, 10, .18);--timer: #0a0a0a}[data-theme=dark]{color-scheme:dark;--bg: #0a0a0a;--bg-muted: #161616;--surface: #141414;--fg: #f5f5f5;--fg-muted: #a3a3a3;--border: #2a2a2a;--border-strong: #f5f5f5;--tile: #1c1c1c;--tile-used: #0f0f0f;--invert: #f5f5f5;--invert-fg: #0a0a0a;--danger-bg: #f5f5f5;--shadow-color: rgba(0, 0, 0, .55);--timer: #f5f5f5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;font-family:var(--font-sans);background:radial-gradient(1200px 500px at 50% -180px,var(--bg-muted),transparent),var(--bg);color:var(--fg);line-height:1.5}app-root,app-game,app-not-found{display:block;min-height:100vh;min-height:100dvh}button,input{font:inherit;color:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:20;padding:.6rem .9rem;background:var(--invert);color:var(--invert-fg);border-radius:8px;text-decoration:none}.skip-link:focus{top:1rem}.app{width:min(560px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 2.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.brand{display:flex;align-items:center;gap:.85rem}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--border-strong);border-radius:12px;font-weight:700;letter-spacing:-.04em}.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}h1{font-size:1.35rem;font-weight:650;letter-spacing:-.03em;line-height:1.1}.topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.noscript{margin:0 auto 1rem;width:min(560px,calc(100% - 2rem));padding:.8rem 1rem;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface)}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);border-radius:12px;transition:background var(--transition),border-color var(--transition)}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{border-color:var(--fg)}[data-theme=light] .icon-moon,[data-theme=dark] .icon-sun{display:none}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.25rem 1.4rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.stat{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:.7rem .4rem;text-align:center}.stat-label{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.stat strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.stat.is-urgent strong{color:var(--fg)}.progress{height:4px;margin:.9rem 0 1.2rem;background:var(--bg-muted);border-radius:99px;overflow:hidden}.progress-bar{height:100%;width:100%;background:var(--timer);transform-origin:left center;transition:transform .1s linear}.progress-bar.is-urgent{animation:pulse 1s ease-in-out infinite}.puzzle{display:grid;gap:.85rem}.meta-row{display:flex;gap:.45rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;min-height:28px;padding:0 .65rem;border:1px solid var(--border-strong);border-radius:999px;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.chip-quiet{border-color:var(--border);color:var(--fg-muted)}.section-label{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.letter-row,.guess-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;min-height:52px}.tile{width:46px;height:52px;display:grid;place-items:center;border:1.5px solid var(--border-strong);border-radius:10px;background:var(--tile);font-family:var(--font-mono);font-size:1.2rem;font-weight:600;text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--transition),background var(--transition),opacity var(--transition)}.tile:hover:not(:disabled){transform:translateY(-2px)}.tile.is-used{opacity:.32;background:var(--tile-used)}.tile.is-revealed{background:var(--invert);color:var(--invert-fg)}.slot{width:42px;height:48px;display:grid;place-items:center;border-bottom:2px solid var(--fg);font-family:var(--font-mono);font-size:1.2rem;font-weight:600;text-transform:uppercase}.slot.is-empty{color:transparent}.hint{display:grid;gap:.15rem;padding:.85rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.hint-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.hint-text{font-size:.98rem}.guess-input{width:100%;padding:.9rem 1rem;border:1.5px solid var(--border-strong);border-radius:12px;background:var(--bg);text-transform:uppercase;letter-spacing:.18em;font-family:var(--font-mono);font-size:1rem;outline:none}.guess-input::placeholder{letter-spacing:.02em;text-transform:none;font-family:var(--font-sans);color:var(--fg-muted)}.guess-input:focus{box-shadow:var(--focus)}.guess-input.is-correct{background:var(--invert);color:var(--invert-fg)}.guess-input.is-incorrect{animation:shake .28s ease-in-out}.status{min-height:1.4em;text-align:center;font-size:.95rem;color:var(--fg-muted)}.status.is-success{color:var(--fg);font-weight:600}.status.is-error{color:var(--fg)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.btn{min-height:46px;padding:.7rem .9rem;border-radius:12px;border:1.5px solid var(--border-strong);background:transparent;font-weight:600;transition:transform var(--transition),background var(--transition),color var(--transition)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-solid{background:var(--invert);color:var(--invert-fg);grid-column:1 / -1}.shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1rem;margin-top:1.1rem;color:var(--fg-muted);font-size:.8rem}kbd{display:inline-block;padding:.05rem .35rem;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--surface);font-family:var(--font-mono);font-size:.74rem}.modal{position:fixed;inset:0;margin:auto;height:fit-content;width:min(420px,calc(100% - 2rem));border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--fg);box-shadow:var(--shadow);padding:0}.modal::backdrop{background:#00000073}.modal-inner{padding:1.3rem}.modal h2{margin-bottom:1rem;letter-spacing:-.03em}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.stats-grid div{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:.8rem .4rem;text-align:center}.stats-grid dt{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.stats-grid dd{font-size:1.2rem;font-weight:650}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem}:focus-visible{outline:none;box-shadow:var(--focus)}.pause-overlay{position:absolute;inset:0;z-index:4;display:grid;place-content:center;gap:.55rem;padding:1.5rem;border-radius:inherit;background:color-mix(in srgb,var(--surface) 88%,transparent);text-align:center}.pause-title{font-size:1.35rem;font-weight:650;letter-spacing:-.03em}.pause-copy{color:var(--fg-muted);margin-bottom:.35rem}.pause-overlay .btn-solid{grid-column:auto;min-width:160px;justify-self:center}.filter-row{display:flex;flex-wrap:wrap;gap:.4rem}.chip-button{cursor:pointer;background:var(--bg);border-color:var(--border);color:var(--fg-muted)}.chip-button.is-active{border-color:var(--border-strong);background:var(--invert);color:var(--invert-fg)}.chip-button:disabled{opacity:.45;cursor:not-allowed}.tile.is-used:hover:not(:disabled){opacity:.55}.guess-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.guess-count{font-family:var(--font-mono);font-size:.8rem;color:var(--fg-muted);font-variant-numeric:tabular-nums}button.slot{border:0;background:transparent;padding:0;border-bottom:2px solid var(--fg);border-radius:0}button.slot:disabled{opacity:1;cursor:default}button.slot.is-locked{border-bottom-color:var(--border-strong);box-shadow:inset 0 -2px 0 var(--invert)}.help-list{display:grid;gap:.7rem;padding-left:1.15rem;margin-bottom:.9rem;color:var(--fg)}.help-note{color:var(--fg-muted);font-size:.9rem;margin-bottom:.4rem}.share-status{margin-top:.85rem}.btn-inline{grid-column:auto}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(6px)}75%{transform:translate(-6px)}}@keyframes pulse{50%{opacity:.45}}@media(max-width:560px){.app{width:min(100% - 1.25rem,560px);padding-top:1rem}.card{padding:1rem}.stats-row{grid-template-columns:repeat(2,1fr)}.tile,.slot{width:40px;height:46px;font-size:1.05rem}.shortcuts{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}