.rating-tabs,.rating-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:8px;background:#222229;border:1px solid #34343f;border-radius:12px}
.rating-tabs .rating-tab{flex:1 1 150px}
.rating-tab{min-height:46px;padding:12px 18px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b9bbc7;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .15s,color .15s}
.rating-tab:hover{background:#30323e;color:#fff}
.rating-tab[aria-selected=true]{background:#2e6da9;border-color:#538ec8;color:#fff}
.rating-subtabs{padding:0;background:transparent;border:0;gap:8px}
.rating-subtabs .rating-tab{min-height:40px;background:#24252d;border-color:#393b47;font-size:13px}
.rating-subtabs .rating-tab[aria-selected=true]{background:#41344e;border-color:#b788cf;color:#f4ddff}
.rating-panel[hidden],.rating-subtabs[hidden]{display:none!important}
.rating-tab:focus-visible,.rating-panel:focus-visible{outline:2px solid #92c8ff;outline-offset:3px}
.rating-empty{padding:52px 24px;border:1px solid #34343f;border-radius:12px;background:#222229;text-align:center}
.rating-empty-icon{display:block;margin-bottom:16px;font-size:36px}
.rating-empty h2{margin:0 0 10px;color:#ececf2;font-size:22px}
.rating-empty p{margin:0;color:#a8aab7;font-size:15px}
.leaderboard-hero[data-rating-tone]{background:radial-gradient(circle at 85% 40%,var(--rating-glow),transparent 44%),linear-gradient(120deg,#17191f,#121318);border-color:var(--rating-glow)}
.leaderboard-hero[data-rating-tone] .leaderboard-kicker{color:var(--rating-accent)}
.leaderboard-hero[data-rating-tone] .leaderboard-trophy{filter:drop-shadow(0 12px 28px var(--rating-glow))}
.leaderboard-hero[data-rating-tone=purple]{--rating-glow:#9970cf40;--rating-accent:#c2a0ef}
.leaderboard-hero[data-rating-tone=gold]{--rating-glow:#d5ad4540;--rating-accent:#e8ca77}
.leaderboard-hero[data-rating-tone=cyan]{--rating-glow:#4cbecb40;--rating-accent:#83dbe5}
.leaderboard-hero[data-rating-tone=pink]{--rating-glow:#cb70a640;--rating-accent:#efa3d0}
.leaderboard-hero[data-rating-tone=orange]{--rating-glow:#d98f4840;--rating-accent:#f1b67c}
.leaderboard-hero[data-rating-tone=green]{--rating-glow:#56b58140;--rating-accent:#8cd8ad}
@media(min-width:901px){.leaderboard-hero[data-rating-tone] .leaderboard-hero-content{max-width:calc(100% - 250px)}}
@media(max-width:576px){.rating-tabs{gap:6px}.rating-tabs .rating-tab{flex-basis:calc(50% - 6px);padding:10px 6px;font-size:13px}.rating-subtabs .rating-tab{flex:1 1 calc(50% - 8px);padding:10px 8px}.rating-empty{padding:36px 18px}.rating-empty h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.rating-tab{transition:none}}

.rating-data-rows .top_user{grid-template-columns:64px minmax(0,1fr) auto}
.rating-data-metrics{display:flex;gap:24px;padding:14px 20px;color:#bad2ed;text-align:right;font-size:16px;white-space:nowrap}
.rating-data-metrics small{display:block;color:#92929d;font-size:11px;font-weight:400;margin-top:5px}
.rating-data-rows .rating-place-1 .position{background:#d5ad4524;color:#e8ca77}
.rating-data-rows .rating-place-2 .position{background:#bac7d524;color:#d2dce8}
.rating-data-rows .rating-place-3 .position{background:#b97b4824;color:#dfad83}
.rating-data-pagination{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px 0;color:#b9bbc7}
.rating-data-pagination button{background:#303747;color:#d5e6fa;border-color:#465167}
.rating-data-pagination button:disabled{opacity:.4;cursor:default}
.rating-data-pagination span{font-size:13px;text-align:center}
.rating-data-rows .leaderboard-login-line{flex-wrap:wrap}
.rating-panel{scroll-margin-top:24px}
@media(max-width:900px){.rating-data-rows .top_user{grid-template-columns:58px minmax(0,1fr)}.rating-data-rows .position{grid-row:1 / span 2}.rating-data-metrics{grid-column:2;justify-content:flex-start;text-align:left;padding:4px 18px 14px;gap:16px;font-size:14px}.rating-data-rows .profile{padding-bottom:6px}}
@media(max-width:420px){.rating-data-metrics{flex-wrap:wrap;gap:10px 14px;padding-left:12px;padding-right:12px}.rating-data-metrics small{font-size:10px}.rating-data-pagination{gap:8px}.rating-data-pagination span{order:3;width:100%}}

.freebie-source{margin:0 0 20px;color:#aeb5c4;font-size:13px;line-height:1.6}
.freebie-rows .top_user{grid-template-columns:64px minmax(0,1fr)}
.freebie-rows .position{grid-row:1 / span 2}
.freebie-rows .profile{padding-bottom:6px}
.freebie-rows .rating-data-metrics{grid-column:2;flex-wrap:wrap;justify-content:flex-start;text-align:left;gap:12px 24px;padding-top:4px;font-size:14px}
.freebie-rows .freebie-total b{color:#ebcf82;font-size:18px}
.freebie-rows .freebie-unknown{color:#d9b68e}
@media(max-width:576px){.freebie-rows .top_user{grid-template-columns:42px minmax(0,1fr)}.freebie-rows .rating-data-metrics{gap:12px 16px}.freebie-rows .rating-data-metrics>span{min-width:90px}.freebie-rows .freebie-total{width:100%}}

.freebie-source{display:none!important}

/* freebie-compact-v1 */
.freebie-rows .top_user{grid-template-columns:58px minmax(170px,1fr) minmax(0,2.5fr) auto;column-gap:0;min-height:76px}
.freebie-rows .position{grid-column:1;grid-row:1;}
.freebie-rows .profile{grid-column:2;grid-row:1;padding:12px 16px}
.freebie-rows .rating-data-metrics{grid-column:3;grid-row:1;padding:12px 12px;gap:10px 18px;align-items:center;font-size:13px;min-width:0}
.freebie-rows .rating-data-metrics>span{min-width:0}
.freebie-rows .rating-data-metrics small{font-size:11px}
.freebie-rows .rating-data-metrics b{white-space:nowrap}
.freebie-rows .freebie-total{grid-column:4;grid-row:1;justify-self:end;align-self:center;text-align:right;width:auto;padding:12px 18px 12px 10px;white-space:nowrap}
.freebie-rows .freebie-total b{color:#bad2ed;font-size:16px}
.freebie-rows .freebie-total small{display:block;color:#92929d;font-size:11px;margin-top:5px}
@media(max-width:1100px){
.freebie-rows .top_user{grid-template-columns:48px minmax(0,1fr) auto}
.freebie-rows .position{grid-row:1 / span 2}
.freebie-rows .profile{grid-column:2;grid-row:1}
.freebie-rows .freebie-total{grid-column:3;grid-row:1}
.freebie-rows .rating-data-metrics{grid-column:2 / 4;grid-row:2;padding:0 16px 12px;gap:8px 20px}
}
@media(max-width:420px){
.freebie-rows .top_user{grid-template-columns:34px minmax(0,1fr)}
.freebie-rows .position{grid-row:1 / span 3}
.freebie-rows .profile{grid-column:2;padding:10px 12px}
.freebie-rows .rating-data-metrics{grid-column:2;grid-row:2;padding:0 12px 8px;gap:8px 16px}
.freebie-rows .freebie-total{grid-column:2;grid-row:3;padding:0 12px 12px}
}


.freebie-unknown{display:none!important}

/* Activity points: categories in the middle, total at the right. */
.rating-data-rows.activity-rows .top_user{display:grid;grid-template-columns:58px minmax(170px,1fr) minmax(0,2.5fr) 170px;column-gap:0;box-sizing:border-box}
.activity-rows .profile{min-width:0}
.rating-data-rows.activity-rows .rating-data-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:3;grid-row:1;gap:12px;padding:12px;min-width:0;width:auto;text-align:left;align-items:center}
.rating-data-rows.activity-rows .rating-data-metrics>span{min-width:0;white-space:normal;width:auto;text-align:left}
.activity-rows b{font-variant-numeric:tabular-nums;color:#bad2ed;overflow-wrap:anywhere}
.activity-rows .rating-data-metrics b{font-size:13px}
.activity-rows small{display:block;color:#92929d;font-size:11px;margin-top:5px}
.activity-rows .activity-total{grid-column:4;grid-row:1;align-self:center;text-align:right;padding:12px 18px 12px 10px;min-width:0}
.activity-rows .activity-total b{font-size:16px}
.activity-rows .activity-summary{margin-bottom:24px;border:1px solid rgba(130,153,191,.3);background:rgba(130,153,191,.08);border-radius:10px}
.activity-rows .activity-participants{grid-column:1 / 3;grid-row:1;align-self:center;padding:16px 20px;min-width:0}
.activity-rows .activity-participants b{font-size:20px}
@media(max-width:1100px){
.rating-data-rows.activity-rows .top_user{grid-template-columns:48px minmax(0,1fr) 150px}
.activity-rows .activity-total{grid-column:3;grid-row:1}
.rating-data-rows.activity-rows .rating-data-metrics{grid-column:2 / 4;grid-row:2;padding:0 16px 14px}
}
@media(max-width:480px){
.rating-data-rows.activity-rows .top_user{grid-template-columns:34px minmax(0,1fr)}
.rating-data-rows.activity-rows .rating-data-metrics{grid-column:2;grid-row:2;padding:8px 12px;gap:8px}
.activity-rows .activity-total{grid-column:2;grid-row:3;padding:4px 12px 12px;text-align:left}
.activity-rows .activity-participants{grid-column:1 / 3}
}

.activity-rows .profile{grid-column:2;grid-row:1;padding:12px 16px}.activity-rows .position{grid-column:1;grid-row:1 / span 3}

/* Reserve room for six-digit ranks on every viewport. */
.rating-data-rows.activity-rows .top_user{grid-template-columns:88px minmax(170px,1fr) minmax(0,2.5fr) 170px}
.rating-data-rows.activity-rows .position{min-width:0;box-sizing:border-box;padding:10px 6px}
.rating-data-rows.activity-rows .positionBox{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:1100px){.rating-data-rows.activity-rows .top_user{grid-template-columns:76px minmax(0,1fr) 150px}}
@media(max-width:480px){.rating-data-rows.activity-rows .top_user{grid-template-columns:64px minmax(0,1fr)}.rating-data-rows.activity-rows .positionBox{font-size:14px}}