.leaderboard-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#12121a);padding:2rem 1rem}.leaderboard-container{max-width:900px;margin:0 auto}.leaderboard-header{text-align:center;margin-bottom:2rem}.leaderboard-header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.5rem}.leaderboard-header .leaderboard-subtitle{color:hsla(0,0%,100%,.6);font-size:1rem;margin-bottom:.75rem}.leaderboard-header .last-updated{display:inline-block;font-size:.75rem;color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.05);padding:.25rem .75rem;border-radius:20px}.archetype-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;padding:1rem;background:hsla(0,0%,100%,.03);border-radius:16px;border:1px solid hsla(0,0%,100%,.06)}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:hsla(0,0%,100%,.7);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn .filter-count{font-size:.75rem;padding:.15rem .4rem;background:hsla(0,0%,100%,.1);border-radius:6px;color:hsla(0,0%,100%,.5)}.filter-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#fff}.filter-btn.active{background:linear-gradient(135deg,var(--archetype-color,#f59e0b),rgba(var(--archetype-color,#f59e0b),.7));border-color:var(--archetype-color,#f59e0b);color:#fff;box-shadow:0 4px 15px rgba(245,158,11,.3)}.filter-btn.active .filter-count{background:hsla(0,0%,100%,.2);color:#fff}.leaderboard-loading{display:flex;justify-content:center;padding:4rem 0}.leaderboard-error{text-align:center;padding:3rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:16px}.leaderboard-error p{color:#ef4444;margin-bottom:1rem}.leaderboard-error button{padding:.5rem 1.5rem;background:#ef4444;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.leaderboard-error button:hover{background:#dc2626}.leaderboard-empty{text-align:center;padding:4rem 2rem;background:hsla(0,0%,100%,.03);border-radius:16px;border:1px solid hsla(0,0%,100%,.06)}.leaderboard-empty p{font-size:1.25rem;font-weight:600;color:hsla(0,0%,100%,.8);margin-bottom:.5rem}.leaderboard-empty span{color:hsla(0,0%,100%,.5)}.leaderboard-table-wrapper{background:hsla(0,0%,100%,.03);border-radius:16px;border:1px solid hsla(0,0%,100%,.08);overflow:hidden}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table td,.leaderboard-table th{padding:1rem;text-align:left}.leaderboard-table th{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.5);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.leaderboard-table tr{border-bottom:1px solid hsla(0,0%,100%,.05)}.leaderboard-table tr:last-child{border-bottom:none}.leaderboard-table tr:hover{background:hsla(0,0%,100%,.03)}.leaderboard-table tr.rank-1{background:linear-gradient(90deg,rgba(255,215,0,.1),transparent)}.leaderboard-table tr.rank-2{background:linear-gradient(90deg,rgba(192,192,192,.08),transparent)}.leaderboard-table tr.rank-3{background:linear-gradient(90deg,rgba(205,127,50,.08),transparent)}.leaderboard-table tr.current-user{background:linear-gradient(90deg,rgba(102,126,234,.15),transparent);border-left:3px solid #667eea;box-shadow:0 0 20px rgba(102,126,234,.2)}.leaderboard-table tr.current-user:hover{background:linear-gradient(90deg,rgba(102,126,234,.2),transparent)}.leaderboard-table .rank-col{width:80px;text-align:center}.leaderboard-table .user-col{min-width:180px}.leaderboard-table .archetype-col{width:150px}.leaderboard-table .level-col,.leaderboard-table .psl-col,.leaderboard-table .xp-col{width:100px;text-align:center}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-weight:700;font-size:.9rem;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.rank-badge.gold{background:linear-gradient(135deg,#ffd700,#ffb800);color:#1a1a1a;box-shadow:0 4px 15px rgba(255,215,0,.4)}.rank-badge.silver{background:linear-gradient(135deg,#c0c0c0,#a8a8a8);color:#1a1a1a;box-shadow:0 4px 15px rgba(192,192,192,.3)}.rank-badge.bronze{background:linear-gradient(135deg,#cd7f32,#b8721e);color:#1a1a1a;box-shadow:0 4px 15px rgba(205,127,50,.3)}.user-name{display:block;font-weight:600;color:#fff}.global-rank{display:block;font-size:.7rem;color:hsla(0,0%,100%,.4);margin-top:.15rem}.archetype-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;background:rgba(var(--archetype-color),.15);border:1px solid var(--archetype-color);border-radius:8px;font-size:.8rem;font-weight:500;color:var(--archetype-color)}.no-archetype,.no-psl{color:hsla(0,0%,100%,.3)}.level-value{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-weight:700;color:#fff}.xp-value{color:hsla(0,0%,100%,.8);font-weight:500}.psl-value{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .6rem;background:rgba(102,126,234,.2);border-radius:6px;font-weight:600;color:#667eea}.leaderboard-footer{text-align:center;padding:1rem;color:hsla(0,0%,100%,.4);font-size:.85rem}@media(max-width:768px){.leaderboard-page{padding:1rem .5rem}.leaderboard-header h1{font-size:1.75rem}.archetype-filter{gap:.4rem;padding:.75rem}.filter-btn{padding:.5rem .75rem;font-size:.7rem}.leaderboard-table td,.leaderboard-table th{padding:.75rem .5rem}.leaderboard-table .archetype-col,.leaderboard-table .xp-col{display:none}}@media(max-width:480px){.leaderboard-header h1{font-size:1.5rem}.filter-btn .filter-count,.leaderboard-table .psl-col{display:none}.rank-badge{width:30px;height:30px;font-size:.8rem}}