/* Dynamic CSS Animations and VFX Keyframes for Aetheria */

@keyframes pulseBuff {
  0% {
    box-shadow: 0 0 6px #38bdf8;
  }
  50% {
    box-shadow: 0 0 16px #38bdf8, inset 0 0 8px rgba(56, 189, 248, 0.4);
  }
  100% {
    box-shadow: 0 0 6px #38bdf8;
  }
}

@keyframes bossDangerPulse {
  0% {
    border-color: rgba(239, 68, 68, 0.4);
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.2);
  }
  50% {
    border-color: rgba(239, 68, 68, 0.9);
    box-shadow: 0 0 25px rgba(239, 68, 68, 0.6);
  }
  100% {
    border-color: rgba(239, 68, 68, 0.4);
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.2);
  }
}

@keyframes goldenShine {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

@keyframes floatBob {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes celestialSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}