:root {
  --game: #6366f1;
  --game-deep: #4338ca;
  --game-ink: #ffffff;
}

/* Game-specific: board/tiles only. Shell: ../../assets/css/game-shared.css */
.grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(56px, 72px));
  gap: 10px;
  justify-content: center;
}
.card {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #4338ca;
  color: inherit;
  font-size: 1.75rem;
  cursor: pointer;
  touch-action: manipulation;
  transition: transform var(--motion-fast), background-color var(--motion-fast), opacity var(--motion-fast);
}
.card:hover:not(:disabled) {
  background: #4f46e5;
}
.card.open {
  background: #fff;
  transform: scale(1.06);
}
.card.matched {
  background: #312e81;
  opacity: 0.55;
  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: #1e1b4b;
  color: #e0e7ff;
}

.hud {
  background: #312e81;
}