#tab-ranking .rank-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 18px;padding:25px 28px;border:1px solid rgba(105,176,202,.14);border-radius:10px;background:radial-gradient(460px 180px at 0 0,rgba(0,229,255,.10),transparent 75%),radial-gradient(350px 160px at 100% 0,rgba(144,82,255,.10),transparent 72%),#0c131b}
#tab-ranking .rank-kicker{color:#80bac7;font:750 9px 'Inter',sans-serif;letter-spacing:.15em}
#tab-ranking .rank-hero h1{margin:7px 0;color:#f0f6f8;font:750 clamp(23px,3vw,32px) 'Inter',sans-serif}
#tab-ranking .rank-hero p{margin:0;color:#92a7b1;font:12px/1.5 'Inter',sans-serif}
#tab-ranking #rank-count{color:#bed4dc;font:650 11px 'Inter',sans-serif;white-space:nowrap}
#tab-ranking .rank-panel{overflow:hidden;margin:0!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:9px!important;background:rgba(9,18,25,.54)!important}
#tab-ranking .rank-panel>.panel-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:65px;height:auto;padding:10px 16px!important;background:radial-gradient(360px 100px at 0 0,rgba(0,229,255,.10),transparent 78%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.013))!important}
#tab-ranking .rank-panel>.panel-head::after{content:"";position:absolute;bottom:0;left:16px;width:100px;height:1px;background:linear-gradient(90deg,#67dce9,#768de1,transparent)}
#tab-ranking .rank-heading{display:grid;gap:4px;min-width:0}
#tab-ranking #rank-mode-title{color:#edf4f8;font:750 14px 'Inter',sans-serif}
#tab-ranking #rank-mode-subtitle{color:#90a5ae;font:500 10px 'Inter',sans-serif}
#tab-ranking .rank-switch{display:flex;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(0,0,0,.18)}
#tab-ranking .rank-switch button{min-height:30px;padding:0 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:#8da0ab;cursor:pointer;font:750 9px 'Inter',sans-serif}
#tab-ranking .rank-switch button:hover{color:#f0f5f6;background:rgba(255,255,255,.045)}
#tab-ranking .rank-switch button.active{color:#edf4f8;border-color:rgba(82,185,225,.16);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.052));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 12px rgba(0,229,255,.04)}
#tab-ranking .rank-switch button:focus-visible,#tab-ranking .rank-player:focus-visible{outline:2px solid #76dce8;outline-offset:2px}
#tab-ranking .rank-cols,#tab-ranking .rank-row{display:grid;grid-template-columns:minmax(155px,1.55fr) minmax(125px,.9fr) minmax(140px,1fr) minmax(80px,.5fr);gap:13px;align-items:center}
#tab-ranking .rank-cols{padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.06);color:#8297a0;font:750 9px 'Inter',sans-serif;letter-spacing:.06em}
#tab-ranking .rank-cols span:last-child{text-align:right}
#tab-ranking #rank-tbl{padding:7px 10px 12px}
#tab-ranking .rank-row{min-height:72px;margin:4px 0;padding:10px 12px;border-radius:8px;background:linear-gradient(90deg,rgba(79,143,173,.065),rgba(255,255,255,.014) 50%,rgba(255,255,255,.006))}
#tab-ranking .rank-row:hover{background:linear-gradient(90deg,rgba(79,173,198,.12),rgba(255,255,255,.03) 50%,rgba(255,255,255,.012))}
#tab-ranking .rank-identity{display:flex;align-items:center;gap:10px;min-width:0}
#tab-ranking .rank-position{width:34px;flex:none;color:#9aafbb;font:750 12px 'Inter',sans-serif}
#tab-ranking .rank-row[data-place="1"] .rank-position{color:#d4b15c}
#tab-ranking .rank-row[data-place="2"] .rank-position{color:#b2bbc2}
#tab-ranking .rank-row[data-place="3"] .rank-position{color:#ad7955}
#tab-ranking .rank-person{display:grid;gap:5px;min-width:0}
#tab-ranking .rank-person-top{display:flex;align-items:center;gap:6px;min-width:0}
#tab-ranking .rank-flag{width:19px;height:13px;object-fit:cover;flex:none}
#tab-ranking .rank-player{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:#e7f0f3;font:650 12px 'Inter',sans-serif}
#tab-ranking .rank-player:hover{text-decoration:underline}
#tab-ranking .rank-sub{color:#839ca8;font:10px 'Inter',sans-serif}
#tab-ranking .rank-progress{display:grid;gap:6px;min-width:0}
#tab-ranking .rank-progress>span{display:flex;justify-content:space-between;gap:5px;color:#c0d5da;font:700 10px 'Inter',sans-serif}
#tab-ranking .rank-progress small{color:#8da3ad;font:9px 'Inter',sans-serif}
#tab-ranking .rank-track{height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
#tab-ranking .rank-track i{display:block;height:100%;background:linear-gradient(90deg,#4d98bd,#78d9e6)}
#tab-ranking .rank-more{display:flex;gap:10px;flex-wrap:wrap;color:#91a8b4;font:10px 'Inter',sans-serif}
#tab-ranking .rank-more b{color:#d5e5eb}
#tab-ranking .rank-metric{justify-self:end;display:grid;justify-items:end;gap:2px;min-width:76px;padding:7px 9px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(0,0,0,.16)}
#tab-ranking .rank-metric b{color:#edf2f5;font:750 13px 'Inter',sans-serif;font-variant-numeric:tabular-nums}
#tab-ranking .rank-metric small{color:#829ba7;font:750 8px 'Inter',sans-serif}
#tab-ranking .rank-message{padding:42px 15px;text-align:center;color:#9db1bb;font:12px 'Inter',sans-serif}
#tab-ranking .rank-skeleton{display:grid;gap:12px;padding:14px}
#tab-ranking .rank-skeleton span{height:46px;border-radius:7px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.075),rgba(255,255,255,.025));background-size:200% 100%;animation:rank-shimmer 1.4s linear infinite}
@keyframes rank-shimmer{to{background-position:-200% 0}}
@media(max-width:900px){#tab-ranking .rank-cols{display:none}#tab-ranking .rank-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}#tab-ranking .rank-progress{grid-column:1;grid-row:2}#tab-ranking .rank-more{grid-column:1;grid-row:3}#tab-ranking .rank-metric{grid-column:2;grid-row:1/4}}
@media(max-width:560px){#tab-ranking .rank-hero{padding:20px;align-items:flex-start;flex-direction:column;gap:12px}#tab-ranking .rank-panel>.panel-head{flex-wrap:wrap}#tab-ranking .rank-switch{width:100%}#tab-ranking .rank-switch button{flex:1}#tab-ranking #rank-tbl{padding:5px}#tab-ranking .rank-row{padding:10px}#tab-ranking .rank-more{gap:5px 9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){#tab-ranking .rank-skeleton span{animation:none}}


/* Ranking v3: new Home-style rows with the original separate columns */
#tab-ranking .rank-cols,
#tab-ranking .rank-row{
  display:grid;
  grid-template-columns:38px minmax(185px,2fr) minmax(72px,.7fr)
    minmax(120px,1.25fr) minmax(90px,.9fr) minmax(70px,.7fr)
    minmax(65px,.65fr) minmax(65px,.65fr) minmax(100px,1fr);
  gap:10px;align-items:center
}
#tab-ranking .rank-cols{padding:11px 18px}
#tab-ranking .rank-cols>span:last-child{text-align:left}
#tab-ranking .rank-row{padding:9px 12px;min-height:70px}
#tab-ranking .rank-position{width:auto;min-width:0}
#tab-ranking .rank-person{min-width:0}
#tab-ranking .rank-person-top{gap:5px;min-width:0}
#tab-ranking .rank-table-avatar{
  display:inline-flex;align-items:center;justify-content:center;
  flex:none;width:34px;height:34px;border-radius:6px;overflow:hidden;
  border:1px solid rgba(255,255,255,.1);background:#17242d
}
#tab-ranking .rank-table-avatar img{display:none;width:100%;height:100%;object-fit:cover}
#tab-ranking .rank-table-avatar.loaded img{display:block}
#tab-ranking .rank-player{flex:0 1 auto;min-width:0}
#tab-ranking .rank-level,
#tab-ranking .rank-points{display:flex;align-items:center;min-width:0}
#tab-ranking .rank-progress{display:grid;gap:6px}
#tab-ranking .rank-progress>span:first-child{
  display:flex;align-items:center;justify-content:space-between;gap:4px
}
#tab-ranking .rank-progress small{font:9px 'Inter',sans-serif;color:#a6bac3}
#tab-ranking .rank-elo{color:#bce1eb;font:750 12px 'Inter',sans-serif}
#tab-ranking .rank-number{color:#d6e5ea;font:650 11px 'Inter',sans-serif}
#tab-ranking .rank-gold{color:#d4a843}
#tab-ranking .rank-sync{display:grid;gap:6px;color:#dce9ed;font:700 10px 'Inter',sans-serif}
#tab-ranking .rank-track{display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
#tab-ranking .rank-track i{display:block;height:100%}
@media(max-width:1100px){
  #tab-ranking .rank-cols{display:none}
  #tab-ranking .rank-row{
    grid-template-columns:36px minmax(0,2fr) repeat(4,minmax(64px,1fr));
    gap:11px
  }
  #tab-ranking .rank-position{grid-column:1;grid-row:1/3}
  #tab-ranking .rank-person{grid-column:2/-1;grid-row:1}
  #tab-ranking .rank-level,
  #tab-ranking .rank-progress,
  #tab-ranking .rank-points,
  #tab-ranking .rank-elo,
  #tab-ranking .rank-number,
  #tab-ranking .rank-sync{
    grid-column:auto;grid-row:auto;min-width:0
  }
  #tab-ranking .rank-level{grid-column:2;grid-row:2}
  #tab-ranking .rank-progress{grid-column:3;grid-row:2}
  #tab-ranking .rank-points{grid-column:4;grid-row:2}
  #tab-ranking .rank-elo{grid-column:5;grid-row:2}
  #tab-ranking .rank-gold{grid-column:6;grid-row:2}
  #tab-ranking .rank-number:not(.rank-gold){grid-column:2;grid-row:3}
  #tab-ranking .rank-sync{grid-column:3/5;grid-row:3}
  #tab-ranking .rank-row [data-label]::before{
    content:attr(data-label);display:block;margin-bottom:5px;
    color:#8095a0;font:700 8px 'Inter',sans-serif;letter-spacing:.06em
  }
}
@media(max-width:650px){
  #tab-ranking .rank-row{
    grid-template-columns:28px repeat(4,minmax(0,1fr));
    gap:10px 6px;padding:10px
  }
  #tab-ranking .rank-position{grid-column:1;grid-row:1/4}
  #tab-ranking .rank-person{grid-column:2/-1;grid-row:1}
  #tab-ranking .rank-level{grid-column:2;grid-row:2}
  #tab-ranking .rank-progress{grid-column:3/5;grid-row:2}
  #tab-ranking .rank-points{grid-column:5;grid-row:2}
  #tab-ranking .rank-elo{grid-column:2;grid-row:3}
  #tab-ranking .rank-gold{grid-column:3;grid-row:3}
  #tab-ranking .rank-number:not(.rank-gold){grid-column:4;grid-row:3}
  #tab-ranking .rank-sync{grid-column:5;grid-row:3}
  #tab-ranking .rank-table-avatar{width:28px;height:28px}
  #tab-ranking .rank-player{font-size:11px}
  #tab-ranking .rank-progress small{font-size:8px}
}


