/* Theme: Elegant/Minimalist - Clean white/gray aesthetic with subtle accents */

.container {
    background: rgba(255, 255, 255, 0.98);
    border: 2px solid rgba(200, 200, 200, 0.5);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.tabs {
    background: rgba(245, 245, 245, 0.9);
    border-bottom: 2px solid rgba(220, 220, 220, 0.8);
}

.tab-btn {
    color: rgba(100, 100, 100, 0.8);
}

.tab-btn:hover {
    color: rgba(50, 50, 50, 1);
    background: rgba(230, 230, 230, 0.5);
}

.tab-btn.active {
    color: #333;
    background: rgba(255, 255, 255, 0.8);
    text-shadow: none;
}

.tab-btn.active::after {
    background: linear-gradient(90deg, transparent, #333, transparent);
    box-shadow: none;
}

.panel-header h2 {
    color: #333;
    background: linear-gradient(135deg, #555, #888);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
}

.leaderboard-entry {
    background: rgba(250, 250, 250, 0.9);
    border: 1px solid rgba(220, 220, 220, 0.6);
    color: #333;
}

.leaderboard-entry:hover {
    background: rgba(240, 240, 240, 1);
    border-color: rgba(200, 200, 200, 0.8);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.rank-other {
    background: rgba(240, 240, 240, 0.9);
    color: #666;
    border: 1px solid rgba(200, 200, 200, 0.5);
}

.profile-pic {
    border: 2px solid rgba(220, 220, 220, 0.6);
}

.username {
    color: #333;
}

.user-id {
    color: rgba(100, 100, 100, 0.7);
}

.coins-amount {
    color: #555;
    text-shadow: none;
}

.coins-label {
    color: rgba(100, 100, 100, 0.6);
}

.session-info {
    color: rgba(100, 100, 100, 0.7);
}

.empty-state {
    color: rgba(150, 150, 150, 0.5);
}

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

.leaderboard-panel::-webkit-scrollbar-thumb:hover {
    background: rgba(180, 180, 180, 0.7);
}
