/* ============================================
   CELEBRATION EFFECTS
   Visual effects for game events
   ============================================ */

/* Container para emoji de comemoração */
.celebration-emoji {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 28px;
  pointer-events: none;
  z-index: 100;
  animation: celebrationBounce 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* Animação: bounce + fade out */
@keyframes celebrationBounce {
  0% {
    transform: scale(0) rotate(-45deg);
    opacity: 0;
  }
  40% {
    transform: scale(1.3) rotate(10deg);
    opacity: 1;
  }
  60% {
    transform: scale(0.95) rotate(-5deg);
    opacity: 1;
  }
  80% {
    transform: scale(1.1) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: scale(0) rotate(15deg);
    opacity: 0;
  }
}

/* Garante que o tile-container aceita position: absolute filhos */
.video-tile {
  position: relative;
}