/**
 * PocketSkills Web Portal - Animations & Visual FX
 * Aging Auras (+1..+20), Torch Flicker, Gold Shimmer & Transitions
 */

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 6px var(--rarity-uncommon);
    opacity: 1;
  }
  50% {
    box-shadow: 0 0 14px var(--rarity-uncommon), 0 0 4px #fff;
    opacity: 0.85;
  }
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scale-up {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes slide-in-right {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes aura-pulse-low {
  0%, 100% { filter: drop-shadow(0 0 4px #cd7f32); }
  50% { filter: drop-shadow(0 0 10px #e67e22); }
}

@keyframes aura-pulse-mid {
  0%, 100% { filter: drop-shadow(0 0 8px #2980b9); }
  50% { filter: drop-shadow(0 0 16px #5dade2); }
}

@keyframes aura-pulse-high {
  0%, 100% { filter: drop-shadow(0 0 10px #8e44ad) drop-shadow(0 0 4px #fff); }
  50% { filter: drop-shadow(0 0 24px #bb8fce) drop-shadow(0 0 12px #9b59b6); }
}

@keyframes aura-pulse-supreme {
  0% {
    filter: drop-shadow(0 0 15px #f1c40f) drop-shadow(0 0 25px #e74c3c);
    transform: scale(1.02);
  }
  100% {
    filter: drop-shadow(0 0 28px #f39c12) drop-shadow(0 0 40px #ffea88);
    transform: scale(1.06);
  }
}