/* ===================== ANIMATIONS ===================== */

@keyframes rmRotate {
  to {
    transform: rotate(360deg);
  }
}

@keyframes rmLocatorSweep {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes rmLocatorSweepInner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes rmCoreRunnerOrbit {
  0% {
    transform: rotate(0deg) translateY(-101px) scale(0.78);
    opacity: 0.64;
  }
  12% {
    transform: rotate(43deg) translateY(-101px) scale(1.10);
    opacity: 1;
  }
  25% {
    transform: rotate(90deg) translateY(-101px) scale(0.86);
    opacity: 0.76;
  }
  37% {
    transform: rotate(133deg) translateY(-101px) scale(1.16);
    opacity: 1;
  }
  50% {
    transform: rotate(180deg) translateY(-101px) scale(0.82);
    opacity: 0.70;
  }
  62% {
    transform: rotate(223deg) translateY(-101px) scale(1.14);
    opacity: 1;
  }
  75% {
    transform: rotate(270deg) translateY(-101px) scale(0.86);
    opacity: 0.76;
  }
  87% {
    transform: rotate(313deg) translateY(-101px) scale(1.10);
    opacity: 1;
  }
  100% {
    transform: rotate(360deg) translateY(-101px) scale(0.78);
    opacity: 0.64;
  }
}

@keyframes rmCoreRingBreath {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(212, 175, 55, 0.11),
      0 0 24px rgba(212, 175, 55, 0.08),
      0 0 40px rgba(156, 47, 47, 0.04),
      inset 0 0 24px rgba(0, 0, 0, 0.40);
  }
  50% {
    box-shadow:
      0 0 0 1px rgba(212, 175, 55, 0.18),
      0 0 34px rgba(212, 175, 55, 0.16),
      0 0 46px rgba(156, 47, 47, 0.12),
      inset 0 0 28px rgba(0, 0, 0, 0.46);
  }
}

@keyframes rmCoreInnerBreath {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.04),
      inset 0 0 14px rgba(212, 175, 55, 0.04),
      0 0 10px rgba(212, 175, 55, 0.03);
  }
  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      inset 0 0 22px rgba(212, 175, 55, 0.08),
      0 0 16px rgba(212, 175, 55, 0.06);
  }
}

@keyframes rmCoreTextFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}