.sudoku-board{--size:min(100%, calc(100dvh - 130px), 620px);width:var(--size);aspect-ratio:1;border:2px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);background:#151512;grid-template-columns:repeat(9,1fr);display:grid;position:relative;overflow:hidden;container-type:inline-size}.sudoku-cell{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#ffb37a;font-family:var(--font-display);cursor:pointer;background:0 0;place-items:center;padding:0;font-size:5.6cqw;transition:background .12s;display:grid;position:relative}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(n+73){border-bottom:0}.sudoku-cell.edge-r{border-right:2px solid var(--line-strong)}.sudoku-cell.edge-b{border-bottom:2px solid var(--line-strong)}.sudoku-cell b{font-weight:400}.sudoku-cell.is-given{color:var(--paper)}.sudoku-cell.is-peer{background:#ffffff09}.sudoku-cell.is-same{background:rgba(var(--accent-rgb),.16)}.sudoku-cell.is-selected{background:rgba(var(--accent-rgb),.32);box-shadow:inset 0 0 0 2px var(--orange)}.sudoku-cell.is-bad{color:#ff6b6b;background:#ff3c3c1f}.sudoku-cell.is-bad.is-selected{background:#ff3c3c40}.sudoku-cell:hover:not(.is-selected){background:#ffffff12}.sudoku-cell:focus-visible{box-shadow:inset 0 0 0 2px var(--amber);outline:none}.sudoku-notes{font-family:var(--font-mono);color:var(--muted);grid-template-columns:repeat(3,1fr);font-size:1.7cqw;display:grid;position:absolute;inset:6%}.sudoku-notes i{place-items:center;font-style:normal;display:grid}.sudoku-notes i.is-hl{color:var(--orange);font-weight:600}.sudoku-pad{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sudoku-key{aspect-ratio:1.2;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);cursor:pointer;place-items:center;transition:border-color .2s,background .2s,transform .15s;display:grid;position:relative}.sudoku-key b{font-family:var(--font-display);font-size:1.5rem;font-weight:400}.sudoku-key small{font-family:var(--font-mono);color:var(--faint);font-size:.55rem;position:absolute;bottom:5px;right:7px}.sudoku-key:hover:not(:disabled){border-color:var(--orange);background:rgba(var(--accent-rgb),.1);transform:translateY(-1px)}.sudoku-key:disabled{opacity:.25;cursor:default}.sudoku-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.sudoku-actions .is-block{grid-column:1/-1}@media (max-width:1080px){.sudoku-board{--size:min(100%, 560px)}.sudoku-pad{grid-template-columns:repeat(9,1fr)}.sudoku-key{aspect-ratio:.8}.sudoku-actions{grid-template-columns:repeat(2,1fr)}}