/* ------ Keyframes (reused across scenes) ------ */

/* Bounce — scroll indicator arrow */
@keyframes bounce-down {
  0%, 100% { transform: translateY(0); opacity: 0.9; }
  50%      { transform: translateY(8px); opacity: 0.6; }
}

/* Pulse — sun glow + countdown seconds */
@keyframes pulse-glow {
  0%, 100% { transform: scale(1);    opacity: 1;   }
  50%      { transform: scale(1.08); opacity: 0.85;}
}

/* Soft pulse — neon lights */
@keyframes neon-pulse {
  0%, 100% { opacity: 0.4; }
  50%      { opacity: 0.7; }
}

/* Float — gold particles in Scene 1 */
@keyframes float-up {
  0%   { transform: translate(0, 0);     opacity: 0; }
  10%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { transform: translate(30px, -120vh); opacity: 0; }
}

/* Waves — bottom wave motion (Scene 1) */
@keyframes wave {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Fade-in on load */
@keyframes fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Utility classes that apply keyframes */
.anim-bounce   { animation: bounce-down 2s ease-in-out infinite; }
.anim-pulse    { animation: pulse-glow 2.4s ease-in-out infinite; }
.anim-fade-in  { animation: fade-in 0.8s ease-out forwards; }