:root{color-scheme:dark;--bg: #111318;--panel: #1a1e27;--panel-2: #222836;--cell-bg: #151922;--border: #2d3444;--control-border: #394255;--control-hover-border: #667189;--control-hover-bg: #283145;--dialog-border: #3b4559;--overlay-bg: rgba(17, 19, 24, .72);--line: #4e5668;--line-strong: #d7dde9;--text: #edf2f8;--muted: #9ba6b7;--note: #c3cad6;--given: #ffffff;--user: #ffffff;--bad: #c0263c;--accent: #58d68d;--accent-2: #8a5a00;--select: #2f6fed;--same: rgba(88, 214, 141, .8);--peer: rgba(47, 111, 237, .3);--block: rgba(47, 111, 237, .3);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--panel: #ffffff;--panel-2: #eef3f8;--cell-bg: #ffffff;--border: #cbd5e1;--control-border: #bac6d6;--control-hover-border: #6f7f95;--control-hover-bg: #e2e9f2;--dialog-border: #b8c4d4;--overlay-bg: rgba(244, 247, 251, .72);--line: #9aa7ba;--line-strong: #1f2937;--text: #151b24;--muted: #5d6b7f;--note: #526174;--given: #0e1622;--user: #1f2937;--bad: #ff6b78;--accent: #198754;--accent-2: #ffd166;--select: #1d62d5;--same: rgba(46, 160, 100, .52);--peer: rgba(29, 98, 213, .16);--block: rgba(29, 98, 213, .16)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button,select{font:inherit;color:inherit}.app{min-height:100vh;display:grid;grid-template-columns:minmax(320px,min(72vh,680px)) minmax(260px,340px);gap:24px;align-items:start;justify-content:center;padding:24px}.board-wrap{position:relative;width:100%;aspect-ratio:1;max-width:min(92vw,72vh,680px)}.board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:100%;height:100%;border:3px solid var(--line-strong);background:var(--line-strong);-webkit-user-select:none;user-select:none;touch-action:manipulation}.cell{position:relative;display:grid;place-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cell-bg);cursor:pointer;overflow:hidden;min-width:0;min-height:0}.cell:nth-child(3n){border-right-width:3px;border-right-color:var(--line-strong)}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:3px;border-bottom-color:var(--line-strong)}.cell:nth-child(9n){border-right-width:0}.cell:nth-child(n+73){border-bottom-width:0}.cell.peer{background:linear-gradient(var(--peer),var(--peer)),var(--cell-bg)}.cell.block-peer{background:linear-gradient(var(--block),var(--block)),var(--cell-bg)}.cell.same-number{box-shadow:inset 0 0 0 999px var(--same)}.cell.hint-scope{background:linear-gradient(#ffd1663d,#ffd1663d),var(--cell-bg)}.cell.hint-target{outline:4px solid var(--accent-2);outline-offset:-5px;z-index:3}.note.hint-target{color:#151922;background:var(--accent-2);border-radius:9px;font-weight:900}.note.hint-delete{color:#fff;background:var(--bad);border-radius:9px;font-weight:900}.cell.selected{outline:3px solid var(--select);outline-offset:-3px;z-index:2}.cell.given{cursor:default}.value{font-size:clamp(1.45rem,6.2cqw,3.4rem);font-weight:750;line-height:1}.given .value{color:var(--given)}.user-value{color:var(--user)}.bad-value{color:var(--bad)}.notes{width:78%;height:78%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;color:var(--muted);font-size:clamp(.54rem,2.15cqw,1.18rem);font-weight:700;line-height:1}.note.on{color:var(--note)}.note{width:18px;height:18px;display:grid;place-items:center}.note.same-note{color:var(--text);background:var(--same);border-radius:9px}.cell.note-pop .notes{animation:note-pop .18s ease-out}.cell.unit-done{animation:unit-done 1.62s ease-out}.board.finished{animation:board-done 2.2s ease-in-out 2}.board.finished .cell{animation:board-cell-done 2.2s ease-in-out 2}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:var(--overlay-bg);border:3px solid var(--line-strong);z-index:5;font-weight:800;letter-spacing:0}.overlay.show{display:grid}.dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:8}.dialog-backdrop.show{display:block}.dialog{display:grid;gap:14px;background:var(--panel);border:1px solid var(--dialog-border);border-radius:8px;padding:18px;box-shadow:0 18px 48px #0000005c}.dialog-title{font-size:1.08rem;font-weight:850}.dialog-message{color:var(--muted);line-height:1.55}.dialog-actions{display:flex;gap:10px;justify-content:end}.settings-dialog{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:18px;background:var(--overlay-bg);z-index:20}.settings-dialog.show{display:grid}.settings-dialog .dialog{width:min(92vw,420px)}.settings-fields{display:grid;gap:12px}.settings-field{display:grid;gap:6px}.settings-field label{color:var(--muted);font-size:.82rem;font-weight:750}.panel{display:grid;gap:16px;align-content:start}.controls,.stats,.numpad,.mode{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px}.controls{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:8px;align-items:center}select,button{border:1px solid var(--control-border);background:var(--panel-2);border-radius:7px;min-height:42px}select{padding:0 12px;width:100%}button{padding:0 14px;cursor:pointer;font-weight:750}button:hover:not(:disabled){border-color:var(--control-hover-border);background:var(--control-hover-bg)}button:disabled{opacity:.5;cursor:not-allowed}.icon-btn{width:42px;padding:0;display:grid;place-items:center}.icon-btn svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.lang-select{width:58px;padding:0 8px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{min-height:58px;display:grid;gap:4px;align-content:center}.stat .label{color:var(--muted);font-size:.78rem}.stat .num{font-size:1.28rem;font-weight:800}.stat.wide{grid-column:1 / -1}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.num-btn{aspect-ratio:1;min-height:0;padding:0;font-size:2rem}.numpad.answer .num-btn{font-size:4rem}.hint-btn{width:100%}.note-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.note-tool-btn{min-height:40px;padding:0 10px;font-size:.84rem;line-height:1.2}.mode{color:var(--muted);font-size:.9rem;line-height:1.5}.mode.answer{color:var(--accent-2);border-color:#ffd16685}@keyframes note-pop{0%{transform:scale(.92);filter:brightness(1)}55%{transform:scale(1.08);filter:brightness(1.55)}to{transform:scale(1);filter:brightness(1)}}@keyframes unit-done{0%{box-shadow:inset 0 0 0 999px #58d68d00}38%{box-shadow:inset 0 0 0 999px #58d68d57}to{box-shadow:inset 0 0 0 999px #58d68d00}}@keyframes board-done{0%,to{filter:brightness(1);box-shadow:0 0 #58d68d00}50%{filter:brightness(1.18) saturate(1.22);box-shadow:0 0 0 4px #58d68da6,0 0 34px #58d68d6b}}@keyframes board-cell-done{0%,to{box-shadow:inset 0 0 0 999px #58d68d00}50%{box-shadow:inset 0 0 0 999px #58d68d33}}@media(max-width:760px){.app{grid-template-columns:1fr;gap:16px;padding:14px}.board-wrap{justify-self:center;max-width:min(94vw,64vh)}.panel{width:min(94vw,520px);justify-self:center}}