.p-leaderboards main{max-width:960px;margin:0 auto;padding:1.25rem 1rem 1rem}.p-leaderboards .controls{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.p-leaderboards .field{flex-direction:column;flex:160px;gap:.25rem;display:flex}.p-leaderboards .field label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem}.p-leaderboards .meta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:1rem;margin:.25rem .15rem .6rem;font-size:.82rem;display:flex}.p-leaderboards .meta .right{text-align:right}.p-leaderboards .pager{justify-content:center;align-items:center;gap:1rem;margin:1rem 0;display:flex}.p-leaderboards .pager button{background:color-mix(in srgb, var(--cb-text) 3%, transparent);color:var(--text);border:1px solid var(--line);letter-spacing:.01em;cursor:pointer;border-radius:9px;padding:.5rem 1.15rem;font-size:.86rem;font-weight:500;transition:background .15s,border-color .15s,color .15s}.p-leaderboards .pager button:disabled{opacity:.35;cursor:default}.p-leaderboards .pager button:not(:disabled):hover{background:color-mix(in srgb, var(--cb-accent) 8%, transparent);border-color:var(--flame);color:var(--flame)}.p-leaderboards .pager .page{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}
