.sudoku{margin-inline:auto;container-type:inline-size}.sud-bar{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:clamp(1rem,3vw,1.75rem);display:flex}.sud-bar__spacer{flex:auto}.sud-btn{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font:inherit;font-size:var(--step-1);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .9rem;line-height:1.2;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.sud-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-faint)}.sud-btn--go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:500}.sud-btn--go:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.sud-btn--toggle[data-on=false]{color:var(--text-faint);border-color:var(--border)}.sud-btn--toggle[data-on=true][data-notes]{color:#6ba7d8;background:#6ba7d824;border-color:#6ba7d8}.sud-seg{border:1px solid var(--border-strong);border-radius:var(--radius);display:inline-flex;overflow:hidden}.sud-seg__btn{background:var(--bg-raised);color:var(--text-muted);font:inherit;font-size:var(--step-1);cursor:pointer;border:0;padding:.5rem .75rem;transition:background-color .15s,color .15s}.sud-seg__btn+.sud-seg__btn{border-left:1px solid var(--border-strong)}.sud-seg__btn:hover,.sud-seg__btn[aria-pressed=true]{background:var(--bg-hover);color:var(--text)}.sud-stats{font-size:var(--step-1);color:var(--text-muted);font-variant-numeric:tabular-nums;gap:1.1rem;display:flex}.sud-stats b{color:var(--text);font-weight:500}.sud-board-wrap{justify-content:center;display:flex}.sud-board{aspect-ratio:1;border:2px solid var(--border-strong);background:var(--border);user-select:none;touch-action:manipulation;grid-template-columns:repeat(9,1fr);gap:1px;width:min(100%,27rem);display:grid}.sud-cell{background:var(--bg);cursor:pointer;border-right:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;display:flex;position:relative}.sud-cell[data-box-edge-right=true]{border-right:2px solid var(--border-strong)}.sud-cell[data-box-edge-bottom=true]{border-bottom:2px solid var(--border-strong)}.sud-cell[data-peer=true]{background:var(--bg-raised)}.sud-cell[data-same-value=true]{background:#6ba7d824}.sud-cell[data-selected=true]{box-shadow:inset 0 0 0 2px var(--accent);z-index:1;background:#8fc22b29}.sud-cell[data-conflict=true]{background:#d3574c24}.sud-cell[data-selected=true][data-conflict=true]{background:#d3574c38}.sud-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sud-value{color:#6ba7d8;font-size:clamp(1rem,6cqi,1.5rem);font-weight:500;line-height:1}.sud-cell[data-given=true] .sud-value{color:var(--text);font-weight:600}.sud-cell[data-conflict=true] .sud-value{color:#d3574c}.sud-notes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:8%}.sud-cell[data-filled=true] .sud-notes{display:none}.sud-note{color:var(--text-faint);visibility:hidden;justify-content:center;align-items:center;font-size:clamp(.5rem,2cqi,.65rem);display:flex}.sud-note[data-on=true]{visibility:visible}.sud-pad{grid-template-columns:repeat(10,1fr);gap:.4rem;width:min(100%,27rem);margin:1rem auto 0;display:grid}.sud-pad__btn{aspect-ratio:1;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font:inherit;font-size:var(--step0);cursor:pointer;justify-content:center;align-items:center;font-weight:500;transition:background-color .15s,border-color .15s;display:flex}.sud-pad__btn:hover{background:var(--bg-hover);border-color:var(--text-faint)}.sud-pad__btn--erase{font-size:var(--step-2);color:var(--text-faint)}.sud-result{border:1px solid var(--accent);border-radius:var(--radius);background:#8fc22b17;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.25rem;padding:1rem 1.25rem;display:flex}.sud-result p{margin:0}.sud-result strong{font-weight:500}.sud-help{font-size:var(--step-1);color:var(--text-faint);margin-top:1rem}.sudoku [hidden]{display:none}@media (width<=30rem){.sud-bar{gap:.4rem .5rem}.sud-bar__spacer{flex-basis:100%;height:0}.sud-stats{width:100%}.sud-pad{grid-template-columns:repeat(5,1fr)}}.sud-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-raised);color:var(--text);max-width:min(26rem,100vw - 2rem);padding:clamp(1.25rem,4vw,1.75rem);box-shadow:0 24px 60px #0000008c}.sud-dialog::backdrop{background:#0009}.sud-dialog__title{font-size:var(--step1);margin:0 0 .5rem;font-weight:500}.sud-dialog__note{font-size:var(--step-1);color:var(--text-muted);margin:0 0 1.25rem}.sud-dialog__actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=26rem){.sud-dialog__actions{flex-direction:column-reverse}.sud-dialog__actions .sud-btn{justify-content:center}}.crumb[data-astro-cid-x6r6homx]{color:inherit;border-bottom:1px solid var(--border-strong);text-decoration:none}.crumb[data-astro-cid-x6r6homx]:hover{color:var(--text);border-color:var(--text)}.page-title[data-astro-cid-x6r6homx]{font-size:var(--step3)}.lede[data-astro-cid-x6r6homx]{max-width:var(--measure);color:var(--text-muted);margin-top:.75rem;margin-bottom:clamp(2rem,5vw,3rem)}