/* Running card glow border — light traces around the edge */
@property --glow-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@keyframes glow-spin {
  to {
    --glow-angle: 360deg;
  }
}

.card-running-glow {
  --glow-angle: 0deg;
  position: relative;
  background:
    linear-gradient(white, white) padding-box,
    conic-gradient(
      from var(--glow-angle),
      transparent 60%,
      rgba(59, 130, 246, 0.15) 68%,
      #3b82f6 74%,
      #818cf8 78%,
      #f97316 82%,
      #fbbf24 84%,
      transparent 88%
    ) border-box;
  border: 1.5px solid transparent;
  animation: glow-spin 2.5s linear infinite;
}
