:root {
  --game: #0ea5e9;
  --game-deep: #0369a1;
  --game-ink: #082f49;
}

/* Game-specific: board/tiles only. Shell: ../../assets/css/game-shared.css */
canvas {
  width: 200px;
  height: 400px;
  max-width: 100%;}
.pad {
  display: grid;
  grid-template-columns: repeat(3, 64px);}
.pad__btn--wide {
  grid-column: 1 / -1;
  background: var(--game);
  color: var(--game-ink);
  font-weight: 700;
}
.pad__btn--wide:hover {
  filter: brightness(1.1);
}

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

.hud {
  background: #1e293b;
}