.guardian-hebrew-orbit {
  position: absolute;
  inset: 3.5%;
  z-index: 2;
  width: 93%;
  height: 93%;
  overflow: visible;
  pointer-events: none;
  opacity: 0.96;
}

.guardian-hebrew-orbit__guide {
  fill: none;
  stroke: rgba(238, 216, 145, 0.12);
  stroke-width: 1.2;
  stroke-dasharray: 3 13;
}

.guardian-hebrew-orbit__glyph {
  fill: #f6dda0;
  text-anchor: middle;
  dominant-baseline: central;
  font-family:
    "Noto Serif Hebrew",
    "Arial Hebrew Scholar",
    "Times New Roman",
    serif;
  font-weight: 500;
  paint-order: stroke fill;
  stroke: rgba(111, 233, 255, 0.16);
  stroke-width: 0.75px;
}

.guardian-hebrew-orbit__core {
  opacity: 0.08;
  transform-origin: 500px 500px;
}

.guardian-hebrew-orbit__trail {
  fill: none;
  stroke: rgba(109, 231, 255, 0.18);
  stroke-width: 1.5;
  opacity: 0;
  transform-origin: 500px 500px;
}

.guardian-hebrew-orbit[data-phase="converging"] .guardian-hebrew-orbit__guide {
  animation: guardian-hebrew-guide-pulse 1.2s ease-in-out both;
}

.guardian-hebrew-orbit[data-phase="converging"] .guardian-hebrew-orbit__trail,
.guardian-hebrew-orbit[data-phase="pillar"] .guardian-hebrew-orbit__trail,
.guardian-hebrew-orbit[data-phase="flash"] .guardian-hebrew-orbit__trail {
  animation:
    guardian-hebrew-trail-expand 1.35s
    calc(var(--trail-index) * 42ms)
    cubic-bezier(.18,.7,.2,1)
    both;
}

.guardian-hebrew-orbit--gathered .guardian-hebrew-orbit__core {
  animation: guardian-hebrew-core-breathe 1.35s ease-in-out infinite alternate;
}

.guardian-hebrew-orbit--released {
  transition: opacity 900ms ease-out;
}

@keyframes guardian-hebrew-guide-pulse {
  0% {
    opacity: 0.25;
    stroke-dashoffset: 0;
  }
  58% {
    opacity: 0.95;
  }
  100% {
    opacity: 0.16;
    stroke-dashoffset: -90;
  }
}

@keyframes guardian-hebrew-trail-expand {
  0% {
    opacity: 0;
    transform: scale(0.08);
  }
  38% {
    opacity: 0.72;
  }
  100% {
    opacity: 0;
    transform: scale(7.2);
  }
}

@keyframes guardian-hebrew-core-breathe {
  from {
    filter: brightness(0.88);
    transform: scale(0.84);
  }
  to {
    filter: brightness(1.28);
    transform: scale(1.08);
  }
}

@media (max-width: 760px) {
  .guardian-hebrew-orbit {
    inset: 1.5%;
    width: 97%;
    height: 97%;
  }

  .guardian-hebrew-orbit__glyph {
    stroke-width: 0.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .guardian-hebrew-orbit__trail,
  .guardian-hebrew-orbit__guide,
  .guardian-hebrew-orbit__core {
    animation: none !important;
  }

  .guardian-hebrew-orbit {
    transition: none !important;
  }
}