.sd-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:min(100%,480px);margin:16px auto;border:2px solid var(--text);gap:0}.sd-cell{aspect-ratio:1;min-width:0;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:clamp(1rem,5vw,1.5rem);position:relative;touch-action:manipulation}.sd-cell[data-col="2"],.sd-cell[data-col="5"]{border-right:2px solid var(--text)}.sd-cell[data-row="2"],.sd-cell[data-row="5"]{border-bottom:2px solid var(--text)}.sd-cell[data-peer="true"]{background:var(--bg)}.sd-cell[data-same="true"]{font-weight:900;text-decoration:underline}.sd-cell[aria-pressed="true"]{outline:3px solid var(--accent);outline-offset:-3px;z-index:1}.sd-cell[data-clue="true"]{font-weight:900}.sd-cell[data-bad="true"]{text-decoration:line-through;color:var(--danger,#b03535)}.sd-notes{display:grid;grid-template-columns:repeat(3,1fr);font-size:clamp(.5rem,2vw,.7rem);line-height:1.2}.sd-board[data-paused="true"] .sd-cell{color:transparent}.sd-board[data-paused="true"] .sd-notes{visibility:hidden}#sd-pad{max-width:480px;margin:12px auto;grid-template-columns:repeat(9,minmax(0,1fr))}#sd-pad button{padding:4px;min-width:0;min-height:40px}

@media(max-width:400px){[data-sudoku-mode]{padding:12px 8px}.sd-board{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}}

@media(max-width:480px){#sd-pad{grid-template-columns:repeat(5,minmax(0,1fr))}}