/* ========================================================================
   Shared animation keyframes + entrance utility classes
   ======================================================================== */

@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes rise-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes scale-in { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
@keyframes float-y { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes pulse-ring {
  0% { box-shadow: 0 0 0 0 rgba(47, 111, 78, .35); }
  100% { box-shadow: 0 0 0 14px rgba(47, 111, 78, 0); }
}
@keyframes ticket-drop {
  0% { opacity: 0; transform: translateY(-24px) rotate(-3deg); }
  60% { opacity: 1; transform: translateY(4px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0); }
}

.animate-rise { animation: rise-in var(--dur-slow) var(--ease) both; }
.animate-fade { animation: fade-in var(--dur-slow) var(--ease) both; }
.animate-scale { animation: scale-in var(--dur-med) var(--ease) both; }
.delay-1 { animation-delay: .06s; } .delay-2 { animation-delay: .12s; }
.delay-3 { animation-delay: .18s; } .delay-4 { animation-delay: .24s; }

.spinner {
  width: 18px; height: 18px; border-radius: 50%;
  border: 2.5px solid var(--border-soft); border-top-color: var(--brand);
  animation: spin .7s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .animate-rise, .animate-fade, .animate-scale { animation: none !important; }
}