:root {
  --game: #22d3ee;
  --game-deep: #0e7490;
  --game-ink: #083344;
}

/* Game-specific: board/tiles only. Shell: ../../assets/css/game-shared.css */
.grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(56px, 72px));
  grid-template-rows: repeat(4, minmax(56px, 72px));
  gap: 6px;
  padding: 6px;
  border-radius: 12px;
  background: #083344;
}
.tile {
  border: 0;
  border-radius: 8px;
  background: #06b6d4;
  color: #083344;
  font: inherit;
  font-size: 1.5rem;
  font-weight: 700;
  cursor: pointer;
  touch-action: manipulation;
  font-variant-numeric: tabular-nums;
}
.tile:hover:not(:disabled) {
  background: #22d3ee;
}
.tile.hole {
  background: transparent;
  cursor: default;
}

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

.hud {
  background: #083344;
}