/* Tailwind layer additions and small UX niceties */

:root {
  --gradient-from: #d946ef; /* fuchsia-500 */
  --gradient-to: #22d3ee;   /* cyan-400 */
}

::selection {
  background: rgba(34, 211, 238, 0.25);
}

/* Subtle glow on hero */
.hero-glow {
  box-shadow: 0 0 120px 20px rgba(217, 70, 239, 0.12), 0 0 80px 10px rgba(34, 211, 238, 0.08);
}

/* Game card hover elevation */
.game-card {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.game-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}

/* Mobile menu animation (optional) */
#mobileMenu {
  transition: max-height .25s ease;
}
#mobileMenu.hidden {
  max-height: 0;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}