:root{--lb-primary: var(--accent, #7bdcff);--lb-secondary: var(--accent-2, #8de6d6);--lb-gold: #FFD700;--lb-silver: #C0C0C0;--lb-bronze: #CD7F32;--lb-bg: var(--bg-0, #06080f);--lb-glass: color-mix(in srgb, var(--glass-bg, rgba(16, 24, 40, .42)) 60%, transparent);--lb-border: var(--glass-border, rgba(160, 190, 230, .22));--lb-text: var(--text, #eef3ff);--lb-muted: var(--text-muted, #a8b9d4);--lb-transition: transform .3s cubic-bezier(.4, 0, .2, 1), background-color .3s ease, border-color .3s ease, box-shadow .3s ease}.leaderboards-shell{min-height:100vh;max-width:1200px;margin:0 auto;padding:96px 20px 60px}.lb-header{text-align:center;margin-bottom:40px}.lb-header h1{font-size:2.5rem;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,var(--lb-text) 0%,var(--lb-primary) 50%,var(--lb-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lb-stats-bar{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.lb-stat{background:var(--lb-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--lb-border);border-radius:var(--radius-lg, 16px);padding:16px 24px;text-align:center;min-width:120px;transition:var(--lb-transition)}.lb-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7bdcff26}.lb-stat .lb-stat-value{font-size:1.5rem;font-weight:700;color:var(--lb-primary)}.lb-stat .lb-stat-label{font-size:.75rem;color:var(--lb-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.lb-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:24px;scrollbar-width:thin}.lb-tabs::-webkit-scrollbar{height:4px}.lb-tabs::-webkit-scrollbar-thumb{background:var(--lb-primary);border-radius:2px}.lb-tab{padding:10px 16px;border-radius:var(--radius-md, 12px);border:1px solid var(--lb-border);background:var(--lb-glass);color:var(--lb-text);cursor:pointer;transition:var(--lb-transition);white-space:nowrap;font-size:.9rem;display:flex;align-items:center;gap:6px}.lb-tab:hover{background:#7bdcff1a;border-color:var(--lb-primary)}.lb-tab.active{background:linear-gradient(135deg,var(--lb-primary),var(--lb-secondary));border-color:transparent;color:#fff}.lb-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.lb-time-filters{display:flex;gap:10px}.lb-time-btn{padding:6px 12px;border-radius:var(--radius-sm, 8px);border:1px solid var(--lb-border);background:transparent;color:var(--lb-muted);cursor:pointer;transition:var(--lb-transition);font-size:.85rem}.lb-time-btn:hover{color:var(--lb-text);border-color:var(--lb-primary)}.lb-time-btn.active{background:#7bdcff33;border-color:var(--lb-primary);color:var(--lb-primary)}.lb-refresh-btn{padding:6px 12px;border-radius:var(--radius-sm, 8px);border:1px solid var(--lb-border);background:var(--lb-glass);color:var(--lb-muted);cursor:pointer;font-size:.85rem;transition:var(--lb-transition)}.lb-refresh-btn:hover{color:var(--lb-text);border-color:var(--lb-primary)}.lb-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.lb-podium-card{background:var(--lb-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl, 20px);padding:24px 16px;text-align:center;position:relative;transition:var(--lb-transition);border:2px solid var(--lb-border)}.lb-podium-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #7bdcff33}.lb-podium-card.gold{border-color:var(--lb-gold);background:linear-gradient(180deg,rgba(255,215,0,.1),var(--lb-glass))}.lb-podium-card.silver{border-color:var(--lb-silver);background:linear-gradient(180deg,rgba(192,192,192,.08),var(--lb-glass))}.lb-podium-card.bronze{border-color:var(--lb-bronze);background:linear-gradient(180deg,rgba(205,127,50,.08),var(--lb-glass))}.lb-podium-card.first{order:2;padding-top:32px}.lb-podium-card.second{order:1}.lb-podium-card.third{order:3}.lb-podium-rank{font-size:2rem;font-weight:800;margin-bottom:12px}.lb-podium-card.gold .lb-podium-rank{color:var(--lb-gold)}.lb-podium-card.silver .lb-podium-rank{color:var(--lb-silver)}.lb-podium-card.bronze .lb-podium-rank{color:var(--lb-bronze)}.lb-podium-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;overflow:hidden;background:linear-gradient(135deg,var(--lb-primary),var(--lb-secondary));display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;font-weight:700;border:3px solid var(--lb-border)}.lb-podium-card.first .lb-podium-avatar{width:80px;height:80px;font-size:2rem;border-color:var(--lb-gold)}.lb-podium-avatar img{width:100%;height:100%;object-fit:cover}.lb-podium-name{font-weight:700;font-size:1rem;margin-bottom:8px;color:var(--lb-text)}.lb-podium-value{font-size:1.5rem;font-weight:800;color:var(--lb-primary)}.lb-podium-card.first .lb-podium-value{font-size:1.8rem}.lb-podium-extra{font-size:.75rem;color:var(--lb-muted);margin-top:8px}.lb-my-rank{background:#7bdcff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(123,220,255,.3);border-radius:var(--radius-lg, 16px);padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:16px}.lb-my-rank-badge{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--lb-primary),var(--lb-secondary));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 16px #7bdcff4d}.lb-my-rank-info{flex:1}.lb-my-rank-label{font-size:.75rem;color:var(--lb-muted)}.lb-my-rank-value{font-weight:700;color:var(--lb-text)}.lb-my-rank-percentile{font-size:.75rem;color:var(--lb-primary)}.lb-share-btn{padding:8px 16px;border-radius:var(--radius-md, 12px);border:1px solid var(--lb-primary);background:transparent;color:var(--lb-primary);cursor:pointer;font-size:.85rem;transition:var(--lb-transition);white-space:nowrap}.lb-share-btn:hover{background:var(--lb-primary);color:#fff}.lb-list{border-radius:var(--radius-lg, 16px);overflow:hidden;border:1px solid var(--lb-border);background:var(--lb-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lb-entry{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--lb-border);transition:background .2s}.lb-entry:last-child{border-bottom:none}.lb-entry:hover{background:#7bdcff0d}.lb-entry.is-me{background:#7bdcff1a;border-left:3px solid var(--lb-primary)}.lb-entry-rank{width:40px;text-align:center;font-weight:700;color:var(--lb-muted);font-size:.9rem}.lb-entry-rank.top1{color:var(--lb-gold)}.lb-entry-rank.top2{color:var(--lb-silver)}.lb-entry-rank.top3{color:var(--lb-bronze)}.lb-entry-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--lb-primary),var(--lb-secondary));display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff;font-weight:600;flex-shrink:0}.lb-entry-avatar img{width:100%;height:100%;object-fit:cover}.lb-entry-name{flex:1;font-weight:600;font-size:.95rem;color:var(--lb-text)}.lb-entry-extra{font-size:.75rem;color:var(--lb-muted);max-width:150px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-entry-value{font-weight:700;color:var(--lb-primary);min-width:80px;text-align:right}.lb-pagination{display:flex;justify-content:center;gap:8px;margin-top:24px}.lb-page-btn{padding:8px 12px;border-radius:var(--radius-sm, 8px);border:1px solid var(--lb-border);background:var(--lb-glass);color:var(--lb-muted);cursor:pointer;font-size:.85rem;transition:var(--lb-transition)}.lb-page-btn:hover{color:var(--lb-text);border-color:var(--lb-primary)}.lb-page-btn.active{background:var(--lb-primary);border-color:var(--lb-primary);color:#fff}.lb-page-btn:disabled{opacity:.3;cursor:not-allowed}.lb-loading,.lb-empty{text-align:center;padding:48px;color:var(--lb-muted)}.lb-toast{position:fixed;bottom:32px;right:32px;background:linear-gradient(135deg,var(--lb-primary),var(--lb-secondary));color:#fff;padding:12px 20px;border-radius:var(--radius-lg, 16px);box-shadow:0 8px 32px #7bdcff4d;z-index:9999;transform:translateY(120%);transition:transform .3s ease;font-size:.9rem}.lb-toast.show{transform:translateY(0)}@media(max-width:768px){.leaderboards-shell{padding-top:80px;padding-bottom:40px}.lb-header h1{font-size:1.75rem}.lb-podium{grid-template-columns:1fr;max-width:300px}.lb-podium-card.first{order:1}.lb-podium-card.second{order:2}.lb-podium-card.third{order:3}.lb-entry-extra{display:none}.lb-my-rank{flex-wrap:wrap}.lb-controls{flex-direction:column;align-items:stretch}}.lb-podium-position[data-rank="1"]{background:linear-gradient(180deg,#ffd70026,#ffd7000d);border-color:#ffd7004d}.lb-podium-position[data-rank="2"]{background:linear-gradient(180deg,#c0c0c01f,#c0c0c00a);border-color:#c0c0c040}.lb-podium-position[data-rank="3"]{background:linear-gradient(180deg,#cd7f321f,#cd7f320a);border-color:#cd7f3240}.lb-podium-position[data-rank="1"] .lb-podium-crown{filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.rank-change.up{color:#4ade80}.rank-change.down{color:#f87171}.rank-change.same{color:#ffffff4d}.lb-controls{flex-wrap:wrap;gap:10px;align-items:center}.lb-search{position:relative;display:flex;align-items:center;flex:1 1 200px;min-width:170px}.lb-search svg{position:absolute;left:11px;width:15px;height:15px;color:var(--text-muted, #9fb1cc);pointer-events:none}.lb-search input{width:100%;padding:9px 12px 9px 34px;font-size:13px;color:var(--text, #eef3ff);background:color-mix(in srgb,var(--glass-bg, rgba(20,30,52,.6)) 88%,transparent);border:1px solid color-mix(in srgb,var(--glass-border) 55%,transparent);border-radius:10px}.lb-search input::placeholder{color:var(--text-muted, #9fb1cc)}.lb-search input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.lb-friends-toggle{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-soft, #c4d2ea);cursor:pointer;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--glass-bg, rgba(20,30,52,.6)) 80%,transparent);border:1px solid color-mix(in srgb,var(--glass-border) 50%,transparent);transition:border-color .2s ease}.lb-friends-toggle:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.lb-friends-toggle input{accent-color:var(--accent);width:15px;height:15px}@media(max-width:600px){.lb-search{flex-basis:100%;order:3}}