.sudoku-app{--cell-bg:var(--surface, #fff);max-width:72rem;margin-inline:auto}.sudoku-setup,.sudoku-statusbar,.sudoku-tools,.sudoku-numbers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.sudoku-setup{margin-block:1rem}.sudoku-setup select{min-height:44px}.sudoku-statusbar{justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-lg);background:var(--surface-raised,#fff);box-shadow:var(--shadow-sm);margin-bottom:1rem}.sudoku-layout{display:grid;gap:1.25rem}.sudoku-play-area{min-width:0}.sudoku-board-wrap{position:relative;inline-size:min(100%,38rem);margin-inline:auto}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;border:3px solid var(--text,#202033);border-radius:.55rem;overflow:hidden;background:var(--text,#202033);gap:1px;box-shadow:var(--shadow-lg)}.sudoku-cell{position:relative;display:grid;place-items:center;min-width:0;padding:0;border:0;background:var(--cell-bg);color:var(--primary);font:700 clamp(1rem,5vw,2rem)/1 var(--font-display);cursor:pointer}.sudoku-cell:nth-child(3n):not(:nth-child(9n)){border-right:2px solid var(--text)}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--text)}.sudoku-cell.is-fixed{color:var(--text);background:color-mix(in srgb,var(--neutral-100,#eee) 78%,var(--game-accent))}.sudoku-cell.is-related{background:color-mix(in srgb,var(--cell-bg) 80%,var(--game-accent))}.sudoku-cell.is-same{background:color-mix(in srgb,var(--cell-bg) 64%,var(--accent-1,#ffd447))}.sudoku-cell.is-selected{z-index:1;outline:3px solid var(--game-accent);outline-offset:-3px}.sudoku-cell.is-conflict{color:#8c0014;background:#ffd9df}.sudoku-cell.is-conflict::after{content:'!';position:absolute;inset:.12rem .16rem auto auto;display:grid;place-items:center;width:1rem;height:1rem;border-radius:50%;background:#a4001b;color:#fff;font:800 .7rem/1 sans-serif}.sudoku-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;font:700 clamp(.43rem,1.6vw,.72rem)/1 sans-serif;color:var(--text-muted)}.sudoku-note{display:grid;place-items:center}.sudoku-pause-cover{position:absolute;inset:0;z-index:3;display:grid;place-content:center;gap:1rem;text-align:center;border-radius:.55rem;background:color-mix(in srgb,var(--surface) 94%,transparent);font-size:var(--step-2)}.sudoku-pause-cover[hidden]{display:none}.sudoku-message{text-align:center;min-height:1.5rem}.sudoku-numbers{margin-block:.75rem}.sudoku-numbers button{display:grid;place-items:center;min-width:44px;min-height:54px;border:0;border-radius:var(--radius-md);background:var(--game-accent);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--game-accent) 65%,#000);font-size:1.3rem}.sudoku-numbers button:active{transform:translateY(3px);box-shadow:0 1px 0 color-mix(in srgb,var(--game-accent) 65%,#000)}.sudoku-numbers button:disabled{opacity:.35;box-shadow:none}.sudoku-numbers small{font-size:.65rem}.sudoku-side{display:grid;align-content:start;gap:.75rem;padding:1rem}.sudoku-side h2{font-size:var(--step-1)}.switch-row{display:flex;gap:.5rem;align-items:center}.switch-row input{inline-size:1.25rem;block-size:1.25rem}.sudoku-app.is-large-text .sudoku-cell{font-size:clamp(1.3rem,6vw,2.35rem)}.sudoku-app.is-high-contrast{--cell-bg:#fff}.sudoku-app.is-high-contrast .sudoku-cell{color:#3100a8}.sudoku-app.is-high-contrast .sudoku-cell.is-fixed{color:#000;background:#e6e6e6}.sudoku-dialog{max-width:min(92vw,34rem);border:0;border-radius:var(--radius-xl);padding:1.5rem;color:var(--text);background:var(--surface);box-shadow:var(--shadow-xl)}.sudoku-dialog::backdrop{background:#17132bc9}.dialog-close{float:right;min-width:44px;min-height:44px;border:0;background:transparent;font-size:2rem}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.victory-dialog{text-align:center}.victory-stars{font-size:2.4rem;color:#9a6500}.victory-dialog canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sudoku-ranking{margin-top:2rem}.sudoku-ranking form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.sudoku-ranking input{display:block}.sudoku-ranking ol{padding-left:1.5rem}@media(min-width:58rem){.sudoku-layout{grid-template-columns:minmax(0,38rem) minmax(14rem,1fr);justify-content:center}.sudoku-side{position:sticky;top:6rem;align-self:start}}@media(prefers-reduced-motion:no-preference){.sudoku-cell{transition:background-color .15s,transform .15s}.sudoku-cell:hover:not(.is-fixed){transform:scale(.96)}}