/* Ranking v4: ELO badge, subtle meters and visible avatars */
#tab-ranking .rank-cols,
#tab-ranking .rank-row{
  grid-template-columns:38px minmax(185px,2fr) minmax(72px,.7fr)
    minmax(120px,1.25fr) minmax(62px,.55fr) minmax(62px,.55fr)
    minmax(100px,1fr) minmax(82px,.8fr) minmax(78px,.7fr);
}
#tab-ranking .rank-cols>span:last-child{text-align:left}
#tab-ranking .rank-table-avatar img{
  display:block;
  opacity:0;
  transition:opacity .18s ease;
}
#tab-ranking .rank-table-avatar.loaded img{opacity:1}
#tab-ranking .rank-progress,
#tab-ranking .rank-sync{display:grid;align-content:center;gap:8px;min-width:0}
#tab-ranking .rank-progress>span:first-child,
#tab-ranking .rank-sync .rank-scale-text{
  display:flex;justify-content:space-between;align-items:center;
  min-width:0;color:#d8e9ee;
  font:650 10px/1.2 'Inter',sans-serif;
  font-variant-numeric:tabular-nums;
}
#tab-ranking .rank-progress small{
  color:#a4bec8;font:600 9px/1.2 'Inter',sans-serif;
  font-variant-numeric:tabular-nums;
}
#tab-ranking .rank-progress .bar-track,
#tab-ranking .rank-sync .bar-track{
  display:block;height:5px;min-height:5px;overflow:hidden;
  border:0;border-radius:5px;
  background:rgba(105,166,189,.13);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.25);
}
#tab-ranking .rank-progress .bar-fill,
#tab-ranking .rank-sync .bar-fill{
  display:block;height:100%;border-radius:5px;
  box-shadow:none!important;
}
#tab-ranking .rank-progress .bar-fill{
  background:linear-gradient(90deg,#4a8eb1,#70d1dd)!important;
}
#tab-ranking .rank-elo{display:flex;align-items:center;min-width:0}
#tab-ranking .rank-elo .points-badge{
  display:block;width:78px;height:28px;max-width:100%;
}
#tab-ranking .rank-points{
  display:flex;align-items:center;min-width:0;
}
#tab-ranking .rank-points strong{
  color:#dce9ed;font:720 12px/1.2 'Inter',sans-serif;
  font-variant-numeric:tabular-nums;
}
@media(max-width:1100px){
  #tab-ranking .rank-row{
    grid-template-columns:36px minmax(0,2fr) repeat(4,minmax(64px,1fr));
  }
  #tab-ranking .rank-position{grid-column:1;grid-row:1/4}
  #tab-ranking .rank-person{grid-column:2/-1;grid-row:1}
  #tab-ranking .rank-level{grid-column:2;grid-row:2}
  #tab-ranking .rank-progress{grid-column:3;grid-row:2}
  #tab-ranking .rank-gold{grid-column:4;grid-row:2}
  #tab-ranking .rank-number:not(.rank-gold){grid-column:5;grid-row:2}
  #tab-ranking .rank-sync{grid-column:6;grid-row:2}
  #tab-ranking .rank-elo{grid-column:5;grid-row:3}
  #tab-ranking .rank-points{grid-column:6;grid-row:3}
}
@media(max-width:650px){
  #tab-ranking .rank-row{
    grid-template-columns:28px repeat(4,minmax(0,1fr));
  }
  #tab-ranking .rank-position{grid-column:1;grid-row:1/5}
  #tab-ranking .rank-person{grid-column:2/-1;grid-row:1}
  #tab-ranking .rank-level{grid-column:2;grid-row:2}
  #tab-ranking .rank-progress{grid-column:3/5;grid-row:2}
  #tab-ranking .rank-gold{grid-column:5;grid-row:2}
  #tab-ranking .rank-number:not(.rank-gold){grid-column:2;grid-row:3}
  #tab-ranking .rank-sync{grid-column:3/-1;grid-row:3}
  #tab-ranking .rank-elo{grid-column:3/5;grid-row:4}
  #tab-ranking .rank-points{grid-column:5;grid-row:4}
}


