:root {
  --game: #e2e8f0;
  --game-deep: #9ca3af;
  --game-ink: #111827;
}

/* Game-specific: board/tiles only. Shell: ../../assets/css/game-shared.css */
.pads {
  display: grid;
  grid-template-columns: repeat(2, minmax(96px, 120px));
  grid-template-rows: repeat(2, minmax(96px, 120px));
  gap: 10px;
}
.pad {
  border: 0;
  border-radius: 16px;
  color: rgb(255 255 255 / 0.9);
  font: inherit;
  font-size: 1.5rem;
  font-weight: 700;
  cursor: pointer;
  opacity: 0.55;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  transition: transform var(--motion-fast), opacity var(--motion-fast);
}
.pad--green { background: #16a34a; }
.pad--red { background: #dc2626; }
.pad--yellow { background: #ca8a04; }
.pad--blue { background: #2563eb; }
.pad.lit {
  opacity: 1;
  transform: scale(1.04);
}
.pad:disabled {
  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: #111827;
  color: #f3f4f6;
}

.hud {
  background: #030712;
}