/* Theme: Modern Gradient - Vibrant gradient colors with modern design */

.container {
    background: linear-gradient(135deg, rgba(15, 32, 39, 0.98), rgba(32, 58, 67, 0.98), rgba(44, 83, 100, 0.98));
    border: 2px solid rgba(135, 206, 250, 0.4);
    box-shadow: 0 0 50px rgba(72, 209, 204, 0.25), inset 0 0 40px rgba(135, 206, 250, 0.08);
}

.tabs {
    background: rgba(20, 40, 50, 0.9);
    border-bottom: 2px solid rgba(135, 206, 250, 0.3);
}

.tab-btn {
    color: rgba(255, 255, 255, 0.6);
}

.tab-btn:hover {
    color: rgba(135, 206, 250, 0.95);
    background: rgba(72, 209, 204, 0.1);
}

.tab-btn.active {
    color: #87CEEB;
    background: linear-gradient(135deg, rgba(72, 209, 204, 0.15), rgba(135, 206, 250, 0.15));
    text-shadow: 0 0 15px rgba(135, 206, 250, 0.7);
}

.tab-btn.active::after {
    background: linear-gradient(90deg, transparent, #48D1CC, #87CEEB, transparent);
    box-shadow: 0 0 12px #48D1CC;
}

.panel-header h2 {
    color: #87CEEB;
    background: linear-gradient(135deg, #48D1CC, #87CEEB, #9370DB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 25px rgba(72, 209, 204, 0.5);
}

.leaderboard-entry {
    background: linear-gradient(135deg, rgba(32, 58, 67, 0.7), rgba(44, 83, 100, 0.7));
    border: 1px solid rgba(72, 209, 204, 0.25);
}

.leaderboard-entry:hover {
    background: linear-gradient(135deg, rgba(72, 209, 204, 0.12), rgba(135, 206, 250, 0.12));
    border-color: rgba(72, 209, 204, 0.5);
    box-shadow: 0 0 30px rgba(72, 209, 204, 0.25);
}

.rank-other {
    background: linear-gradient(135deg, rgba(72, 209, 204, 0.15), rgba(135, 206, 250, 0.15));
    color: #87CEEB;
    border: 1px solid rgba(72, 209, 204, 0.35);
}

.profile-pic {
    border: 2px solid rgba(72, 209, 204, 0.4);
    box-shadow: 0 0 10px rgba(72, 209, 204, 0.3);
}

.coins-amount {
    background: linear-gradient(135deg, #48D1CC, #87CEEB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
}

.leaderboard-panel::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, rgba(72, 209, 204, 0.4), rgba(135, 206, 250, 0.4));
}

.leaderboard-panel::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, rgba(72, 209, 204, 0.6), rgba(135, 206, 250, 0.6));
}

/* Animated gradient border for top entries */
.leaderboard-entry[data-rank="1"],
.leaderboard-entry[data-rank="2"],
.leaderboard-entry[data-rank="3"] {
    background-size: 200% 200%;
    animation: gradientShift 4s ease infinite;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
