.game-root { min-height: 28rem; }

.mine-board-wrap {
  overflow-x: auto;
  display: flex;
  justify-content: center;
}

.mine-board {
  display: grid;
  gap: 2px;
  background: #1a2332;
  padding: 4px;
  border-radius: 4px;
  touch-action: manipulation;
}

.mine-cell {
  width: 2rem;
  height: 2rem;
  min-width: 32px;
  min-height: 32px;
  border: none;
  background: #c9bfb0;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.mine-cell:disabled {
  cursor: default;
}

.mine-cell.revealed {
  background: #e8e4dc;
}

.mine-cell.flagged {
  background: #b8a890;
  color: #8b2e2e;
}

.mine-cell.mine-hit {
  background: #8b2e2e;
  color: #fff;
}

.mine-cell.n1 { color: #1a4a8b; }
.mine-cell.n2 { color: #2e6b4a; }
.mine-cell.n3 { color: #8b2e2e; }
.mine-cell.n4 { color: #3d2a6b; }
.mine-cell.n5 { color: #6b3a2a; }
.mine-cell.n6 { color: #2a6b6b; }
.mine-cell.n7 { color: #1a2332; }
.mine-cell.n8 { color: #4a5568; }

.mine-status {
  font-weight: 600;
  color: var(--text);
}

.mine-status.win { color: var(--success); }
.mine-status.lose { color: var(--danger); }