.leaderboard-page .site-header{position:relative;background:#0d191e}.leaderboard-page .site-header nav a[aria-current]{color:var(--gold)}.leaderboard-main{padding-block:55px 70px}.board-heading{margin-bottom:35px}.board-heading h1{font-size:clamp(2.3rem,5vw,3.6rem);margin:10px 0 15px}.board-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:28px;align-items:start}.skill-panel,.rank-panel{border:1px solid var(--line);background:var(--surface)}.skill-panel{padding:20px}.skill-panel h2{font:600 1rem system-ui;margin-bottom:15px;letter-spacing:0}.skill-panel button{display:block;width:100%;text-align:left;background:transparent;border:0;border-left:2px solid transparent;padding:9px 12px;color:#b7c6c6;font-size:.9375rem}.skill-panel button:hover{background:#ffffff07;color:var(--ink)}.skill-panel button[aria-pressed=true]{background:#d7b87916;color:var(--gold);border-left-color:var(--gold)}.rank-panel{padding:28px;min-width:0}.rank-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.rank-heading h2{font-size:2rem;margin-top:7px;letter-spacing:0}.board-button{background:#203238;border:1px solid #ffffff26;padding:9px 16px;font-size:.9375rem;min-height:43px}.board-button:hover:enabled{border-color:var(--gold)}.board-button:disabled{opacity:.4;cursor:default}.rank-search label{display:block;font-size:.9375rem;margin-bottom:8px}.rank-search>div{display:flex;gap:10px}.rank-search input{min-width:0;flex:1;background:#0e1c22;border:1px solid #ffffff26;padding:11px 14px;font:inherit;color:var(--ink)}.rank-search input:focus-visible{outline:2px solid var(--gold)}#rankingStatus{font-size:.875rem;margin:18px 0;min-height:1.5em}.rank-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.9375rem}th,td{padding:15px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{font-weight:500;font-size:.875rem;color:var(--muted);background:#102026}th:nth-child(2),td:nth-child(2){text-align:left;width:100%}td:first-child{color:var(--gold);font-weight:600}td:nth-child(2){font-weight:600}tbody tr:hover{background:#ffffff04}tbody tr.podium{background:#d7b87907}.rank-pagination{display:flex;justify-content:space-between;align-items:center;margin:24px 0;gap:12px;font-size:.875rem}.rank-note{font-size:.875rem;margin-top:9px}.board-footer{border-top:1px solid var(--line);padding-block:25px;display:flex;justify-content:space-between;gap:20px;font-size:.875rem;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.leaderboard-page .site-header{height:auto;min-height:85px;padding:20px;flex-wrap:wrap;gap:20px}.leaderboard-page .site-header nav{display:flex;position:static;background:none;padding:0;gap:20px;flex-wrap:wrap}.leaderboard-main{padding-top:30px}.board-layout{grid-template-columns:1fr;gap:18px}.skill-panel{padding:16px}#skillButtons{display:flex;flex-wrap:wrap;gap:5px}.skill-panel button{width:auto;border:1px solid var(--line);padding:7px 10px;font-size:.875rem}.skill-panel button[aria-pressed=true]{border-color:var(--gold)}.rank-panel{padding:16px}th,td{padding:13px 9px}.board-footer{flex-direction:column;gap:8px}.leaderboard-page .wrap{width:calc(100% - 32px)}}