/* =========================================================================
   ONE BOOST — marquee.css
   Supported-games scrolling strip.
   ========================================================================= */

.marquee {
  position: relative; overflow: hidden;
  -webkit-mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
          mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.marquee-track { display: flex; width: max-content; gap: 18px; animation: ob-marquee 32s linear infinite; }
.marquee:hover .marquee-track { animation-play-state: paused; }
.marquee-chip {
  display: inline-flex; align-items: center; gap: 9px; white-space: nowrap;
  color: var(--text-2); font-family: var(--font-display); font-weight: 700; font-size: 16px;
  letter-spacing: .5px; padding: 12px 22px; background: var(--surface);
  border: 1px solid var(--line); border-radius: 999px;
}
.marquee-chip .d { width: 7px; height: 7px; border-radius: 50%; background: var(--red); flex: none; }