/* Theme: Neon/Cyberpunk - Original neon theme with cyan/magenta colors */

.container {
    background: rgba(10, 10, 20, 0.95);
    border: 2px solid rgba(0, 255, 255, 0.3);
    box-shadow: 0 0 40px rgba(0, 255, 255, 0.2), inset 0 0 30px rgba(0, 255, 255, 0.05);
}

.tabs {
    background: rgba(15, 15, 30, 0.8);
    border-bottom: 2px solid rgba(0, 255, 255, 0.2);
}

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

.tab-btn:hover {
    color: rgba(0, 255, 255, 0.8);
    background: rgba(0, 255, 255, 0.05);
}

.tab-btn.active {
    color: #00ffff;
    background: rgba(0, 255, 255, 0.1);
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}

.tab-btn.active::after {
    background: linear-gradient(90deg, transparent, #00ffff, transparent);
    box-shadow: 0 0 10px #00ffff;
}

.panel-header h2 {
    color: #00ffff;
    background: linear-gradient(135deg, #00ffff, #ff00ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
}

.leaderboard-entry {
    background: rgba(20, 20, 40, 0.6);
    border: 1px solid rgba(0, 255, 255, 0.2);
}

.leaderboard-entry:hover {
    background: rgba(0, 255, 255, 0.1);
    border-color: rgba(0, 255, 255, 0.4);
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
}

.rank-other {
    background: rgba(0, 255, 255, 0.1);
    color: #00ffff;
    border: 1px solid rgba(0, 255, 255, 0.3);
}

.profile-pic {
    border: 2px solid rgba(0, 255, 255, 0.3);
}

.coins-amount {
    color: #00ffff;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

.leaderboard-panel::-webkit-scrollbar-thumb {
    background: rgba(0, 255, 255, 0.3);
}

.leaderboard-panel::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 255, 255, 0.5);
}
