.medal-gold{color:var(--rank-gold)}.medal-silver{color:var(--rank-silver)}.medal-bronze{color:var(--rank-bronze)}.leaderboard-page{padding:2rem 0 4rem}.leaderboard-page .container{max-width:900px}.leaderboard-header{text-align:center;margin-bottom:2rem}.leaderboard-header h1{font-size:clamp(2rem, 4vw, 2.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.leaderboard-subtitle{font-size:var(--font-md);color:var(--text-secondary)}.mode-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.mode-tab{display:inline-flex;align-items:center;padding:.6rem 1.5rem;font-size:var(--font-md);font-weight:700;color:var(--text-secondary);text-decoration:none;border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.mode-tab:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-tertiary)}.mode-tab.active{color:var(--text-primary);background:var(--accent-primary);border-color:var(--accent-primary)}.type-toggle{display:flex;gap:0;margin-bottom:1rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:3px;width:fit-content}.type-toggle.hidden{display:none}.type-btn{padding:.4rem 1.2rem;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);background:0 0;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.type-btn:hover{color:var(--text-primary)}.type-btn.active{color:var(--text-primary);background:var(--card-bg);box-shadow:var(--shadow-sm)}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border-color);margin-bottom:2rem}.tabs.hidden{display:none}.tab{position:relative;display:inline-flex;align-items:center;padding:.75rem 1.5rem;font-size:var(--font-base);font-weight:600;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast);border-radius:var(--radius-sm) var(--radius-sm) 0 0;white-space:nowrap}.tab:hover{color:var(--text-primary);background:var(--accent-primary-light)}.tab.active{color:var(--accent-primary)}.tab.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.leaderboard-table.full{width:100%;font-size:var(--font-base);border-collapse:collapse}.leaderboard-table.full thead{background:var(--bg-tertiary)}.leaderboard-table.full th{padding:.85rem 1rem;font-weight:600;color:var(--text-secondary);text-align:left;white-space:nowrap;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.05em}.leaderboard-table.full td{padding:.85rem 1rem;color:var(--text-primary);border-top:1px solid var(--border-color);transition:background var(--transition-fast)}.leaderboard-table.full tbody tr{transition:background var(--transition-fast);animation:.3s forwards row-fade-in}.leaderboard-table.full tbody tr:hover{background:var(--accent-primary-light)}.col-rank{width:60px}.col-level,.col-lines,.col-score{text-align:right}.leaderboard-table.full .rank{font-weight:700;text-align:center;width:60px}.rank-number{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;font-size:var(--font-sm);font-weight:700;color:var(--text-muted)}.medal{display:inline-flex;align-items:center;justify-content:center}.medal svg{display:block}.leaderboard-table.full .player{font-weight:600;color:var(--text-primary)}.leaderboard-table.full .score{font-family:'SF Mono','Fira Code','Cascadia Code',Consolas,monospace;font-weight:700;color:var(--accent-primary);text-align:right}.leaderboard-table.full .level,.leaderboard-table.full .lines{text-align:right;color:var(--text-secondary)}.leaderboard-table.full .date{color:var(--text-muted);font-size:var(--font-sm);white-space:nowrap}.col-elo,.col-games,.col-winrate,.col-wins{text-align:right}.leaderboard-table.full .elo{font-family:'SF Mono','Fira Code','Cascadia Code',Consolas,monospace;font-weight:700;color:var(--accent-primary);text-align:right}.leaderboard-table.full .games,.leaderboard-table.full .wins{text-align:right;color:var(--text-secondary)}.leaderboard-table.full .winrate{text-align:right;font-weight:600;color:var(--text-primary)}.leaderboard-table.full .top-1 td{background:color-mix(in srgb,var(--rank-gold) 6%,transparent)}.leaderboard-table.full .top-1:hover td{background:color-mix(in srgb,var(--rank-gold) 12%,transparent)}.leaderboard-table.full .top-2 td{background:color-mix(in srgb,var(--rank-silver) 6%,transparent)}.leaderboard-table.full .top-2:hover td{background:color-mix(in srgb,var(--rank-silver) 12%,transparent)}.leaderboard-table.full .top-3 td{background:color-mix(in srgb,var(--rank-bronze) 6%,transparent)}.leaderboard-table.full .top-3:hover td{background:color-mix(in srgb,var(--rank-bronze) 12%,transparent)}.empty-state-body{text-align:center;padding:4rem 2rem}.empty-state-icon{margin-bottom:1.5rem;opacity:.4}.empty-state-icon svg{display:inline-block}.empty-state h3{font-size:var(--font-xl);font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{font-size:var(--font-md);color:var(--text-muted);margin-bottom:1.5rem}.leaderboard-loading{display:flex;align-items:center;justify-content:center;padding:3rem;gap:.75rem;color:var(--text-muted)}@keyframes row-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.leaderboard-table.full tbody tr:first-child{animation-delay:0s}.leaderboard-table.full tbody tr:nth-child(2){animation-delay:30ms}.leaderboard-table.full tbody tr:nth-child(3){animation-delay:60ms}.leaderboard-table.full tbody tr:nth-child(4){animation-delay:90ms}.leaderboard-table.full tbody tr:nth-child(5){animation-delay:120ms}.leaderboard-table.full tbody tr:nth-child(6){animation-delay:150ms}.leaderboard-table.full tbody tr:nth-child(7){animation-delay:180ms}.leaderboard-table.full tbody tr:nth-child(8){animation-delay:210ms}.leaderboard-table.full tbody tr:nth-child(9){animation-delay:240ms}.leaderboard-table.full tbody tr:nth-child(10){animation-delay:270ms}@media (max-width:768px){.leaderboard-page{padding:1.5rem 0 3rem}.leaderboard-header{margin-bottom:1.5rem}.mode-tab{padding:.5rem 1.2rem;font-size:var(--font-sm)}.tabs{margin-bottom:1.5rem}.tab{padding:.65rem 1.1rem;font-size:var(--font-sm)}.leaderboard-table.full td,.leaderboard-table.full th{padding:.7rem .75rem}.col-date,.col-winrate,.leaderboard-table.full .date,.leaderboard-table.full .winrate{display:none}}@media (max-width:480px){.leaderboard-page{padding:1rem 0 2rem}.mode-tabs{gap:.35rem}.mode-tab{padding:.45rem 1rem;font-size:var(--font-sm)}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:.6rem 1rem;font-size:var(--font-sm)}.leaderboard-table.full{font-size:var(--font-sm)}.leaderboard-table.full td,.leaderboard-table.full th{padding:.6rem .5rem}.col-games,.col-level,.col-lines,.leaderboard-table.full .games,.leaderboard-table.full .level,.leaderboard-table.full .lines{display:none}.empty-state{padding:3rem 1.5rem}}.tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.leaderboard-table.full tbody tr{animation:none}}