/* animations.css — keyframes (pulse titre, glow néon, transitions d'écran, countdown). */

@keyframes titlePulse {
  0%, 100% { filter: drop-shadow(2px 2px 0 #000) drop-shadow(-1px -1px 0 #000) drop-shadow(0 0 28px rgba(255, 140, 0, .45)); }
  50% { filter: drop-shadow(2px 2px 0 #000) drop-shadow(-1px -1px 0 #000) drop-shadow(0 0 60px rgba(255, 190, 0, .85)); }
}

@keyframes pulseUrgent {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.12); }
}

.countdown-number.pulse { animation: countdownPop 0.5s ease-out; }
@keyframes countdownPop {
  0% { transform: scale(0.4); opacity: 0; }
  60% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

.screen { animation: screenFadeIn 0.25s ease-out; }
@keyframes screenFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes spin { to { transform: rotate(360deg); } }