:root{color-scheme:light dark;--page-bg: #f7f4ed;--text: #14213d;--muted: #5a6478;--surface: #fffdf8;--line: #c9c2b4;--control: #e4ded2;--primary: #245c8a;--primary-hover: #1d4d73;--correct: #2f7d59;--present: #c88a2a;--absent: #687386;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{--page-bg: #101820;--text: #f4f1ea;--muted: #b7c0cc;--surface: #192633;--line: #405064;--control: #263647;--primary: #4d8fbd;--primary-hover: #6aa7d6}:root[data-color-blind=true]{--correct: #1f77b4;--present: #d55e00;--absent: #6f7480}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-bg)}button{font:inherit}.game-shell{display:grid;grid-template-rows:auto 1fr auto auto auto;gap:18px;width:min(100%,560px);min-height:100vh;margin:0 auto;padding:20px}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.top-actions{display:grid;gap:8px;justify-items:end;min-width:0}.mode-controls,.utility-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--control)}.segment{min-height:38px;border:0;padding:0 10px;color:var(--text);background:transparent;cursor:pointer}.segment[aria-pressed=true]{color:#fff;background:var(--primary)}.hard-mode-toggle{display:inline-flex;align-items:center;gap:8px;min-height:40px;border:1px solid var(--line);border-radius:6px;padding:5px 8px;color:var(--text);background:var(--surface);cursor:pointer}.hard-mode-toggle input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:34px;height:20px;flex:0 0 auto;border-radius:999px;background:var(--control);box-shadow:inset 0 0 0 1px var(--line)}.switch-thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:999px;background:var(--muted);transition:transform .14s ease,background .14s ease}.hard-mode-toggle input:checked+.switch-track{background:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.hard-mode-toggle input:checked+.switch-track .switch-thumb{transform:translate(14px);background:#fff}.hard-mode-toggle:has(input:disabled){cursor:not-allowed;opacity:.64}.switch-copy{display:grid;gap:1px;font-size:12px;font-weight:800;line-height:1.05}.hard-mode-help{color:var(--muted);font-size:11px;font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#0a101c5c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(100%,360px);border-radius:8px;padding:18px;color:var(--text);background:var(--surface);box-shadow:0 24px 80px #14213d3d}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.modal h2{margin:0;font-size:20px}.modal>p{margin-bottom:16px}.icon-button{width:36px;height:36px;border:0;border-radius:6px;color:var(--text);background:var(--control);cursor:pointer}.stats-grid,.settings-stack{display:grid;gap:10px}.setting-label{margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:800}.setting-row{display:inline-flex;align-items:center;gap:8px;font-weight:800}.end-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.end-actions>button{min-width:112px}.share-note{color:var(--correct);font-weight:800}.share-manual{display:grid;gap:6px;width:min(100%,320px);font-size:13px;font-weight:800}.share-manual textarea{min-height:120px;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:10px;color:var(--text);background:var(--surface);font:inherit}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:42px;height:42px;flex:0 0 auto}h1,p{margin:0}h1{font-size:24px;line-height:1}.brand p{margin-top:4px;color:var(--muted);font-size:13px}.new-game{min-height:40px;border:0;border-radius:6px;padding:0 14px;color:#fff;background:var(--primary);cursor:pointer}.new-game:hover{background:var(--primary-hover)}.quiet-action{min-height:40px;border:1px solid var(--line);border-radius:6px;padding:0 12px;color:var(--text);background:var(--surface);cursor:pointer}.quiet-action:hover{border-color:var(--primary)}.quiet-action:disabled{cursor:not-allowed;opacity:.55}.board{display:grid;align-content:center;gap:8px;width:min(100%,360px);margin:0 auto}.board-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.board-row.is-invalid{animation:shake .18s ease-in-out}.board-row.is-revealing .tile{animation:reveal .36s ease-in-out}.board-row.is-revealing .tile:nth-child(2){animation-delay:70ms}.board-row.is-revealing .tile:nth-child(3){animation-delay:.14s}.board-row.is-revealing .tile:nth-child(4){animation-delay:.21s}.board-row.is-revealing .tile:nth-child(5){animation-delay:.28s}.tile{position:relative;display:grid;place-items:center;aspect-ratio:1;border:2px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);font-size:32px;font-weight:800;line-height:1;text-transform:uppercase}.tile.correct,.key.correct{border-color:var(--correct);color:#fff;background-color:var(--correct)}.tile.present,.key.present{border-color:var(--present);color:#fff;background-color:var(--present)}.tile.absent,.key.absent{border-color:var(--absent);color:#fff;background-color:var(--absent)}:root[data-color-blind=true] .tile.correct,:root[data-color-blind=true] .key.correct{background-image:repeating-linear-gradient(135deg,rgb(255 255 255 / .24) 0 4px,transparent 4px 8px)}:root[data-color-blind=true] .tile.present,:root[data-color-blind=true] .key.present{background-image:radial-gradient(circle,rgb(255 255 255 / .34) 1px,transparent 1px);background-size:8px 8px}.status{min-height:24px;text-align:center;color:var(--muted);font-weight:700}.game-shell.has-dialog .status{visibility:hidden}.keyboard{display:grid;gap:8px;padding-bottom:8px}.key-row{display:flex;justify-content:center;gap:6px}.key{position:relative;display:grid;place-items:center;min-width:0;width:9%;max-width:44px;height:48px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--control);font-size:15px;font-weight:800;cursor:pointer}.state-mark{display:none}:root[data-color-blind=true] .state-mark{position:absolute;top:3px;right:4px;display:grid;place-items:center;min-width:16px;height:16px;border-radius:999px;color:#101820;background:#fff;font-size:11px;font-weight:900;line-height:1}:root[data-color-blind=true] .key .state-mark{top:2px;right:2px;min-width:13px;height:13px;font-size:9px}.key.wide{width:16%;max-width:76px;font-size:12px}.key:hover{filter:brightness(.96)}@keyframes reveal{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:620px){.top-bar{display:grid;grid-template-columns:1fr;gap:12px}.top-actions{width:100%;justify-items:stretch}.mode-controls{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(118px,.9fr) minmax(76px,.6fr);gap:8px}.utility-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.segment,.new-game,.quiet-action{min-width:0;padding-right:8px;padding-left:8px}.hard-mode-toggle{justify-content:center;gap:6px;min-width:0;padding:5px 6px}.switch-copy{font-size:11px}}@media(max-width:420px){.game-shell{gap:14px;padding:14px 10px}.brand{gap:8px}.brand-mark{width:34px;height:34px}h1{font-size:20px}.brand p{display:none}.mode-controls{grid-template-columns:1fr 1fr}.mode-controls .segmented{grid-column:1 / -1}.utility-actions{grid-template-columns:1fr 1fr}.utility-actions .new-game:last-child{grid-column:1 / -1}.hard-mode-help{display:none}.new-game{min-height:36px;padding:0 10px}.tile{font-size:26px}.key-row{gap:4px}.key{height:44px;font-size:13px}.key.wide{font-size:10px}}