.rune-scatters-overlay {
  height: 100vh;
  height: 100svh;
  inset: 0;
  margin-right: var(--scrollbar-offset, 0);
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  width: 100vw;
  z-index: 2;
}
.scattered-rune {
  animation: rune-pulse 8s ease-in-out infinite;
  animation-delay: var(--s-delay);
  color: var(--color-accent);
  font-size: var(--s-fontSize);
  left: var(--s-left);
  position: absolute;
  top: var(--s-top);
  transform: rotate(var(--s-rotation));
  user-select: none;
}
@keyframes rune-pulse {
  0%,
  to {
    filter: blur(2px) drop-shadow(0 0 6px rgba(var(--color-accent-rgb), 0.5));
    opacity: 0.1;
    transform: rotate(var(--s-rotation)) scale(1);
  }
  50% {
    filter: blur(0.5px) drop-shadow(0 0 12px rgba(var(--color-accent-rgb), 0.5));
    opacity: 0.3;
    text-shadow: 0 0 20px var(--color-accent);
    transform: rotate(var(--s-rotation)) scale(1.1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .scattered-rune {
    animation-duration: 15s !important;
    animation-iteration-count: infinite !important;
    transform: none !important;
    transition-duration: unset !important;
  }
  @keyframes rune-pulse {
    0%,
    to {
      filter: blur(2px);
      opacity: 0.1;
    }
    50% {
      filter: blur(1px);
      opacity: 0.25;
    }
  }
}
@media (prefers-reduced-transparency: reduce) {
  .scattered-rune {
    animation: rune-pulse 8s ease-in-out infinite !important;
  }
}