/* animations.css */
/* Scene Transitions */
.scene-transition-fade-out {
  animation: fadeOut 0.5s forwards ease-in-out;
}

.scene-transition-fade-in {
  animation: fadeIn 0.5s forwards ease-in-out;
}

.scene-transition-golden-out {
  animation: goldenFadeOut 0.8s forwards ease-in-out;
}

.scene-transition-golden-in {
  animation: goldenFadeIn 0.8s forwards ease-in-out;
}

/* Thought Clouds */
.thought-pop-in {
  animation: popIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* Ganesha Success Glow */
.success-glow {
  animation: pulseGlow 2s infinite alternate;
}

@keyframes fadeOut {
  from { opacity: 1; pointer-events: auto; }
  to { opacity: 0; pointer-events: none; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; pointer-events: auto; }
}

@keyframes goldenFadeOut {
  0% { opacity: 1; filter: brightness(1); }
  50% { opacity: 0.5; filter: sepia(1) hue-rotate(10deg) brightness(1.5); }
  100% { opacity: 0; filter: brightness(2); pointer-events: none; }
}

@keyframes goldenFadeIn {
  0% { opacity: 0; filter: brightness(2); }
  50% { opacity: 0.5; filter: sepia(1) hue-rotate(10deg) brightness(1.5); }
  100% { opacity: 1; filter: brightness(1); pointer-events: auto; }
}

@keyframes popIn {
  0% { transform: scale(0); opacity: 0; }
  80% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes pulseGlow {
  0% { filter: drop-shadow(0 0 1cqw var(--color-glow)); }
  100% { filter: drop-shadow(0 0 3cqw var(--color-glow)); }
}