.top-songs-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:10px}.top-item{flex:0 0 auto;width:180px}@media(min-width:992px){.top-item{flex:1 1 auto;width:auto;max-width:200px}}.top-card{position:relative;border-radius:14px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:1/1}.top-card:hover{box-shadow:0 0 20px var(--primary-color);border:2px solid var(--primary-color);background-color:var(--primary-color)}.image-wrapper{position:relative;width:100%;height:100%}.cover-image{width:100%;height:100%;object-fit:cover;border-radius:14px}.rank-number{position:absolute;bottom:20px;left:15px;font-size:3rem;font-weight:900;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.8)}.btn-play-top{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;background:var(--primary-color,#ffc107);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:0}.top-card:hover .btn-play-top{opacity:1}.btn-play-top:hover{transform:scale(1.1)}.btn-play-top.playing{background:var(--primary-color,#ffc107);color:#fff;opacity:1}#back-to-live-btn{border-radius:25px;padding:8px 20px;font-weight:600}@media(max-width:768px){.rank-number{font-size:2.2rem;bottom:10px;left:10px}.btn-play-top{width:35px;height:35px;opacity:1}.top-songs-scroll{padding-left:1rem}h2.text-white{text-align:center}}