/* ==========================================================================
   SŁAWA: 536 – ŚWIT POPIOŁÓW | Animacje UI & Efekty Magiczne
   ========================================================================== */

/* Płonący Ogień i Złoty Blask */
@keyframes firePulse {
  0% {
    text-shadow: 0 0 10px rgba(217, 56, 30, 0.7), 0 0 20px rgba(250, 140, 22, 0.5);
  }
  50% {
    text-shadow: 0 0 18px rgba(217, 56, 30, 0.9), 0 0 35px rgba(255, 214, 102, 0.7);
  }
  100% {
    text-shadow: 0 0 10px rgba(217, 56, 30, 0.7), 0 0 20px rgba(250, 140, 22, 0.5);
  }
}

.fire-glow {
  animation: firePulse 2.5s infinite ease-in-out;
}

/* Wstrząs Ekranu przy Piorunach Peruna */
@keyframes screenThunderShake {
  0% { transform: translate(0, 0); }
  20% { transform: translate(-6px, 4px); }
  40% { transform: translate(6px, -4px); }
  60% { transform: translate(-4px, 2px); }
  80% { transform: translate(3px, -2px); }
  100% { transform: translate(0, 0); }
}

.screen-shake {
  animation: screenThunderShake 0.4s ease-out;
}

/* Błyskawica Peruna (Flash) */
@keyframes lightningFlash {
  0% { opacity: 0; }
  15% { opacity: 0.9; background-color: rgba(224, 242, 254, 0.85); }
  30% { opacity: 0.2; }
  45% { opacity: 0.8; background-color: rgba(186, 230, 253, 0.75); }
  100% { opacity: 0; }
}

.lightning-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 25;
  animation: lightningFlash 0.5s ease-out forwards;
}

/* Magiczna Aura Nawii */
@keyframes naviaAura {
  0% { box-shadow: 0 0 8px rgba(139, 92, 246, 0.4); }
  50% { box-shadow: 0 0 20px rgba(139, 92, 246, 0.8); }
  100% { box-shadow: 0 0 8px rgba(139, 92, 246, 0.4); }
}

.navia-glow {
  animation: naviaAura 3s infinite ease-in-out;
}

/* Unoszenie / Lewitacja */
@keyframes floating {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0px); }
}

.floating-elem {
  animation: floating 3.5s infinite ease-in-out;
}