#board {grid-template-columns:repeat(6,minmax(44px,1fr));grid-auto-rows:1fr;aspect-ratio:1;border:1px solid var(--line);width:min(100%,430px,max(280px,calc(100svh - 250px)));}
.mine-cell {height:100%;min-width:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:0;position:relative;font-size:1.25rem;font-weight:750;background:var(--surface);touch-action:manipulation;}
.mine-cell.covered {box-shadow:inset 0 -3px 0 var(--line);}
.mine-cell.opened {background:var(--bg);}
.mine-cell.selected {outline:3px solid #2563eb;outline-offset:-4px;z-index:1;}
.mine-cell.exploded {background:var(--error);color:var(--surface);}
.mine-cell[data-count='1'] {color:#2563eb;}.mine-cell[data-count='2'] {color:#15803d;}.mine-cell[data-count='3'] {color:var(--error);}
.mine-cell[data-count='4'],.mine-cell[data-count='5'],.mine-cell[data-count='6'],.mine-cell[data-count='7'],.mine-cell[data-count='8'] {color:var(--text);}
.mark-controls {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-width:430px;margin:0 auto 8px;}
.mark-controls button[aria-pressed=true] {background:var(--selected);border:2px solid #2563eb;}
.play-actions {grid-template-columns:repeat(2,minmax(0,1fr));}.play-actions button {min-height:44px;}
:root[data-theme=dark] .mine-cell[data-count='1'] {color:#93c5fd;}:root[data-theme=dark] .mine-cell[data-count='2'] {color:#86efac;}
@media(prefers-color-scheme:dark) {:root:not([data-theme=light]) .mine-cell[data-count='1'] {color:#93c5fd;}:root:not([data-theme=light]) .mine-cell[data-count='2'] {color:#86efac;}}