.board{--size:min(100%, 480px);width:var(--size);aspect-ratio:1;border:2px solid var(--line-strong);background:var(--panel);-webkit-user-select:none;user-select:none;border-radius:4px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);margin:0 auto;display:grid}.cell{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--accent);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;min-width:0;padding:0;font-size:clamp(16px,5.4vw,26px);line-height:1;display:flex}.cell:hover{border-color:var(--line)}.cell:focus-visible{outline:none}.cell.c2,.cell.c5{border-right:2px solid var(--line-strong)}.cell.c8{border-right:0}.cell.r2,.cell.r5{border-bottom:2px solid var(--line-strong)}.cell.r8{border-bottom:0}.cell.given{color:var(--text);font-weight:600}.cell.peer{background:var(--accent-softer)}.cell.same{background:var(--accent-soft)}.cell.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.cell.conflict{color:var(--error);background:var(--error-soft)}.cell.given.conflict{color:var(--error)}.board.solved{border-color:var(--ok)}.board.solved .cell{color:var(--ok);background:var(--ok-soft)}.pad{grid-template-columns:repeat(5,1fr);gap:6px;width:min(100%,480px);margin:14px auto 0;display:grid}.pad button{padding:10px 0;font-size:20px;line-height:1.2}.pad button.erase{white-space:nowrap;font-size:14px}.pad button.done{color:var(--muted);opacity:.45}@media (width>=720px){.pad{grid-template-columns:repeat(9,1fr) 1.6fr}.pad button.erase{font-size:14px}.pad button{padding:8px 0;font-size:18px}}