/* Ranking v5: conditional score and combined run stats */
#tab-ranking .rank-cols,
#tab-ranking .rank-row{
  grid-template-columns:38px minmax(185px,2fr) minmax(72px,.7fr)
    minmax(120px,1.2fr) minmax(65px,.6fr)
    minmax(88px,.8fr) minmax(160px,1.35fr);
}
#tab-ranking .rank-cols>span:last-child{text-align:left}
#tab-ranking .rank-metric-v5{
  display:flex;align-items:center;min-width:0;
}
#tab-ranking .rank-metric-v5 .points-badge{
  display:block;width:78px;height:28px;max-width:100%;
}
#tab-ranking .rank-activity-v5{
  display:grid;align-content:center;gap:8px;min-width:0;
}
#tab-ranking .rank-activity-values{
  display:flex;align-items:center;justify-content:space-between;
  gap:6px;white-space:nowrap;
  color:#93abb6;font:550 10px/1.2 'Inter',sans-serif;
  font-variant-numeric:tabular-nums;
}
#tab-ranking .rank-activity-values b{
  color:#e0edf1;font-weight:750;
}
#tab-ranking .rank-activity-v5 .bar-track{
  display:block;height:5px;min-height:5px;overflow:hidden;
  border:0;border-radius:5px;
  background:rgba(105,166,189,.13);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.25);
}
#tab-ranking .rank-activity-v5 .bar-fill{
  display:block;height:100%;border-radius:5px;
  box-shadow:none!important;
}
@media(max-width:1100px){
  #tab-ranking .rank-row{
    grid-template-columns:36px minmax(0,1.7fr)
      minmax(120px,1fr) minmax(70px,.7fr);
  }
  #tab-ranking .rank-position{grid-column:1;grid-row:1/4}
  #tab-ranking .rank-person{grid-column:2/-1;grid-row:1}
  #tab-ranking .rank-level{grid-column:2;grid-row:2}
  #tab-ranking .rank-progress{grid-column:3;grid-row:2}
  #tab-ranking .rank-gold{grid-column:4;grid-row:2}
  #tab-ranking .rank-metric-v5{grid-column:2;grid-row:3}
  #tab-ranking .rank-activity-v5{grid-column:3/-1;grid-row:3}
}
@media(max-width:650px){
  #tab-ranking .rank-row{
    grid-template-columns:28px repeat(2,minmax(0,1fr));
  }
  #tab-ranking .rank-position{grid-column:1;grid-row:1/5}
  #tab-ranking .rank-person{grid-column:2/-1;grid-row:1}
  #tab-ranking .rank-level{grid-column:2;grid-row:2}
  #tab-ranking .rank-progress{grid-column:3;grid-row:2}
  #tab-ranking .rank-gold{grid-column:2;grid-row:3}
  #tab-ranking .rank-metric-v5{grid-column:3;grid-row:3}
  #tab-ranking .rank-activity-v5{grid-column:2/-1;grid-row:4}
}


