.gm-board { display: grid; gap: 1px; background: #caa46a; border: 6px solid #9c7b46; border-radius: 8px; width: max-content; margin: 8px auto; touch-action: manipulation; }
.gm-board .gm-cell { width: 26px; height: 26px; background: #e9c98f; display: grid; place-items: center; cursor: pointer; }
.gm-board .gm-cell .stone { width: 20px; height: 20px; border-radius: 50%; }
.gm-board .gm-cell .stone.b { background: #1a1a1a; }
.gm-board .gm-cell .stone.w { background: #f5f5f5; box-shadow: inset 0 0 0 1px #999; }
.gm-board .gm-cell.last { box-shadow: inset 0 0 0 2px #ff5c5c; }
.hud { text-align: center; font-size: 14px; color: var(--muted); margin: 8px 0; }
.hud b { color: var(--ink); }