#playerCard {
  border-radius: 24px;
  background: linear-gradient(115deg, #102332f5, #0a1525f5);
  border: 1px solid #91f6ba45;
  box-shadow: 0 14px 45px #0005;
  transition:
    opacity 0.5s,
    translate 0.65s cubic-bezier(0.16, 1, 0.3, 1);
  translate: 0 15px;
}
#playerCard.visible {
  translate: 0 0;
}
#playerCard .cover-wrapper {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 6px 22px #0005;
}
#playerCard .title {
  font-family: Inter, sans-serif;
  font-weight: 800;
  letter-spacing: -0.6px;
}
#playerCard .artist {
  color: #b0c6d9;
}
#playerCard .requester {
  border: 1px solid #91f6ba38;
  background: #91f6ba0c;
  color: #c5ffda;
  border-radius: 7px;
}
#playerCard .viz-bar {
  border-radius: 3px;
  background: #91f6ba;
}
#playerCard .progress-bar {
  border-radius: 8px;
  overflow: hidden;
}
#playerCard .progress-fill {
  background: linear-gradient(90deg, #4cba8a, #afffd3);
}
@media (prefers-reduced-motion: reduce) {
  #playerCard,
  *::before,
  *::after {
    transition: none !important;
    animation: none !important;
  }
  .card.visible .cover,
  .card.visible .glow,
  .viz-bar {
    animation: none !important;
  }
}