/* Shared by /reg and /win — continuously-scrolling ticker inside the fixed
   .warn-banner (that shell + .warn-tag stay defined per-page in reg.css /
   winners.css since it's already themed there; this file only owns the
   scrolling content, sized to the existing 38px banner height). */
.warn-marquee-viewport{flex:1;min-width:0;height:100%;overflow:hidden;position:relative;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);
 mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
.warn-marquee-track{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center;
 white-space:nowrap;will-change:transform;animation:warnMarquee linear infinite;
 font-size:.7rem;font-weight:700;color:#fff}
.warn-marquee-track .seg{flex:0 0 auto}
.warn-marquee-track .seg-divider{flex:0 0 auto;color:var(--gold);font-weight:900;margin:0 .85rem;letter-spacing:.05em}
.warn-marquee-track strong{color:var(--gold);font-weight:800;letter-spacing:.04em}
@keyframes warnMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.warn-marquee-track{animation:none}}
@media (max-width:380px){.warn-marquee-track{font-size:.62rem}}