@keyframes orb-pulse {
  0%, 100% { 
    transform: scale(1); 
    opacity: 0.3; 
    box-shadow: 0 0 10px var(--zenith-embers);
  }
  50% { 
    transform: scale(1.3); 
    opacity: 0.7; 
    box-shadow: 0 0 20px var(--zenith-blood);
  }
}

@keyframes header-orb {
  0% { 
    transform: translate(50%, -50%) scale(1); 
    opacity: 0.3; 
  }
  100% { 
    transform: translate(50%, -50%) scale(1.2); 
    opacity: 0.6; 
    filter: blur(25px);
  }
}

@keyframes flames-flicker {
  0%, 100% { 
    opacity: 0.05; 
    transform: translateY(0) scale(0.95);
    background-size: 200px 200px;
  }
  50% { 
    opacity: 0.15; 
    transform: translateY(-20px) scale(1.05);
    background-size: 220px 220px;
  }
}

@keyframes title-flicker {
  0%, 100% { 
    text-shadow: 0 0 10px var(--zenith-embers);
  }
  50% { 
    text-shadow: 0 0 25px var(--zenith-blood), 
                 0 0 40px var(--zenith-crimson);
  }
}

@keyframes image-pulse {
  0%, 100% { 
    transform: scale(1); 
    filter: grayscale(100%) contrast(120%);
  }
  50% { 
    transform: scale(1.03); 
    filter: grayscale(70%) contrast(130%) brightness(1.1);
  }
}

@keyframes frame-pulse {
  0%, 100% { 
    opacity: 0.3; 
    transform: scale(1);
  }
  50% { 
    opacity: 0.8; 
    transform: scale(1.05);
    border-color: var(--zenith-bone);
  }
}

@keyframes flames-glow {
  0%, 100% { 
    opacity: 0.1; 
    transform: scale(0.95);
  }
  50% { 
    opacity: 0.25; 
    transform: scale(1.05);
  }
}

@keyframes text-glow {
  0%, 100% { 
    text-shadow: 0 0 5px rgba(255,77,77,0.3);
  }
  50% { 
    text-shadow: 0 0 20px rgba(255,0,0,0.7), 
                 0 0 30px rgba(255,77,77,0.5);
  }
}

@keyframes energy-pulse {
  0%, 100% { 
    opacity: 0.1; 
    transform: scale(1);
  }
  50% { 
    opacity: 0.3; 
    transform: scale(1.1);
    filter: blur(15px);
  }
}

@keyframes glow-pulse {
  0% { 
    opacity: 0.2; 
    transform: scale(1);
  }
  100% { 
    opacity: 0.5; 
    transform: scale(1.2);
    filter: blur(40px);
  }
}

@keyframes star-drift {
  0% { 
    transform: translateX(0) translateY(0);
    background-position: 0 0;
  }
  100% { 
    transform: translateX(-100px) translateY(100px);
    background-position: 1000px 1000px;
  }
}

@keyframes ember-pulse {
  0% { 
    transform: scale(1); 
    opacity: 0.2;
  }
  100% { 
    transform: scale(1.2); 
    opacity: 0.4;
    filter: blur(15px);
  }
}

@keyframes guide-flicker {
  0%, 100% { 
    opacity: 0.6; 
    transform: translateY(0);
  }
  50% { 
    opacity: 1; 
    transform: translateY(-5px);
    text-shadow: 0 0 15px var(--zenith-embers);
  }
}

@keyframes arrow-bounce {
  0%, 100% { 
    transform: translateY(0); 
    border-color: var(--zenith-bone);
  }
  50% { 
    transform: translateY(10px); 
    border-color: var(--zenith-embers);
  }
}

@keyframes arrow-drip {
  0% { 
    transform: translateX(-50%) translateY(0); 
    opacity: 1;
    height: 4px;
  }
  80% {
    opacity: 0.5;
  }
  100% { 
    transform: translateX(-50%) translateY(30px); 
    opacity: 0;
    height: 15px;
  }
}

@keyframes pulse {
  0% { 
    transform: scale(1); 
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }
  70% { 
    transform: scale(1.1); 
    box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
  }
  100% { 
    transform: scale(1); 
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

@keyframes vortex-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes vortex-spin-reverse {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}

@keyframes layer-drift {
  0% { 
    background-position: 0 0; 
  }
  100% { 
    background-position: 1000px 1000px; 
  }
}

@keyframes layer-drift-reverse {
  0% { 
    background-position: 0 0; 
  }
  100% { 
    background-position: -1000px -1000px; 
  }
}

  

@keyframes line-orb-float {
  0%, 100% { 
    transform: translateY(0); 
  }
  50% { 
    transform: translateY(-8px); 
  }
}

@keyframes dimensional-fade {
  0% { 
    opacity: 0; 
    transform: translateY(50px);
  }
  100% { 
    opacity: 1; 
    transform: translateY(0);
  }
}

@keyframes portal-gate {
  0% { 
    box-shadow: 0 0 10px var(--zenith-aqua);
  }
  33% { 
    box-shadow: 0 0 20px var(--zenith-gold);
  }
  66% { 
    box-shadow: 0 0 20px var(--zenith-blood);
  }
  100% { 
    box-shadow: 0 0 10px var(--zenith-aqua);
  }
}

@keyframes cosmic-wave {
  0% { 
    transform: translateX(0) translateY(0);
  }
  25% { 
    transform: translateX(5%) translateY(-10px);
  }
  50% { 
    transform: translateX(10%) translateY(0);
  }
  75% { 
    transform: translateX(5%) translateY(10px);
  }
  100% { 
    transform: translateX(0) translateY(0);
  }
}

@keyframes text-float {
  0%, 100% { 
    transform: translateY(0);
  }
  50% { 
    transform: translateY(-10px);
  }
}

@keyframes color-cycle {
  0% { 
    background-color: var(--zenith-blood);
  }
  50% { 
    background-color: var(--zenith-aqua);
  }
  100% { 
    background-color: var(--zenith-gold);
  }
}

@keyframes ripple-effect {
  0% { 
    transform: scale(0.8); 
    opacity: 0.5;
  }
  100% { 
    transform: scale(1.5); 
    opacity: 0;
  }
}

@keyframes symbol-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

 
@keyframes orb-entrance-spin {
  0% { transform: rotate(0deg) scale(0.8); }
  50% { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(0.8); }
}

@keyframes orb-glow-pulse {
  0% { opacity: 0.3; transform: scale(0.9); }
  100% { opacity: 0.7; transform: scale(1.2); }
}

@keyframes orb-text-flicker {
  0%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
  50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.1); }
}

 @keyframes symbol-pulse {
  0%, 100% { 
    transform: scale(1);
    opacity: 0.7;
  }
  50% { 
    transform: scale(1.2);
    opacity: 1;
    text-shadow: 0 0 20px currentColor;
  }
}

@keyframes gateway-hint {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}