@keyframes screen-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

@keyframes seal-counter-rotate {
  to {
    transform: rotate(-360deg);
  }
}

@keyframes ritual-pulse {
  0%, 100% {
    opacity: 0.62;
    filter: drop-shadow(0 0 8px rgba(184, 138, 63, 0.16));
  }
  50% {
    opacity: 1;
    filter: drop-shadow(0 0 18px rgba(184, 138, 63, 0.42));
  }
}

.intro-emblem svg > circle:first-child {
  transform-origin: center;
  animation: seal-rotate 42s linear infinite;
  stroke-dasharray: 3 4;
}

.intro-emblem svg > circle:nth-child(2) {
  transform-origin: center;
  animation: seal-counter-rotate 28s linear infinite;
  stroke-dasharray: 1 3;
}

.magic-circle .geometry-orbit {
  transform-origin: center;
  animation: seal-rotate 36s linear infinite;
}

.magic-circle .geometry-node,
.magic-circle .card-slot {
  animation: ritual-pulse 3.8s ease-in-out infinite;
}

.spread-card:nth-child(2) .magic-circle .geometry-node,
.spread-card:nth-child(2) .magic-circle .card-slot {
  animation-delay: 300ms;
}

.spread-card:nth-child(3) .magic-circle .geometry-node,
.spread-card:nth-child(3) .magic-circle .card-slot {
  animation-delay: 600ms;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}