/* ==========================================================================
   ANIMATIONS.CSS - All @keyframes animations
   ========================================================================== */

/* Rotating Pokeball Logo */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Apply spin to header logo */
.header-logo {
  animation: spin 6s linear infinite;
}

/* Fade-in animation for card images */
@keyframes fadeInImage {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(1.1);
  }
  to {
    opacity: 1;
    transform: translateY(-8px) scale(1);
  }
}

/* Floating animation for detail page */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* Slightly gentler / offset timing for paired sprites (Basculin / Basculegion duo slides) */
@keyframes float-alt {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}