.sudoku{--s-bg:#fff;--s-ink:#213b49;--s-muted:#60717a;--s-line:#ccd5d9;--s-strong:#455d68;--s-box:#f1f6f5;--s-peer:#e3efed;--s-match:#bce0d9;--s-selected:#7bc6b8;--s-accent:#17695d;--s-error:#b82536;--s-error-bg:#ffe7ea;max-width:620px;margin:24px auto 48px;padding:0 16px;color:var(--s-ink);font-family:inherit;box-sizing:border-box}
[data-theme=dark] .sudoku,[data-bs-theme=dark] .sudoku{--s-bg:#162731;--s-ink:#e5edf1;--s-muted:#a6b8c2;--s-line:#45606c;--s-strong:#9eb3bd;--s-box:#20363d;--s-peer:#2a484b;--s-match:#3b6968;--s-selected:#478b7d;--s-accent:#99ded0;--s-error:#ffb5bf;--s-error-bg:#6b303b}
.sudoku *{box-sizing:border-box}.sudoku [hidden]{display:none!important}.sudoku-breadcrumb,.sudoku-small,.sudoku-help{font-size:.85rem;color:var(--s-muted)}.sudoku-breadcrumb{margin-bottom:20px}.sudoku a{color:var(--s-accent)}.sudoku-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.sudoku-header>a{font-size:.85rem}.sudoku-eyebrow{font-size:.68rem;font-weight:750;letter-spacing:.16em;color:var(--s-accent);margin:0 0 6px}.sudoku h1{font-size:2.7rem;line-height:1;margin:0;font-weight:750;letter-spacing:-.06em}.sudoku h1 span{color:var(--s-accent)}.sudoku-play{background:var(--s-bg);padding:18px;border:1px solid var(--s-line);border-radius:16px;box-shadow:0 8px 30px #173b4810}.sudoku-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;margin-bottom:15px;flex-wrap:wrap}.sudoku-toolbar label{display:flex;align-items:center;gap:6px}.sudoku-toolbar select{max-width:100px;color:var(--s-ink);background:var(--s-bg);border:1px solid var(--s-line);border-radius:6px;padding:5px}.sudoku-time{font-variant-numeric:tabular-nums;font-weight:700;margin-left:6px}.sudoku-board{width:100%;border:2px solid var(--s-strong);border-radius:3px;overflow:hidden;background:var(--s-bg)}.sudoku-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}.sudoku-cell{position:relative;aspect-ratio:1;min-width:0;padding:0;border:0;border-right:1px solid var(--s-line);border-bottom:1px solid var(--s-line);border-radius:0;background:var(--s-bg);font-size:clamp(19px,5vw,30px);line-height:1;color:var(--s-accent);font-weight:450;touch-action:manipulation;cursor:pointer}.sudoku-cell:nth-child(3n){border-right:2px solid var(--s-strong)}.sudoku-cell:last-child{border-right:0}.sudoku-row:nth-child(3n) .sudoku-cell{border-bottom:2px solid var(--s-strong)}.sudoku-row:last-child .sudoku-cell{border-bottom:0}.sudoku-cell.fixed{font-weight:750;color:var(--s-ink)}.sudoku-cell.box{background:var(--s-box)}.sudoku-cell.peer{background:var(--s-peer)}.sudoku-cell.match{background:var(--s-match);font-weight:750}.sudoku-cell.selected{background:var(--s-selected);box-shadow:inset 0 0 0 2px var(--s-accent);z-index:1;color:var(--s-ink)}.sudoku-cell.invalid{color:var(--s-error);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.sudoku-cell.conflict::after{content:'';position:absolute;bottom:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--s-error)}.sudoku-cell:focus-visible{outline:3px solid var(--s-accent);outline-offset:-4px;z-index:2}.sudoku-pencil{display:grid;grid-template-columns:repeat(3,1fr);height:100%;padding:3px;font-size:clamp(8px,2vw,12px);line-height:1;color:var(--s-muted);font-weight:500;align-items:center}.sudoku-numbers{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin-top:14px}.sudoku button:not(.sudoku-cell){color:var(--s-ink);background:var(--s-box);border:1px solid var(--s-line);border-radius:7px;padding:9px 8px;font:inherit;font-size:.85rem;cursor:pointer;touch-action:manipulation}.sudoku-numbers button{font-size:1.3rem!important;font-weight:650!important;min-height:44px;padding:8px 0!important}.sudoku button:disabled{opacity:.5;cursor:default}.sudoku button:not(.sudoku-cell):hover:not(:disabled){border-color:var(--s-accent)}.sudoku button:focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}.sudoku button.sudoku-primary{background:#17695d;color:#fff;border-color:#17695d}.sudoku button[aria-pressed=true]{background:var(--s-match);border-color:var(--s-accent);font-weight:700}.sudoku-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.sudoku-status{font-size:.8rem;min-height:1.2em;margin:12px 0 0;color:var(--s-muted)}.sudoku-small{margin:14px 0 10px}.sudoku-help{padding:12px 0;border-top:1px solid var(--s-line)}.sudoku-help summary{cursor:pointer;font-weight:650}.sudoku-help p{margin:12px 0;line-height:1.6}.sudoku-stats{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:15px 0;font-size:.85rem}.sudoku-stats dt{font-weight:500;color:var(--s-muted)}.sudoku-stats dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.sudoku-result{background:var(--s-bg);color:var(--s-ink);border:1px solid var(--s-line);border-radius:18px;max-width:min(410px,calc(100% - 32px));width:100%;padding:30px;box-shadow:0 20px 80px #0003}.sudoku-result::backdrop{background:#10242db3}.sudoku-result h2{font-size:1.6rem;margin:10px 0 20px}.sudoku-result p{font-size:.85rem}.sudoku-result .sudoku-primary{width:100%;margin-top:10px}.sudoku-close{position:absolute;top:8px;right:8px;border:0!important;background:transparent!important;font-size:1.5rem!important}.sudoku-confirm-buttons{display:flex;gap:10px}.sudoku-confirm-buttons .sudoku-primary{width:auto;margin:0}.sudoku-result-save{min-height:1em}
.sudoku .sudoku-numbers button.number-complete{opacity:.35;color:var(--s-muted);background:var(--s-bg);border-color:var(--s-line);border-style:dashed;text-decoration:line-through;text-decoration-thickness:2px;cursor:default}
.sudoku .sudoku-numbers button.number-complete:hover{border-color:var(--s-line)}
.sudoku-header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;font-size:.85rem}
.sudoku:fullscreen,.sudoku-fullscreen{width:100%;max-width:none;height:100%;margin:0;padding:20px max(12px,calc((100% - 588px)/2));overflow:auto;background:var(--s-bg);overscroll-behavior:contain}
.sudoku-fullscreen{position:fixed;inset:0;z-index:10000}
.sudoku:fullscreen .sudoku-breadcrumb,.sudoku-fullscreen .sudoku-breadcrumb{display:none}
.sudoku{--s-complete:#d9efd1}
[data-theme=dark] .sudoku,[data-bs-theme=dark] .sudoku{--s-complete:#314d36}
.sudoku-cell.block-complete:not(.selected):not(.match),.sudoku-cell.row-complete:not(.selected):not(.match),.sudoku-cell.column-complete:not(.selected):not(.match){background:var(--s-complete)}
@media(max-width:400px){.sudoku{padding:0 10px;margin-top:16px}.sudoku-play{padding:10px}.sudoku-toolbar{font-size:.72rem}.sudoku-toolbar label{font-size:0}.sudoku-toolbar select{font-size:.8rem}.sudoku-numbers{gap:3px}.sudoku-controls button{padding:10px 3px!important}.sudoku-header{margin-bottom:16px}.sudoku-header h1{font-size:2.3rem}}