.leaderboard-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(10px);background:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.leaderboard-modal{animation:slideIn .3s ease;background:var(--bg-primary);border:2px solid var(--gold-primary);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.5);max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.leaderboard-header{align-items:center;background:linear-gradient(135deg,rgba(212,175,55,.1),transparent);border-bottom:1px solid rgba(212,175,55,.3);display:flex;justify-content:space-between;padding:var(--space-lg)}.leaderboard-header h2{font-family:var(--font-primary);margin:0;text-shadow:0 0 10px rgba(212,175,55,.3)}.leaderboard-close,.leaderboard-header h2{color:var(--gold-primary);font-size:1.5rem}.leaderboard-close{background:none;border:none;border-radius:50%;cursor:pointer;padding:5px;transition:all var(--transition-normal)}.leaderboard-close:hover{background:rgba(212,175,55,.2);transform:scale(1.1)}.leaderboard-content,.leaderboard-item{padding:var(--space-md)}.leaderboard-item{align-items:center;background:var(--bg-secondary);border:1px solid rgba(212,175,55,.2);border-radius:8px;display:flex;margin-bottom:var(--space-sm);overflow:hidden;position:relative;transition:all var(--transition-normal)}.leaderboard-item:before{background:linear-gradient(90deg,transparent,rgba(212,175,55,.05) 50%,transparent);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.leaderboard-item:hover{border-color:var(--gold-primary);box-shadow:0 5px 15px rgba(212,175,55,.2);transform:translateY(-2px)}.leaderboard-item:hover:before{opacity:1}.leaderboard-rank{color:var(--gold-primary);font-size:1.2rem;font-weight:700;margin-right:var(--space-md);min-width:40px;text-align:center}.leaderboard-info{flex:1}.leaderboard-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:4px}.leaderboard-expertise{color:var(--text-muted);font-size:.85rem;font-style:italic}.leaderboard-coins{color:var(--gold-primary);font-size:1.1rem;font-weight:700;text-shadow:0 0 5px rgba(212,175,55,.3)}.leaderboard-item.top-1{background:linear-gradient(135deg,rgba(255,215,0,.1) 0,var(--bg-secondary) 100%);border-color:gold}.leaderboard-item.top-1 .leaderboard-rank{color:gold;font-size:1.4rem}.leaderboard-item.top-1 .leaderboard-rank:before{content:"👑 "}.leaderboard-item.top-2{background:linear-gradient(135deg,hsla(0,0%,75%,.1) 0,var(--bg-secondary) 100%);border-color:silver}.leaderboard-item.top-2 .leaderboard-rank{color:silver;font-size:1.3rem}.leaderboard-item.top-3{background:linear-gradient(135deg,rgba(205,127,50,.1) 0,var(--bg-secondary) 100%);border-color:#cd7f32}.leaderboard-item.top-3 .leaderboard-rank{color:#cd7f32;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.leaderboard-modal{margin:var(--space-md);max-height:90vh}.leaderboard-header h2{font-size:1.2rem}.leaderboard-item{padding:var(--space-sm)}.leaderboard-rank{font-size:1rem;min-width:35px}.leaderboard-name{font-size:.9rem}.leaderboard-expertise{font-size:.8rem}.leaderboard-coins{font-size:1rem}}