.marquee-strip {
  background: #0E0909;
  overflow: hidden;
  padding: 14px 0;
  user-select: none;
}

.marquee-strip-alt {
  background: var(--bg-alt);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.marquee-track {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  animation: marqueeLeft 28s linear infinite;
}

.marquee-strip-alt .marquee-track {
  animation: marqueeRight 32s linear infinite;
}

@keyframes marqueeLeft {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@keyframes marqueeRight {
  from { transform: translateX(-50%); }
  to   { transform: translateX(0); }
}

.marquee-track:hover { animation-play-state: paused; }

.marquee-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 24px;
  white-space: nowrap;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.6);
}

.marquee-strip-alt .marquee-item {
  color: var(--fg-muted);
}

.marquee-star {
  color: var(--accent);
  font-size: 0.6rem;
}