.leaderboard-page{width:100%;text-align:left;color:inherit}
.leaderboard-page label{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:13px}
.leaderboard-page p{color:#b9cbbf;font-size:13px}
.leaderboard-page select{background:#1c2b23;color:inherit;border:1px solid #57675a;border-radius:5px;padding:9px 12px;max-width:100%;font:inherit}
.leaderboard-scroll{overflow:auto;max-height:50dvh;margin-top:12px;min-height:100px}
.leaderboard-page table{border-collapse:collapse;width:100%;text-align:start;font-size:13px}
.leaderboard-page th{color:#b9cca0;position:sticky;top:0;background:#111914}
.leaderboard-page th,.leaderboard-page td{padding:10px 9px;border-bottom:1px solid #ffffff12;white-space:nowrap;text-align:start}
.leaderboard-page td:nth-child(2){white-space:normal;min-width:90px;max-width:160px;overflow-wrap:anywhere}
.leaderboard-page>.lobby-secondary{border-top:1px solid #435248;margin-top:24px;padding-top:18px}
@media(max-width:600px){.leaderboard-page th,.leaderboard-page td{padding:8px 6px;font-size:12px}}

body .panel:has(.leaderboard-page){display:flex;flex-direction:column;height:calc(100dvh - var(--menu-safe-top, 0px) - 48px);min-height:0;overflow:hidden}
body .leaderboard-page{display:flex;flex-direction:column;flex:1;min-height:0}
body .leaderboard-scroll{flex:1;min-height:100px;max-height:none}
body .leaderboard-page>label{flex-shrink:0;margin-top:10px}