:root {
  --game: #4d7cff;
  --game-deep: #1e293b;
  --game-ink: #ffffff;
}

/* Game-specific: board/tiles only. Shell: ../../assets/css/game-shared.css */
.grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(72px, 88px));
  grid-template-rows: repeat(3, minmax(72px, 88px));
  gap: 8px;
  padding: 8px;
  border-radius: 12px;
  background: #e2e8f0;
}
.cell {
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-size: 2.25rem;
  font-weight: 700;
  cursor: pointer;
  touch-action: manipulation;
}
.cell:hover:not(:disabled) {
  background: #f1f5f9;
}
.cell:disabled {
  cursor: default;
}
.cell.x {
  color: #1d4ed8;
}
.cell.o {
  color: #dc2626;
}
.cell.win {
  background: #fef08a;
}

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

.hud {
  background: #0f172a;
  color: #f8fafc;
}