.sudoku-body{--sudoku-accent: color-mix(in srgb, var(--primary) 75%, #000);--sudoku-line: color-mix(in srgb, var(--text) 70%, var(--card));--muted: #596577;--error: #b91c1c}html[data-theme=dark] .sudoku-body{--sudoku-accent: color-mix(in srgb, var(--primary) 45%, #fff);--muted: #b4c4d8;--error: #fca5a5}.sudoku-body .topbar{min-height:64px}.sudoku-body .topbar a{flex-shrink:0}.sudoku-body .topbar small{font-size:.75rem}.sudoku-page{max-width:940px}.sudoku-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.sudoku-heading h1{margin:6px 0}.sudoku-heading span{color:var(--sudoku-accent)}.sudoku-setup{display:flex;align-items:end;gap:10px;flex-shrink:0}.sudoku-setup label{display:grid;gap:6px;font-size:.8rem;font-weight:700}.sudoku-setup select{min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font:inherit}.sudoku-layout{display:grid;grid-template-columns:minmax(0,480px) 250px;align-items:start;justify-content:center;gap:28px}.sudoku-play{min-width:0}.sudoku-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px;text-align:center}@media(min-width:480px){.sudoku-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.sudoku-stats dt{font-size:.78rem;color:var(--muted)}.sudoku-stats dd{margin:5px 0 0;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.sudoku-board{display:grid;grid-template-rows:repeat(var(--size, 4),minmax(0,1fr));width:100%;aspect-ratio:1;border:3px solid var(--sudoku-line);border-radius:4px;background:var(--card);box-shadow:var(--shadow);user-select:none;-webkit-user-select:none}.sudoku-row{display:grid;grid-template-columns:repeat(var(--size, 4),minmax(0,1fr));min-height:0}.sudoku-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--sudoku-accent);font-size:clamp(1.1rem,4vw,2rem);font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation}.sudoku-cell.box-right{border-right:3px solid var(--sudoku-line)}.sudoku-cell.box-bottom{border-bottom:3px solid var(--sudoku-line)}.sudoku-cell:last-child{border-right:0}.sudoku-row:last-child .sudoku-cell{border-bottom:0}.sudoku-cell.given{color:var(--text);background:color-mix(in srgb,var(--text) 4%,var(--card))}.sudoku-cell.related{background:color-mix(in srgb,var(--primary) 8%,var(--card))}.sudoku-cell.in-box{background:color-mix(in srgb,#0d9488 11%,var(--card))}.sudoku-cell.same-number{background:color-mix(in srgb,var(--primary) 15%,var(--card))}.sudoku-cell.conflict{color:var(--error);background:color-mix(in srgb,var(--error) 12%,var(--card))}.sudoku-cell.conflict:after{content:"!";position:absolute;right:3px;top:3px;font-size:.65rem;font-weight:900}.sudoku-cell[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--sudoku-accent);background:color-mix(in srgb,var(--primary) 19%,var(--card))}.sudoku-cell.hinting-house{background:color-mix(in srgb,var(--primary) 22%,var(--card))}.sudoku-cell.hinting{z-index:1;box-shadow:0 0 0 3px var(--sudoku-accent)}.sudoku-cell:focus-visible{z-index:1;outline:3px solid var(--sudoku-accent);outline-offset:-3px}.sudoku-notes{display:grid;grid-template-columns:repeat(var(--note-columns, 2),1fr);grid-auto-rows:1fr;width:100%;height:100%;padding:3px;color:var(--text);font-size:clamp(.65rem,1.6vw,.85rem);font-weight:500}.sudoku-notes span{display:grid;place-items:center}.sudoku-howto{margin:0 0 12px;color:var(--muted);font-size:.88rem;line-height:1.65}.sudoku-candidates{margin:0 0 10px;min-height:1.4em;color:var(--text);font-size:.88rem;font-weight:700;line-height:1.55}.sudoku-status{min-height:2.8em;margin:16px 0 0;color:var(--text);font-size:.88rem;line-height:1.5}.sudoku-status.has-conflict{color:var(--error)}.sudoku-controls{padding-top:4px}.sudoku-input-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.sudoku-input-heading h2{margin:0;font-size:1rem}.sudoku-input-heading span{color:var(--muted);font-size:.75rem}.sudoku-number-pad{display:grid;grid-template-columns:repeat(var(--pad-columns, 2),minmax(0,1fr));gap:8px}.sudoku-number-pad .btn{min-height:54px;padding:0;font-size:1.45rem;color:var(--sudoku-accent)}.sudoku-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.sudoku-tools .btn{padding:8px;font-size:.85rem}.sudoku-body .btn.primary{color:var(--card);background:var(--sudoku-accent);border-color:var(--sudoku-accent)}.sudoku-body .btn.primary:hover{background:color-mix(in srgb,var(--sudoku-accent) 88%,var(--text))}.sudoku-body .btn[aria-pressed=true]{color:var(--sudoku-accent);border-color:var(--sudoku-accent);background:color-mix(in srgb,var(--primary) 10%,var(--card))}.sudoku-body .btn:disabled{opacity:.45;cursor:not-allowed}.sudoku-help,.sudoku-records{margin-top:22px;border-top:1px solid var(--border);padding-top:16px;font-size:.8rem;line-height:1.65}.sudoku-help summary,.sudoku-records summary{min-height:32px;cursor:pointer;font-weight:800}.sudoku-help p,.sudoku-records p,.sudoku-records li{margin:8px 0 0;color:var(--muted)}.sudoku-records ol{margin:8px 0 0;padding-left:1.25em}.sudoku-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:.78rem;line-height:1.6}.sudoku-footer p{margin:4px 0}.sudoku-footer .save-error{color:var(--error)}.sudoku-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid var(--border);border-radius:18px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}.sudoku-dialog::backdrop{background:#0f172a99}.sudoku-dialog h2{margin:0 0 12px}.sudoku-dialog p{color:var(--muted);line-height:1.65}.sudoku-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.sudoku-dialog-actions .btn{flex:1;padding:10px}.sudoku-win-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:50%;color:var(--card);background:var(--sudoku-accent);font-size:1.6rem}html[data-high-contrast] .sudoku-body{--border: var(--sudoku-line)}@media(max-width:700px){.sudoku-heading{display:block;margin-bottom:18px}.sudoku-setup{margin-top:16px}.sudoku-layout{grid-template-columns:minmax(0,1fr);gap:8px;max-width:480px;margin-inline:auto}.sudoku-number-pad{grid-template-columns:repeat(var(--size, 4),minmax(0,1fr));gap:5px}.sudoku-number-pad .btn{min-width:0;min-height:48px;font-size:1.2rem}.sudoku-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.sudoku-help{margin-top:18px}.sudoku-notes{padding:1px;font-size:.65rem}}@media(max-width:480px){.sudoku-body .topbar{min-height:52px;gap:10px;font-size:.83rem}.sudoku-body .topbar small{display:none}.sudoku-page{padding-top:16px}.sudoku-heading h1{font-size:1.6rem}.sudoku-heading p{font-size:.85rem}.sudoku-tools .btn{font-size:.78rem;padding-inline:4px}.sudoku-number-pad[data-size="9"]{grid-template-columns:repeat(5,minmax(0,1fr))}.sudoku-number-pad[data-size="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}