[data-sudoku-game]{--sudoku-board-bg: #ffffff;--sudoku-cell-bg: #ffffff;--sudoku-given-bg: #eef2f8;--sudoku-line: #8793aa;--sudoku-line-strong: #273449;--sudoku-selected-bg: #dfe7ff;--sudoku-selected-ring: #4f53d9;--sudoku-related-bg: #f0f4ff;--sudoku-match-bg: #e8edff;--sudoku-player-text: #373bd1;--sudoku-given-text: #0f172a;--sudoku-error-text: #dc2626;--sudoku-error-bg: #fee2e2;--sudoku-note-text: #506078}.dark [data-sudoku-game]{--sudoku-board-bg: #050509;--sudoku-cell-bg: #111116;--sudoku-given-bg: #242735;--sudoku-line: #5f6b82;--sudoku-line-strong: #d7dcef;--sudoku-selected-bg: #1f275f;--sudoku-selected-ring: #a5b4fc;--sudoku-related-bg: #191d33;--sudoku-match-bg: #202654;--sudoku-player-text: #c4cbff;--sudoku-given-text: #f8fafc;--sudoku-error-text: #fca5a5;--sudoku-error-bg: #3a1518;--sudoku-note-text: #c0c5d1}.sudoku-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:min(100%,38rem);aspect-ratio:1;margin-inline:auto;overflow:hidden;border:3px solid var(--sudoku-line-strong);border-radius:.375rem;background:var(--sudoku-board-bg);box-shadow:0 18px 38px -30px #00000080}.sudoku-cell{position:relative;display:grid;place-items:center;min-width:0;box-sizing:border-box;border:0;border-right:1px solid var(--sudoku-line);border-bottom:1px solid var(--sudoku-line);background:var(--sudoku-cell-bg);color:var(--sudoku-player-text);cursor:pointer;font-size:clamp(1.1rem,4.6vw,2rem);font-weight:650;line-height:1;transition:background .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease}.sudoku-cell:nth-child(3n){border-right:3px solid var(--sudoku-line-strong)}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid var(--sudoku-line-strong)}.sudoku-cell:hover:not(:disabled){background:var(--sudoku-related-bg)}.sudoku-cell:focus-visible{z-index:4;outline:3px solid var(--sudoku-selected-ring);outline-offset:-5px}.sudoku-cell[data-given=true]{background:var(--sudoku-given-bg);color:var(--sudoku-given-text);cursor:default;font-weight:800}.sudoku-cell[data-related=true]{background:var(--sudoku-related-bg)}.sudoku-cell[data-match=true]{background:var(--sudoku-match-bg);color:var(--sudoku-selected-ring)}.sudoku-cell[data-selected=true]{z-index:3;background:var(--sudoku-selected-bg);color:var(--sudoku-given-text);box-shadow:inset 0 0 0 3px var(--sudoku-selected-ring),inset 0 0 0 6px color-mix(in srgb,var(--sudoku-selected-ring) 18%,transparent)}.sudoku-cell[data-selected=true]:after{position:absolute;inset:.25rem;border:2px solid var(--sudoku-selected-ring);border-radius:.25rem;content:"";pointer-events:none}.sudoku-cell[data-conflict=true],.sudoku-cell[data-incorrect=true]{background:var(--sudoku-error-bg);color:var(--sudoku-error-text)}.sudoku-cell[data-selected=true][data-conflict=true],.sudoku-cell[data-selected=true][data-incorrect=true]{box-shadow:inset 0 0 0 3px var(--sudoku-error-text)}.sudoku-cell[data-paused=true]{color:transparent;text-shadow:none}.sudoku-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:84%;height:84%;align-items:center;justify-items:center;gap:1px;color:var(--sudoku-note-text);font-size:clamp(.48rem,1.6vw,.72rem);font-weight:600;line-height:1}.sudoku-control{border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-background);padding:.625rem .75rem;font-size:.875rem;font-weight:600;transition:background .12s ease,color .12s ease,border-color .12s ease}.sudoku-control:hover{background:var(--color-accent)}.sudoku-control:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 42%,transparent);outline-offset:2px}.sudoku-control[aria-pressed=true],[data-sudoku-game] [data-difficulty][data-active=true]{border-color:color-mix(in srgb,var(--color-primary) 46%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 12%,var(--color-background));color:var(--color-primary)}@media print{body *{visibility:hidden}.sudoku-print-shell,.sudoku-print-shell *{visibility:visible}.sudoku-print-shell{position:fixed;inset:0;border:0;box-shadow:none}.sudoku-board{width:min(90vmin,7.5in)}}