/* overlay.css — pulserende ring + pil. Stor, høj kontrast, rolig puls (ikke stressende). */

.guiden-ring {
  border: 5px solid #ffb300;         /* varm, høj-kontrast gul-orange */
  border-radius: 14px;
  box-shadow: 0 0 0 4px rgba(255, 179, 0, 0.35), 0 0 22px rgba(255, 179, 0, 0.55);
  animation: guiden-pulse 1.6s ease-in-out infinite;
  box-sizing: border-box;
}

@keyframes guiden-pulse {
  0%   { transform: scale(1);    opacity: 1;   }
  50%  { transform: scale(1.06); opacity: 0.75; }
  100% { transform: scale(1);    opacity: 1;   }
}

.guiden-arrow {
  font-size: 40px;
  line-height: 1;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.4));
  animation: guiden-nudge 1.2s ease-in-out infinite;
}

@keyframes guiden-nudge {
  0%, 100% { transform: translateX(0); }
  50%      { transform: translateX(8px); }
}

/* Respektér brugere der har slået animationer fra. */
@media (prefers-reduced-motion: reduce) {
  .guiden-ring, .guiden-arrow { animation: none; }
}