/* Ranking v6: podium, cheaters, precise sync and Premier colors */
#tab-ranking .rank-table-avatar{
  border:0;border-radius:50%;
  background:#142530;
}
#tab-ranking .rank-table-avatar img{border-radius:50%}
#tab-ranking .rank-cols,
#tab-ranking .rank-row{column-gap:17px}
#tab-ranking .rank-gold{padding-left:0}
@media(min-width:1101px){
  #tab-ranking .rank-progress{padding-right:8px}
}
#tab-ranking .rank-row{
  position:relative;overflow:hidden;
  --rank-accent:transparent;--rank-tint:transparent;
}
#tab-ranking .rank-row[data-place="1"]{
  --rank-accent:#d4b15c;--rank-tint:rgba(212,177,92,.10)
}
#tab-ranking .rank-row[data-place="2"]{
  --rank-accent:#b2bbc2;--rank-tint:rgba(178,187,194,.09)
}
#tab-ranking .rank-row[data-place="3"]{
  --rank-accent:#ad7955;--rank-tint:rgba(173,121,85,.10)
}
#tab-ranking .rank-row.is-cheater{
  --rank-accent:#ef7182;--rank-tint:rgba(239,83,108,.11)
}
#tab-ranking .rank-row[data-place="1"],
#tab-ranking .rank-row[data-place="2"],
#tab-ranking .rank-row[data-place="3"],
#tab-ranking .rank-row.is-cheater{
  background:linear-gradient(90deg,var(--rank-tint),rgba(255,255,255,.012) 56%,transparent)!important;
}
#tab-ranking .rank-row[data-place="1"]::before,
#tab-ranking .rank-row[data-place="2"]::before,
#tab-ranking .rank-row[data-place="3"]::before,
#tab-ranking .rank-row.is-cheater::before{
  content:"";position:absolute;left:0;top:9px;bottom:9px;
  width:2px;border-radius:3px;background:var(--rank-accent);
}
#tab-ranking .rank-cheater-tag{
  flex:none;color:#f3a7ae;
  font:750 8px 'Inter',sans-serif;letter-spacing:.06em;
}
#tab-ranking .rank-activity-v5 .bar-fill{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--rank-sync-color),#0d2430 43%),
    var(--rank-sync-color))!important;
  box-shadow:none!important;
}
@media(max-width:1100px){
  #tab-ranking .rank-gold{padding-left:0}
  #tab-ranking .rank-row{column-gap:11px}
}
@media(max-width:650px){
  #tab-ranking .rank-row{column-gap:8px}
}

