/* Safe Arcade — shared interactive/neon enhancements, layered on top of each page's own styles */
@keyframes sa-badge-pulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.25); }
}
.badge {
  animation: sa-badge-pulse 2.4s ease-in-out infinite;
  transition: transform 0.15s ease;
}
.badge:hover { transform: scale(1.06); }

button.play, .cta-btn, .play {
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
}
button.play:hover, .cta-btn:hover, .play:hover {
  transform: scale(1.08) !important;
  filter: brightness(1.15);
}
button.play:active, .cta-btn:active, .play:active {
  transform: scale(0.96) !important;
}

#backLink {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
#backLink:hover {
  transform: translateX(-50%) scale(1.08);
  box-shadow: 0 0 16px rgba(0,229,255,0.5);
}

.game-card {
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.game-thumb {
  transition: transform 0.3s ease;
}
.game-card:hover .game-thumb {
  transform: scale(1.15) rotate(-4deg);
}

.trust-chip {
  transition: transform 0.15s ease, border-color 0.15s ease;
}
.trust-chip:hover {
  transform: translateY(-2px);
  border-color: rgba(184,255,74,0.6);
}

@keyframes sa-hue-drift {
  0%   { filter: hue-rotate(0deg); }
  50%  { filter: hue-rotate(15deg); }
  100% { filter: hue-rotate(0deg); }
}
.neon-text-cyan, .neon-text-magenta, .neon-text-lime {
  animation: sa-hue-drift 6s ease-in-out infinite;
}