:root {
  --game: #3b82f6;
  --game-deep: #1d4ed8;
  --game-ink: #ffffff;
}

/* Game-specific: board/tiles only. Shell: ../../assets/css/game-shared.css */
.cols {
  display: grid;
  grid-template-columns: repeat(7, minmax(34px, 42px));
  gap: 4px;
}
.grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(34px, 42px));
  grid-template-rows: repeat(6, minmax(34px, 42px));
  gap: 4px;
  padding: 6px;
  border-radius: 12px;
  background: #1d4ed8;
}
.cell {
  border-radius: 50%;
  background: #dbeafe;
}
.cell.r {
  background: #ef4444;
}
.cell.y {
  background: #facc15;
}
.cell.win {
  outline: 3px solid #fff;
}

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

.hud {
  background: #172554;
}