:root{--accent:#2563eb;--accent-text:#1d4ed8;--accent-soft:#dbeafe;--accent-softer:#eff6ff;--warn:#b45309;--warn-soft:#fef3c7;--bg:#fff;--surface:#f8fafc;--surface-2:#f1f5f9;--line:#cbd5e1;--rule:#0f172a;--text:#0f172a;--text-muted:#475569;--shadow:0 1px 2px #0f172a14, 0 8px 24px #0f172a14}:root[data-theme=dark],html:not([data-theme=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root[data-theme=dark],html:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--accent:#60a5fa;--accent-text:#93c5fd;--accent-soft:#1e3a5f;--accent-softer:#16233a;--warn:#fbbf24;--warn-soft:#422006;--bg:#0b1220;--surface:#111a2e;--surface-2:#16213a;--line:#334155;--rule:#cbd5e1;--text:#e2e8f0;--text-muted:#94a3b8;--shadow:0 1px 2px #0006, 0 8px 24px #0006}}:root[data-theme=dark]{--accent:#60a5fa;--accent-text:#93c5fd;--accent-soft:#1e3a5f;--accent-softer:#16233a;--warn:#fbbf24;--warn-soft:#422006;--bg:#0b1220;--surface:#111a2e;--surface-2:#16213a;--line:#334155;--rule:#cbd5e1;--text:#e2e8f0;--text-muted:#94a3b8;--shadow:0 1px 2px #0006, 0 8px 24px #0006}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.5 ui-sans-serif,-apple-system,Segoe UI,Helvetica,Arial,sans-serif}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{max-width:62rem;min-height:100dvh;padding:12px 12px calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.topbar{align-items:center;gap:10px;display:flex}.spacer{flex:1}.meta{align-items:baseline;gap:10px;min-width:0;display:flex}.badge{background:var(--accent-soft);color:var(--accent-text);border-radius:999px;padding:3px 10px;font-size:.875rem;font-weight:650}.requires summary{color:var(--text-muted);cursor:pointer;font-size:.8125rem}.requires-list{color:var(--text-muted);margin:4px 0 0;font-size:.8125rem}.timer{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:1.125rem}.play{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.board-wrap{flex:20rem;min-width:0}.side{flex-direction:column;flex:0 16rem;gap:12px;min-width:12rem;display:flex}@media (max-width:40rem){.side{flex:100%}}.board{aspect-ratio:1;background:var(--bg);border:2.5px solid var(--rule);border-radius:6px;grid-template-rows:repeat(9,1fr);width:100%;max-width:min(100%,34rem);margin-inline:auto;display:grid;overflow:hidden}.board-row{grid-template-columns:repeat(9,1fr);display:grid}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative;container-type:size}.board-row:nth-child(3n) .cell{border-bottom-width:2.5px;border-bottom-color:var(--rule)}.board-row:last-child .cell{border-bottom:0}.cell:nth-child(3n){border-right-width:2.5px;border-right-color:var(--rule)}.cell:nth-child(9n){border-right:0}.cell-value{font-variant-numeric:tabular-nums;font-size:62cqmin;line-height:1}.cell.is-given .cell-value{color:var(--text);font-weight:700}.cell.is-entered .cell-value{color:var(--accent-text);font-weight:450}.marks{pointer-events:none;color:var(--text-muted);line-height:1;position:absolute;inset:0}.marks-corner{grid-template-areas:"p1 p2 p3""p4 p5 p6""p7 p8 p9";padding:6cqmin;font-size:25cqmin;display:grid}.marks-corner i{place-self:center;font-style:normal}.marks-center{letter-spacing:-.02em;word-break:break-all;text-align:center;place-items:center;padding:4cqmin;font-size:26cqmin;display:grid}.marks-center[data-count="6"],.marks-center[data-count="7"]{font-size:22cqmin}.marks-center[data-count="8"],.marks-center[data-count="9"]{font-size:19cqmin}.cell.is-peer{background:var(--surface-2)}.cell.is-same-digit{background:var(--accent-softer);box-shadow:inset 0 0 0 2px var(--accent-soft)}.cell.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 3.5px var(--accent)}.cell:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.cell.is-hint{background:var(--warn-soft);box-shadow:inset 0 0 0 2px var(--warn)}.cell.is-hint-focus{box-shadow:inset 0 0 0 3.5px var(--warn)}.cell.is-conflict .cell-value{color:var(--warn);text-underline-offset:6cqmin;text-decoration:underline;text-decoration-thickness:8cqmin}.cell.is-mistake:after{content:"";border-top:22cqmin solid var(--warn);border-left:22cqmin solid #0000;position:absolute;top:0;right:0}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (max-width:40rem){.keypad{grid-template-columns:repeat(9,1fr);gap:5px}}.key{border:1px solid var(--line);background:var(--surface);min-height:3rem;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;font-size:1.5rem;font-weight:500;display:grid;position:relative}.key.is-locked{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.key.is-done{color:var(--text-muted);opacity:.45}.key-count{color:var(--text-muted);font-size:.6875rem;position:absolute;bottom:3px;right:6px}.controls{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.icon-button,.text-button,.plain-button{border:1px solid var(--line);background:var(--surface);min-width:2.75rem;min-height:2.75rem;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.icon-button:disabled{opacity:.35;cursor:default}.icon-button.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);box-shadow:inset 0 0 0 2px var(--accent)}.footer{gap:8px;margin-top:auto;display:flex}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hintbar{border:1px solid var(--line);border-left:4px solid var(--warn);background:var(--surface);border-radius:10px;padding:12px 14px}.hint-text{margin:0 0 10px}.hint-actions{flex-wrap:wrap;gap:8px;display:flex}.overlay{z-index:10;background:#0f172a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay-panel{background:var(--bg);width:min(28rem,100%);max-height:85dvh;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex;overflow:auto}.overlay-panel h2{margin:0;font-size:1.25rem}.overlay-note{color:var(--text-muted);margin:0}.tier-choices{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:8px;display:grid}.settings-list{flex-direction:column;gap:10px;display:flex}.setting{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.setting select{border:1px solid var(--line);background:var(--surface);min-height:2.25rem;color:var(--text);font:inherit;border-radius:8px;justify-self:end;padding:0 8px}.setting input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.setting-note{color:var(--text-muted);grid-column:1/-1}.stats{border-collapse:collapse;width:100%;font-size:.875rem}.stats th,.stats td{text-align:left;border-bottom:1px solid var(--line);padding:4px 6px}.stats td{text-align:right;font-variant-numeric:tabular-nums}.is-busy .board{opacity:.5}@media (prefers-reduced-motion:no-preference){.cell,.key,.icon-button{transition:background-color 90ms,box-shadow 90ms}}