:root {
  --game: #84cc16;
  --game-deep: #4d7c0f;
  --game-ink: #1a2e05;
}

/* Game-specific: board/tiles only. Shell: ../../assets/css/game-shared.css */
.grid {
  display: grid;
  grid-template-columns: repeat(9, minmax(28px, 36px));
  gap: 3px;
  padding: 6px;
  border-radius: 12px;
  background: #1a2e05;
}
.cell {
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #65a30d;
  color: #1a2e05;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  font-variant-numeric: tabular-nums;
}
.cell:hover:not(:disabled) {
  background: #84cc16;
}
.cell.open {
  background: #ecfccb;
  cursor: default;
}
.cell.flagged {
  background: #facc15;
}
.cell.boom {
  background: #ef4444;
}
.cell:disabled {
  cursor: default;
}
.n1 { color: #1d4ed8; }
.n2 { color: #15803d; }
.n3 { color: #dc2626; }
.n4 { color: #6d28d9; }
.n5 { color: #b45309; }
.n6 { color: #0e7490; }
.n7 { color: #111827; }
.n8 { color: #6b7280; }
.controls {
  display: flex;
  gap: 0.75rem;
}
.button[aria-pressed='true'] {
  background: var(--game);
  color: var(--game-ink);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}
/* Исторический фон страницы (до unified shell): shell даёт layout,
   доступность и HUD-структуру, цвет страницы — из истории игры. */
body {
  background: #365314;
  color: #ecfccb;
}

.hud {
  background: #1a2e05;
}