:root {--cursor-line:#b45309;}
:root[data-theme=dark] {--cursor-line:#fbbf24;}
@media(prefers-color-scheme:dark) {:root:not([data-theme=light]) {--cursor-line:#fbbf24;}}
#board {grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--bg);}
.cell {font-size:1.75rem;font-weight:650;min-width:44px;min-height:44px;}
.cell.in-row,.cell.in-column {background:var(--selected);} .cell.cursor {box-shadow:inset 0 0 0 3px var(--cursor-line);}
.cell:disabled {opacity:1;} .selection-label {margin:0 auto 4px;text-align:center;font-size:.8rem;color:var(--muted);}
.shift-actions {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:430px;margin:0 auto 8px;}
.shift-actions button {min-height:48px;min-width:44px;padding:4px 2px;font-size:.78rem;line-height:1.25;}
.play-actions {grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:360px) {main {width:calc(100% - 16px);} .cell {font-size:1.5rem;}}