:root,[data-theme=light]{--background: #f4f6fb;--surface: #ffffff;--text: #1a1d24;--text-muted: #5b6472;--given-color: #1a1d24;--entry-color: #2563eb;--notes-color: #5b6472;--grid-line: #c3c9d4;--grid-line-strong: #2c3340;--selected-bg: #cfe0ff;--same-number-bg: #bbd4ff;--peer-bg: #e8eefc;--conflict-bg: #ffd9dc;--conflict-color: #b91c1c;--hint-bg: #d7f7e3;--accent: #2563eb;--accent-text: #ffffff;--button-bg: #ffffff;--button-text: #1a1d24;--button-border: #c3c9d4}[data-theme=dark]{--background: #11151c;--surface: #1b212c;--text: #e6e9ef;--text-muted: #9aa3b2;--given-color: #ffffff;--entry-color: #7aa2ff;--notes-color: #9aa3b2;--grid-line: #2c3442;--grid-line-strong: #6b7689;--selected-bg: #2b3b5e;--same-number-bg: #213458;--peer-bg: #1f2837;--conflict-bg: #5a1f24;--conflict-color: #ff8a8f;--hint-bg: #1f4733;--accent: #7aa2ff;--accent-text: #11151c;--button-bg: #1b212c;--button-text: #e6e9ef;--button-border: #2c3442}[data-theme=warm]{--background: #fbf3e6;--surface: #fff9ef;--text: #3a2f22;--text-muted: #7a6a52;--given-color: #3a2f22;--entry-color: #b45309;--notes-color: #7a6a52;--grid-line: #e3d4b8;--grid-line-strong: #8a6d3b;--selected-bg: #f4e0b6;--same-number-bg: #f0d5a0;--peer-bg: #f6eeda;--conflict-bg: #f6cfc2;--conflict-color: #b91c1c;--hint-bg: #dcefc8;--accent: #b45309;--accent-text: #fff9ef;--button-bg: #fff9ef;--button-text: #3a2f22;--button-border: #e3d4b8}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--text)}.app{display:flex;flex-direction:column;gap:1rem;min-height:100vh;padding:2rem;background-color:var(--background);color:var(--text)}.app--loading{justify-content:center;align-items:center}.app-header{display:flex;flex-direction:column;gap:1rem}.status-bar{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;width:100%;max-width:450px}.app-pickers{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.picker{display:flex;gap:.5rem;align-items:center}.picker select,.picker button{padding:.5rem 1rem;border:1px solid var(--button-border);background-color:var(--button-bg);color:var(--button-text);border-radius:4px;cursor:pointer;font-size:.9rem}.picker select:hover,.picker button:hover{opacity:.8}.app-main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.board{display:grid;grid-template-rows:repeat(9,1fr);gap:0;background-color:var(--surface);border:3px solid var(--grid-line-strong);aspect-ratio:1;max-width:450px;width:100%;height:auto;container-type:inline-size}.board-row{display:grid;grid-template-columns:repeat(9,1fr)}.board-cell{display:flex;min-width:0;min-height:0;border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line)}.cell{display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--surface);color:var(--entry-color);font-size:clamp(.9rem,6cqw,1.6rem);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;height:100%}.cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cell.given{color:var(--given-color);font-weight:600;cursor:default}.cell.peer{background-color:var(--peer-bg)}.cell.same-number{background-color:var(--same-number-bg)}.cell.hint{background-color:var(--hint-bg)}.cell.selected{background-color:var(--selected-bg)}.cell.conflict{background-color:var(--conflict-bg);color:var(--conflict-color)}.board-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid var(--grid-line-strong)}.board-row:nth-child(3n):not(:nth-child(9n)) .board-cell{border-bottom:2px solid var(--grid-line-strong)}.cell .value{display:block}.cell .notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;width:100%;height:100%;padding:2px}.cell .note{display:flex;align-items:center;justify-content:center;font-size:clamp(.5rem,2.4cqw,.75rem);line-height:1;color:var(--notes-color);font-weight:400}.app-footer{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.numberpad{display:flex;gap:.5rem;padding:.75rem;border-radius:4px;flex-wrap:wrap;justify-content:center}.numberpad-digit,.numberpad-erase{border:1px solid var(--button-border);background-color:var(--button-bg);color:var(--button-text);border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:44px;height:44px;padding:0}.numberpad-digit:focus-visible,.numberpad-erase:focus-visible,.control-btn:focus-visible,.picker select:focus-visible,.picker button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.numberpad-digit:hover,.numberpad-erase:hover{background-color:var(--accent);color:var(--accent-text)}.numberpad-digit:active,.numberpad-erase:active{opacity:.8}.numberpad-digit.locked{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent)}.numberpad-digit.complete{opacity:.35;cursor:default}.controls{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;max-width:600px}.control-btn{padding:.75rem 1.5rem;border:1px solid var(--button-border);background-color:var(--button-bg);color:var(--button-text);border-radius:4px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .2s}.control-btn:hover:not(:disabled){background-color:var(--accent);color:var(--accent-text)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.win-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.win-modal{background-color:var(--surface);color:var(--text);padding:2rem;border-radius:8px;text-align:center;max-width:400px;box-shadow:0 4px 6px #0000001a}.win-modal h2{margin-top:0;margin-bottom:1rem;font-size:1.8rem}.win-stats{margin:1.5rem 0;padding:0;text-align:left;display:flex;flex-direction:column;gap:.75rem}.win-stats>div{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--grid-line)}.win-stats dt{font-weight:600}.win-stats dd{margin:0;padding-left:1rem}.win-modal .control-btn{margin-top:1.5rem}@media (max-width: 600px){.app{padding:1rem;gap:1rem}.board{grid-template-columns:repeat(9,minmax(30px,1fr));grid-template-rows:repeat(9,minmax(30px,1fr));max-width:100%}.cell .notes{padding:1px}.numberpad{max-width:100%}.numberpad-digit,.numberpad-erase{font-size:1rem}.app-pickers{flex-direction:column;align-items:center}}.site-about{max-width:34rem;margin:2.5rem auto 1.5rem;padding:0 1rem;color:var(--text-muted);font-size:.85rem;line-height:1.5;text-align:center}.site-about h1{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.site-about p{margin:0 0 .75rem}