/* Brighter Premier colors on ELO badges only */
#tab-ranking .rank-metric-v5[data-label="ELO"] .points-badge{filter:saturate(1.25) contrast(1.18) brightness(.98)}

/* Ranking table: Level and ELO; no Gold column */
#tab-ranking .rank-cols,#tab-ranking .rank-row{
  grid-template-columns:38px minmax(185px,2fr) minmax(72px,.7fr)
    minmax(130px,1.2fr) minmax(92px,.8fr) minmax(170px,1.35fr);
}
@media(max-width:1100px){
  #tab-ranking .rank-row{
    grid-template-columns:36px minmax(0,1.7fr)
      minmax(120px,1fr) minmax(85px,.7fr);
  }
  #tab-ranking .rank-metric-v5{grid-column:4;grid-row:2}
  #tab-ranking .rank-activity-v5{grid-column:2/-1;grid-row:3}
}
@media(max-width:650px){
  #tab-ranking .rank-row{grid-template-columns:28px repeat(2,minmax(0,1fr))}
  #tab-ranking .rank-metric-v5{grid-column:2;grid-row:3}
  #tab-ranking .rank-activity-v5{grid-column:2/-1;grid-row:4}
}

/* Separate Runs and Sync; ELO at the end */
#tab-ranking .rank-cols,#tab-ranking .rank-row{
  grid-template-columns:38px minmax(185px,2fr) minmax(72px,.7fr)
    minmax(125px,1.15fr) minmax(62px,.55fr)
    minmax(105px,1fr) minmax(92px,.8fr);
}
#tab-ranking .rank-runs{
  color:#d6e5ea;font:700 12px 'Inter',sans-serif;
  font-variant-numeric:tabular-nums;
}
#tab-ranking .rank-activity-v5 .rank-activity-values{
  justify-content:flex-start;
}
@media(max-width:1100px){
  #tab-ranking .rank-row{
    grid-template-columns:36px minmax(0,1.7fr)
      minmax(120px,1fr) minmax(85px,.7fr);
  }
  #tab-ranking .rank-runs{grid-column:4;grid-row:2}
  #tab-ranking .rank-activity-v5{grid-column:2/4;grid-row:3}
  #tab-ranking .rank-metric-v5{grid-column:4;grid-row:3}
}
@media(max-width:650px){
  #tab-ranking .rank-row{
    grid-template-columns:28px repeat(2,minmax(0,1fr));
  }
  #tab-ranking .rank-runs{grid-column:2;grid-row:3}
  #tab-ranking .rank-activity-v5{grid-column:3;grid-row:3}
  #tab-ranking .rank-metric-v5{grid-column:2/-1;grid-row:4}
}

