/* CSS tùy chỉnh cho trang BoxPvP */

/* Tùy chỉnh thanh cuộn ngang cho Gallery */
.scroll-gallery::-webkit-scrollbar {
    height: 8px;
}
.scroll-gallery::-webkit-scrollbar-track {
    background: #1F2937;
    border-radius: 10px;
}
.scroll-gallery::-webkit-scrollbar-thumb {
    background: #FACC15; /* Màu vàng */
    border-radius: 10px;
}
.scroll-gallery::-webkit-scrollbar-thumb:hover {
    background: #D97706; /* Màu cam đậm */
}

/* Hiệu ứng gradient cho nút chính */
.btn-gradient {
    background-image: linear-gradient(to right, #FACC15, #EAB308, #D97706);
    transition: all 0.3s ease;
}
.btn-gradient:hover {
    background-image: linear-gradient(to right, #D97706, #EAB308, #FACC15);
    box-shadow: 0 4px 20px rgba(250, 204, 21, 0.8);
    transform: scale(1.05);
}

/* Hiệu ứng nổi bật cho Top 1 */
.rank-1 {
    background: linear-gradient(90deg, #374151, #3B82F6/20%, #374151);
    border-left: 5px solid #FFD700;
}

/* Hiệu ứng cuộn vào */
.fade-in-up {
    transition: all 1s ease-out;
    opacity: 0;
    transform: translateY(20px);
}
.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}