/* Only the one JS-selected element receives a light pass; everything else stays static. */
@keyframes wdm-gloss-pass {
  0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes wdm-gloss-image-pass {
  0% { background-position: 100% 50%; opacity: 0; }
  18% { opacity: .38; }
  82% { opacity: .38; }
  100% { background-position: 0% 50%; opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) and (forced-colors: none) {
  body[data-wdm-motion="on"] :is(.wdm-team-public--remscheid, .wdm-league-experience) .wdm-gloss-text {
    background-image: linear-gradient(110deg, var(--wdm-gloss-base) 40%, var(--wdm-gloss-light) 50%, var(--wdm-gloss-base) 60%) !important;
    background-size: 300% 100% !important; background-position: 100% 50%;
    background-clip: text !important; -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: wdm-gloss-pass 4.2s ease-in-out 1 !important;
  }
  body[data-wdm-motion="on"] :is(.wdm-team-public--remscheid, .wdm-league-experience) .wdm-gloss-crest::after {
    background-image: linear-gradient(110deg, transparent 40%, #ffffff66 50%, transparent 60%);
    background-size: 300% 100%; background-position: 100% 50%; transform: none;
    animation: wdm-gloss-pass 4.2s ease-in-out 1;
  }
  body[data-wdm-motion="on"] .wdm-gloss-image {
    position: fixed; pointer-events: none; z-index: 20; display: block;
    background-image: linear-gradient(110deg, transparent 40%, #fff 50%, transparent 60%);
    background-size: 300% 100%; background-position: 100% 50%;
    mask-position: center; -webkit-mask-position: center; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
    animation: wdm-gloss-image-pass 4.2s ease-in-out 1;
  }
}
body[data-wdm-motion="off"] .wdm-gloss-image,
body[data-wdm-motion-paused="true"] .wdm-gloss-image { display: none; }
@media (prefers-reduced-motion: reduce), (forced-colors: active), print {
  .wdm-gloss-image { display: none !important; }
  .wdm-gloss-text { background-image: none !important; -webkit-text-fill-color: currentColor !important; animation: none !important; }
  .wdm-gloss-crest::after { animation: none !important; }
}