.ticker-container {
  width: 100%; /* Ocupa a largura do seu contêiner pai (.player-center) */
  height: 15px; /* Mantendo sua preferência de altura */
  color: #00ff00; /* Texto verde brilhante, estilo LED */
  font-family: 'Noto Sans Mono', 'Roboto Mono', monospace; /* Mantendo sua preferência de fonte */
  font-size: 12px; /* Reduzi um pouco para caber melhor como legenda, ajuste se necessário */
  font-weight: bold;
  padding: 0px 5px; /* Ajustado para altura menor, sem padding vertical excessivo */
  overflow: hidden; /* Essencial para o efeito marquee */
  /* box-shadow: 0 0 3px rgba(0, 255, 0, 0.5), 0 0 5px rgba(0, 255, 0, 0.3) inset; MANTIDO COMENTADO CONFORME SUA EDIÇÃO */
  z-index: 1; /* Abaixado, já que não é mais fixo globalmente */
  display: flex;
  align-items: center;
  margin: 5px 0; /* Adiciona um pouco de espaço vertical entre os controles e a barra de progresso */
  box-sizing: border-box; /* Para que padding não aumente a largura total */
}

.ticker-item {
  display: inline-block;
  white-space: nowrap;
  transform: translateX(100%); /* Estado inicial */
}

.ticker-item.scrolling {
  animation: scrollMessage 15s linear forwards; /* Aumentei a duração pois a largura é maior. Ajuste conforme necessário. */
}

@keyframes scrollMessage {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-110%);
  }
}