/* frontend/marquee.css — the endless name marquee (marquee.js `yzMarquee`), shared by Yahtzee and Shut the Box.
   Lifted out of yahtzee.css on 2026-10-11 (Shut the Box must not load Yahtzee's files for it).

   A name too long for its box is truncated, then it scrolls LEFT forever, the second copy following the first a
   "·" behind it, so there is never a gap. Decided by MEASUREMENT (yzMarquee), never by length. The duration is set
   inline from the width (one speed for every name) and the delay from a shared clock, so a re-render continues
   the scroll instead of snapping it back. Reduced motion: no marquee, a plain ellipsis. */
.yz-clip.yz-marqueed { text-overflow: clip; }
.yz-marq { display: inline-flex; white-space: nowrap; animation: yz-marquee 6s linear infinite; will-change: transform; }
.yz-marq > i { font-style: normal; padding: 0 .5ch; opacity: .6; }
@keyframes yz-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .yz-marq { animation: none; } }