/* ============================================
   Home / Hub Page — Game Card Hover Glows
   All layout handled by Tailwind on the HTML.
   ============================================ */

/* Re-enable scrolling on the home page (global.css locks it for game pages) */
html, body { overflow: auto; height: auto; overscroll-behavior: auto; }

.card-fox:hover {
  border-color: rgba(251, 146, 60, 0.5);   /* orange-400 */
  box-shadow: 0 8px 32px rgba(251, 146, 60, 0.2);
  transform: translateY(-4px);
}
.card-snake:hover {
  border-color: rgba(52, 211, 153, 0.5);   /* emerald-400 */
  box-shadow: 0 8px 32px rgba(52, 211, 153, 0.2);
  transform: translateY(-4px);
}
.card-block:hover {
  border-color: rgba(167, 139, 250, 0.5);  /* violet-400 */
  box-shadow: 0 8px 32px rgba(167, 139, 250, 0.2);
  transform: translateY(-4px);
}

.game-card {
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}