/* ============================
   MINI MINDS LAND - ANIMATIONS
   Floating, hover, sparkle
============================ */

/* --------------------------------
   Sparkle Pop Effect (Overlay on click)
-------------------------------- */
.sparkle {
  animation: sparkleFade 1.2s ease-in-out forwards;
}

@keyframes sparkleFade {
  0% {
    opacity: 0;
    transform: scale(0.8) rotate(0deg);
  }
  20% {
    opacity: 1;
    transform: scale(1.1) rotate(8deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.6) rotate(30deg);
  }
}

/* --------------------------------
   Button Hover Bounce (Optional use)
-------------------------------- */
.bounce-hover {
  transition: transform 0.3s ease;
}

.bounce-hover:hover {
  transform: scale(1.08);
}