/* Align desktop ELO badge with the right edge of its heading */
@media(min-width:1101px){
  #tab-ranking .rank-metric-v5{justify-content:flex-end}
  #tab-ranking .rank-cols #rank-column-metric{text-align:right}
}

/* Shared breadcrumbs and Home ELO leaders */
.site-breadcrumb{margin:4px 0 16px}
#tab-home .home-leader-avatar{
  display:inline-flex;flex:none;width:30px;height:30px;
  border-radius:50%;overflow:hidden;background:#142530;
}
#tab-home .home-leader-avatar img{
  display:none;width:100%;height:100%;object-fit:cover;
}
#tab-home .home-leader-avatar.loaded img{display:block}
#tab-home .home-leader-row-v3{position:relative;overflow:hidden}
#tab-home .home-leader-row-v3[data-home-rank="1"]{
  --home-podium:#d4b15c;--home-podium-tint:rgba(212,177,92,.10);
}
#tab-home .home-leader-row-v3[data-home-rank="2"]{
  --home-podium:#b2bbc2;--home-podium-tint:rgba(178,187,194,.09);
}
#tab-home .home-leader-row-v3[data-home-rank="3"]{
  --home-podium:#ad7955;--home-podium-tint:rgba(173,121,85,.10);
}
#tab-home .home-leader-row-v3[data-home-rank="1"],
#tab-home .home-leader-row-v3[data-home-rank="2"],
#tab-home .home-leader-row-v3[data-home-rank="3"]{
  background:linear-gradient(90deg,var(--home-podium-tint),
    rgba(255,255,255,.01) 65%,transparent)!important;
}
#tab-home .home-leader-row-v3[data-home-rank="1"]::before,
#tab-home .home-leader-row-v3[data-home-rank="2"]::before,
#tab-home .home-leader-row-v3[data-home-rank="3"]::before{
  content:"";position:absolute;left:0;top:9px;bottom:9px;
  width:2px;border-radius:2px;background:var(--home-podium);
}
#tab-home .home-leader-row-v3 .points-badge{
  display:block;width:78px;height:28px;flex:none;
  filter:saturate(1.25) contrast(1.18) brightness(.98);
}

/* Let Home avatars load before showing them */
#tab-home .home-leader-avatar img{display:block!important;opacity:0}
#tab-home .home-leader-avatar.loaded img{opacity:1}