.board{background:var(--surface-border);gap:2px;width:fit-content;padding:2px;display:grid}.cell{background:var(--surface-soft);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-touch-callout:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:800;transition:background .15s,transform .1s;display:flex;box-shadow:inset 2px 2px 4px #ffffff1a,inset -2px -2px 4px #0000004d}.cell:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px;z-index:1}.cell:hover:not(.revealed){background:var(--surface-hover)}.cell:active:not(.revealed){transform:scale(.95)}.cell.revealed{cursor:default;background:#0f172a8c;box-shadow:inset 1px 1px 3px #00000080}.cell.mine{background:#ef4444}.cell.mine-hit{background:#b91c1c}.cell.chord-highlight{background:#0f172a8c;box-shadow:inset 1px 1px 3px #00000080}.cell.flag:after{content:"🚩";font-size:1.2rem}.cell.question{color:var(--text-muted)}.cell[data-count="1"]{color:var(--c1);text-shadow:0 0 5px #3b82f680}.cell[data-count="2"]{color:var(--c2);text-shadow:0 0 5px #10b98180}.cell[data-count="3"]{color:var(--c3);text-shadow:0 0 5px #ef444480}.cell[data-count="4"]{color:var(--c4);text-shadow:0 0 5px #8b5cf680}.cell[data-count="5"]{color:var(--c5);text-shadow:0 0 5px #f59e0b80}.cell[data-count="6"]{color:var(--c6);text-shadow:0 0 5px #06b6d480}.cell[data-count="7"]{color:var(--c7)}.cell[data-count="8"]{color:var(--c8)}.board-hint{max-width:44ch;color:var(--text-muted);text-align:center;margin:18px auto 0;font-size:.9rem;line-height:1.6}.board-hint kbd{border:1px solid var(--surface-border);background:var(--surface-soft);border-radius:5px;padding:1px 6px;font-family:inherit;font-size:.85em}