:root{--bg:#fafaf8;--surface:#f2f2ef;--text:#18181b;--muted:#5c5c66;--rule:#e3e3de;--accent:#0a58a8;--success:#1a7f37;--error:#b42318;--sans:Inter, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121214;--surface:#1b1b1f;--text:#ececee;--muted:#a1a1aa;--rule:#2b2b30;--accent:#7db6ff;--success:#4ac26b;--error:#ff7b72;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121214;--surface:#1b1b1f;--text:#ececee;--muted:#a1a1aa;--rule:#2b2b30;--accent:#7db6ff;--success:#4ac26b;--error:#ff7b72;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,p{margin:0}a{color:var(--muted);font-size:.875rem;text-decoration:none}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page{max-width:720px;margin-inline:auto;padding:24px 16px 64px}.topbar{justify-content:space-between;display:flex}.topbar-end{align-items:center;gap:16px;display:flex}.theme-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;margin:-6px;padding:6px;display:grid}.theme-toggle:hover{color:var(--text)}.game{touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:28px;padding-top:40px;display:flex}h1{letter-spacing:-.015em;font-size:2.25rem;font-weight:600}.muted{color:var(--muted)}.small{font-size:.875rem}.stats{font-family:var(--mono);color:var(--muted);gap:48px;font-size:.875rem;display:flex}.stats strong{font-variant-numeric:tabular-nums;font-weight:500}.time{color:var(--text)}.score{color:var(--accent)}.row{gap:6px;margin-top:-12px;display:flex}.tile{aspect-ratio:1;border:1px solid var(--rule);width:clamp(38px,11vw,56px);color:var(--text);font-family:var(--mono);text-transform:uppercase;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:clamp(1.25rem,5vw,1.75rem);transition:background-color .1s,border-color .1s;display:flex}.tile:hover:not(:disabled){border-color:var(--muted)}.tile.primary{border-color:var(--text);background:var(--text);color:var(--bg)}.tile.primary:hover:not(:disabled){border-color:var(--accent);background:var(--accent)}.tile:disabled{pointer-events:none}.tile.primary:disabled{opacity:.25}.button{background:var(--text);color:var(--bg);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:6px;padding:10px 22px;font-size:.9375rem;font-weight:500;transition:background-color .1s}.button:hover{background:var(--accent)}.panel{border:1px solid var(--rule);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:380px;padding:32px 28px;display:flex}.panel h2{font-size:1.5rem;font-weight:600}.panel .button{margin-top:8px}.final{font-family:var(--mono);color:var(--accent);margin-top:-8px;font-size:2rem}.answers{border-top:1px solid var(--rule);text-align:left;flex-direction:column;gap:14px;width:100%;max-height:20rem;padding:12px 0 0;display:flex;overflow-y:auto}.answers h3{color:var(--muted);justify-content:space-between;margin:0 0 6px;font-size:.75rem;font-weight:500;display:flex}.words{color:var(--muted);font-family:var(--mono);text-transform:uppercase;flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.words li{border-radius:4px;padding:2px 6px}.words .found{background:var(--accent);color:var(--bg);font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toast-region{pointer-events:none;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--rule);background:var(--surface);white-space:nowrap;border-radius:6px;padding:8px 14px;font-size:.875rem;font-weight:500;animation:.12s ease-out pop;display:inline-block}.toast.success{color:var(--success)}.toast.error{color:var(--error)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.tile,.button{transition:none}}
