.leaderboard-page{min-height:100vh;padding:40px 0}.leaderboard-header{text-align:center;margin-bottom:40px}.leaderboard-title{color:var(--color-text-primary);background:linear-gradient(135deg, var(--color-primary-500) 0%, #f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:42px;font-weight:700}.leaderboard-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.view-mode-selector{gap:var(--space-2);flex-wrap:wrap;display:flex}.mode-btn{padding:var(--space-2) var(--space-4);background-color:var(--color-bg-hover);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);white-space:nowrap;align-items:center;gap:var(--space-2);display:inline-flex}.mode-btn:hover{border-color:var(--color-primary-500);background-color:var(--color-bg-surface);transform:translateY(-1px)}.mode-btn.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-bg-base);font-weight:var(--font-weight-semibold)}.mode-btn-icon{filter:brightness(0)invert();width:18px;height:18px}.mode-btn.active .mode-btn-icon{filter:brightness(0)invert()}[data-theme=light] .mode-btn:not(.active) .mode-btn-icon{filter:brightness(0)}[data-theme=light] .mode-btn.active .mode-btn-icon{filter:brightness(0)invert()}.month-selector{gap:10px;display:flex}.month-select,.year-select{border:1px solid var(--color-border-default);background:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;border-radius:8px;padding:10px 15px;font-size:14px;transition:all .2s}.month-select:hover,.year-select:hover{border-color:var(--color-primary-500)}.month-select:focus,.year-select:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #09bec81a}.leaderboard-loading{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:60px;display:flex}.loading-spinner{border:4px solid var(--color-border-default);border-top-color:var(--color-primary-500);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.leaderboard-empty{text-align:center;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:12px;padding:80px 20px}.empty-icon{opacity:.5;margin-bottom:20px;font-size:64px}.leaderboard-empty h3{color:var(--color-text-primary);margin-bottom:10px;font-size:24px}.leaderboard-empty p{color:var(--color-text-secondary);font-size:16px}.leaderboard-table{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:12px;margin-bottom:40px;overflow:hidden}.leaderboard-table-header{background:var(--color-bg-base);border-bottom:2px solid var(--color-border-default);grid-template-columns:80px 1fr 120px 120px;gap:15px;padding:20px;display:grid}.header-cell{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.header-cell.position,.header-cell.reports,.header-cell.games{text-align:center}.leaderboard-table-body{flex-direction:column;display:flex}.leaderboard-row{border-bottom:1px solid var(--color-border-default);color:var(--color-text-primary);grid-template-columns:80px 1fr 120px 120px;align-items:center;gap:15px;padding:20px;text-decoration:none;transition:all .2s;display:grid}.leaderboard-row:hover{background:#09bec80d;transform:translate(5px)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.top-three{background:linear-gradient(90deg,#fbbf241a 0%,#0000 100%)}.leaderboard-row.top-three:hover{background:linear-gradient(90deg,#fbbf2426 0%,#09bec80d 100%)}.cell{align-items:center;display:flex}.cell.position,.cell.reports,.cell.games{justify-content:center}.position-badge{color:var(--color-text-secondary);font-size:18px;font-weight:700}.position-badge.medal{font-size:32px}.medal-icon{width:36px;height:36px;display:block}.cell.user{gap:12px}.username{font-size:16px;font-weight:600}.user-badges{gap:4px;margin-left:8px;display:flex}.user-badge{cursor:help;font-size:16px;transition:transform .2s}.user-badge:hover{transform:scale(1.2)}.stat-value{color:var(--color-primary-500);font-size:20px;font-weight:700}.levels-legend{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:12px;padding:30px}.levels-legend h3{color:var(--color-text-primary);text-align:center;margin-bottom:25px;font-size:24px}.levels-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.level-item{background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:20px;transition:all .3s;display:flex}.level-item:hover{border-color:var(--color-primary-500);transform:translateY(-5px);box-shadow:0 8px 20px #0003}.level-requirement{color:var(--color-text-secondary);font-size:13px;font-weight:600}@media (max-width:992px){.leaderboard-table-header,.leaderboard-row{grid-template-columns:60px 1fr 100px 100px;gap:10px;padding:15px}}@media (max-width:768px){.leaderboard-title{font-size:32px}.leaderboard-controls{flex-direction:column;align-items:stretch}.view-mode-selector{justify-content:center;width:100%}.mode-btn{flex:1;justify-content:center}.month-selector{width:100%}.month-select,.year-select{flex:1}.leaderboard-table-header{display:none}.leaderboard-row{grid-template-columns:50px 1fr auto;gap:10px}.cell.games{display:none}.cell.reports{justify-content:flex-end}.levels-grid{grid-template-columns:1fr}}@media (max-width:480px){.leaderboard-page{padding:20px 0}.leaderboard-header{margin-bottom:30px}.leaderboard-title{font-size:28px}.username{font-size:14px}.stat-value{font-size:18px}}