:root{--paper:#fffef9;--ink:#263e36;--muted:#62746a;--line:#d7ded5;--strong:#82958a;--peer:#f0f3ea;--same:#dbe8d6;--selected:#c8ddc5;--accent:#32624c;--error:#a33e40;--error-bg:#f7e7e3}.sudoku,.sudoku *{box-sizing:border-box}.sudoku{width:100%;max-width:33rem;color:var(--ink)}.game-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.6rem;margin-bottom:.65rem;display:flex}.sudoku [hidden]{display:none}.sudoku label,.stats dt{color:var(--muted);margin-bottom:.35rem;font-size:.72rem;display:block}.sudoku select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:.4rem;max-width:100%;min-height:44px;padding:.4rem}.stats{font-variant-numeric:tabular-nums;gap:1rem;margin:0;display:flex}.stats dd{margin:0;font-size:1rem}.sudoku .small{color:var(--muted);margin:.7rem 0;font-size:.78rem;line-height:1.65}.timer-controls{gap:.5rem;margin:.7rem 0;display:flex}.timer-controls button{border:1px solid var(--line);border-radius:.4rem;min-height:44px;padding:.5rem .8rem;font-size:.85rem}.timer-controls button[aria-pressed=true][data-action=pause]{background:var(--selected);border-color:var(--accent)}.practice-progress{color:var(--muted);margin:.5rem 0;font-size:.75rem}.sudoku dialog{max-width:min(26rem,100% - 2rem);color:var(--ink);background:var(--paper);border:1px solid var(--strong);border-radius:.6rem;padding:1.2rem}.sudoku dialog::backdrop{background:#0000004d}.sudoku dialog h2{margin-top:0;font-size:1.1rem}.sudoku dialog p{font-size:.9rem;line-height:1.6}.switch-actions{flex-wrap:wrap;gap:.6rem;display:flex}.switch-actions button{border:1px solid var(--line);border-radius:.4rem;min-height:44px;padding:.5rem .8rem}.board-area{display:grid}.board-area>*{grid-area:1/1}.pause-cover{box-sizing:border-box;aspect-ratio:1;border:2px solid var(--strong);background:var(--paper);text-align:center;border-radius:.35rem;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1.5rem;display:flex}.pause-cover span{color:var(--muted);font-size:.85rem;line-height:1.6}.board{aspect-ratio:1;border:2px solid var(--strong);background:var(--paper);border-radius:.35rem;grid-template-rows:repeat(9,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.board [role=row]{grid-template-columns:repeat(9,minmax(0,1fr));min-height:0;display:grid}.sudoku button{font:inherit;color:var(--ink);background:var(--paper);cursor:pointer;touch-action:manipulation}.board .cell{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;min-height:0;color:var(--accent);border-radius:0;padding:0;font-size:min(1.8rem,6vw);line-height:1;position:relative}.board .cell:nth-child(3n){border-right:2px solid var(--strong)}.board .cell:last-child{border-right:0}.board [role=row]:nth-child(3n) .cell{border-bottom:2px solid var(--strong)}.board [role=row]:last-child .cell{border-bottom:0}.board .given{color:var(--ink);font-weight:600}.board .peer{background:var(--peer)}.board .same{background:var(--same)}.board .selected{background:var(--selected);box-shadow:inset 0 0 0 2px var(--accent)}.board .conflict{color:var(--error);background:var(--error-bg);text-underline-offset:.15em;text-decoration:underline}.sudoku button:focus-visible,.sudoku select:focus-visible{outline:3px solid var(--accent);outline-offset:2px;z-index:1}.board .cell:focus-visible{outline-offset:-4px}.notes{color:var(--muted);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);align-items:center;font-size:min(.72rem,2vw);display:grid;position:absolute;inset:2px}.game-status{min-height:3.2em;margin:.65rem 0;font-size:.85rem;line-height:1.6}.tools{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.tools button{border:1px solid var(--line);border-radius:.4rem;flex:1 0 auto;min-height:44px;padding:.55rem .3rem;font-size:.8rem}.tools button[aria-pressed=true]{background:var(--selected);border-color:var(--accent)}.sudoku button:disabled{opacity:.4;cursor:default}.sudoku kbd{font-size:.65rem}.numbers{grid-template-columns:repeat(9,minmax(0,1fr));gap:.3rem;margin-top:.5rem;display:grid}.numbers button{border:1px solid var(--line);min-height:48px;color:var(--accent);border-radius:.4rem;padding:0;font-size:1.3rem}.game-help{border-top:1px solid var(--line)}.game-help summary{cursor:pointer;min-height:44px;padding:.65rem 0;font-size:.85rem}.game-help summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width<=420px){.stats{gap:.6rem}.numbers{gap:.15rem}.tools kbd{display:none}}@media (prefers-color-scheme:dark){:root{--paper:#202c26;--ink:#e0e6dc;--muted:#a4b6a8;--line:#3e5145;--strong:#819789;--peer:#29382e;--same:#354e3d;--selected:#405e45;--accent:#b1d0ae;--error:#ffb8ae;--error-bg:#533330}}