/* Home rankings: isolate styles from the other homepage panels. */
/* Keep the wide table's intrinsic width inside this component, so expanding it
   cannot wrap the existing right sidebar onto another flex row. */
.home-leaderboard-collapsible { contain:inline-size; min-width:0; }
.leaderboard-scroll { overflow-x:auto; padding-bottom:6px; }
.leaderboard-scroll:focus-visible { outline:2px solid #3975a6; outline-offset:3px; }
.leaderboard-table { min-width:780px; font-variant-numeric:tabular-nums; font-size:15px; }
.leaderboard-table > :not(caption) > * > * { padding:12px 9px; vertical-align:middle; }
.leaderboard-table thead th { white-space:nowrap; font-size:13px; }
.leaderboard-table .leaderboard-player { min-width:155px; max-width:250px; overflow-wrap:anywhere; font-weight:500; }
.leaderboard-table .leaderboard-profit { font-weight:700; }
.leaderboard-table .leaderboard-profit-positive { color:#18733c; }
.leaderboard-table .leaderboard-profit-negative { color:#bb3038; }
.leaderboard-sort-arrow { color:inherit; }
.leaderboard-unit { font-size:11px; font-weight:400; }
.leaderboard-help { display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; width:18px; height:18px; margin-left:3px; padding:0; border:1px solid #8d9ba9; border-radius:50%; background:transparent; color:#526a80; font:bold 11px/1 Arial,sans-serif; cursor:pointer; }
.leaderboard-help:hover, .leaderboard-help:focus-visible { color:#fff; background:#3975a6; outline:2px solid #9ac3e3; outline-offset:2px; }
.leaderboard-empty { text-align:center; color:#667383; padding:22px!important; white-space:normal; }
.leaderboard-metric-popover { max-width:min(300px, calc(100vw - 24px)); font-size:13px; line-height:1.5; }

.leaderboard-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.home-leaderboard-title { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; }
.leaderboard-start { margin-left:14px; font-size:13px; }
.leaderboard-pagination { display:flex; align-items:center; gap:6px; margin-left:auto; }
.leaderboard-page-range { min-width:34px; text-align:center; color:#667383; font-size:12px; font-variant-numeric:tabular-nums; }
.leaderboard-pagination a, .leaderboard-pagination button { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:1px solid #d3d8dd; border-radius:6px; background:transparent; color:#283440; text-decoration:none; font:24px/1 Arial,sans-serif; }
.leaderboard-pagination a:hover { border-color:#667383; }
.leaderboard-pagination a:focus-visible { outline:2px solid #3975a6; outline-offset:2px; }
.leaderboard-pagination button:disabled { opacity:.35; }
.home-leaderboard-box[aria-busy="true"] .leaderboard-pagination { opacity:.5; pointer-events:none; }
.leaderboard-table .leaderboard-me .leaderboard-player, .leaderboard-me .home-leaderboard-you { font-weight:700; }
.leaderboard-table .leaderboard-pinned { border-top:2px solid #8d9ba9; }
.leaderboard-page-error { font-size:13px; color:#9b2828; margin:8px 0; }

/* Keep desktop columns unchanged; mobile rows fit the viewport in two lines. */
@media (max-width:640px) {
    .home-leaderboard-accordion-body { padding:12px; }
    .leaderboard-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:start; }
    .home-leaderboard-title { display:block; line-height:1.5; font-size:14px; }
    .home-leaderboard-title > strong:first-child, .leaderboard-period-divider { display:none; }
    .leaderboard-start { display:block; margin:2px 0 0; font-size:13px; font-weight:400; }
    .leaderboard-start > span { font-weight:700; }
    .leaderboard-pagination { gap:4px; }
    .leaderboard-pagination a, .leaderboard-pagination button { width:32px; height:32px; }
    .leaderboard-page-range { min-width:28px; font-size:13px; }
    .leaderboard-scroll { overflow:visible; padding:0; }
    .leaderboard-table { display:block; min-width:0; width:100%; font-size:16px; }
    .leaderboard-table thead, .leaderboard-table tbody { display:block; }
    .leaderboard-table tr { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:4px; }
    .leaderboard-table thead tr { padding:8px 0; border-bottom:1px solid #8d9ba9; align-items:center; }
    .leaderboard-table thead th { padding:0; border:0; font-size:13px; }
    .leaderboard-table thead th:nth-child(1) { grid-column:1; }
    .leaderboard-table thead th:nth-child(2) { grid-column:2 / 8; }
    .leaderboard-table thead th:nth-child(4) { grid-column:8 / 13; }
    .leaderboard-table thead th:nth-child(3), .leaderboard-table thead th:nth-child(n+5) { display:none; }
    .leaderboard-table thead th:first-child .leaderboard-help { margin:0; }
    .leaderboard-table thead th:first-child { font-size:0; }
    .leaderboard-table [data-leaderboard-row] { row-gap:12px; padding:14px 0; border-bottom:1px solid #e2e5e8; }
    .leaderboard-table [data-leaderboard-row] > * { padding:0; border:0; min-width:0; max-width:none; align-self:center; }
    .leaderboard-table [data-leaderboard-row] > :nth-child(1) { grid-column:1; grid-row:1; color:#667383; font-size:14px; }
    .leaderboard-table .leaderboard-player { grid-column:2 / 8; grid-row:1; font-size:16px; line-height:1.35; }
    .leaderboard-table .leaderboard-profit { grid-column:8 / 13; grid-row:1; font-size:20px; white-space:nowrap; }
    .leaderboard-table thead .leaderboard-profit { font-size:13px; }
    .leaderboard-unit { font-size:12px; }
    .leaderboard-table [data-mobile-label] { grid-row:2; text-align:left!important; font-size:16px; white-space:nowrap; }
    .leaderboard-table [data-mobile-label]::before { content:attr(data-mobile-label); display:block; margin-bottom:3px; color:#667383; font-size:13px; line-height:1.3; }
    .leaderboard-table [data-mobile-label="Entries"] { grid-column:1 / 4; }
    .leaderboard-table [data-mobile-label="Win Rate"] { grid-column:4 / 7; }
    .leaderboard-table [data-mobile-label="ROI"] { grid-column:7 / 10; }
    .leaderboard-table [data-mobile-label="Best Return"] { grid-column:10 / 13; }
    .leaderboard-table .leaderboard-empty { grid-column:1 / -1; }
}

.leaderboard-periods{display:flex;gap:16px;align-items:center;font-size:14px}.leaderboard-periods a{color:#647381;text-decoration:none;padding:5px 0}.leaderboard-periods a[aria-current=true]{color:#2f6087;border-bottom:2px solid #3976a7;font-weight:700}.daily-player-description{padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;overflow-wrap:anywhere}
