:root {
  --game: #22c55e;
  --game-deep: #064e3b;
  --game-ink: #052e16;
}

/* Game-specific: board/tiles only. Shell: ../../assets/css/game-shared.css */
canvas {
  width: 300px;
  height: 300px;
  max-width: 100%;}
.pad {
  display: grid;
  grid-template-columns: repeat(3, 56px);
  grid-template-rows: repeat(2, 48px);
  grid-template-areas:
    '. up .'
    'left down right';}
.pad__btn--up { grid-area: up; }
.pad__btn--left { grid-area: left; }
.pad__btn--down { grid-area: down; }
.pad__btn--right { grid-area: right; }

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

.hud {
  background: #064e3b;
}