/* Cade leaderboard v9 (2026-10-06): the broadcast leaderboard. The shared parts are the broadcast layer (/lib/v8/broadcast.css:
   the art banner .b-pfb, the next round bar .b-nxb.cream, the podium .b-podium.arena with the .b-hexav medallions, the wide table
   .b-tbl) on the kit. This file keeps the page's own: .b-lbh (the page head with the trophy), .b-lbf (the period + category tabs),
   .b-arena (the podium's stage), .b-ttls (the titles panel), .b-lbt (the board, your row pinned). Nothing under 11px. */
.lbv9 .lb-ban-sec{padding-top:24px}
.lbv9 .lb-tick-sec{padding-top:20px}
.lbv9 .b-pfb-h{max-width:9ch}
.b-pfb-h small{display:block;margin-top:14px;max-width:24ch;font-family:var(--call);font-style:normal;font-weight:500;font-size:clamp(17px,1.7cqw,22px);line-height:1.1;letter-spacing:.04em;text-shadow:2px 2px 0 var(--shadow)}
.lbv9 .b-pfb-art img{object-position:var(--obj,60% 22%)}

.lbv9 .lb-head-sec{padding-top:32px}
.lbv9 .fine{margin-top:40px}

/* ═════ THE PAGE HEAD: Leaderboard + the subline | the line | the trophy art with the yellow sign ═════ */
.b-lbh{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,360px);align-items:center;gap:20px 36px;padding:26px 26px 26px 38px;min-height:220px}
.b-lbh-h{margin:0;font-family:var(--shout);font-style:italic;font-weight:800;text-transform:uppercase;font-size:clamp(56px,6.6vw,96px);line-height:.84;color:var(--paper)}
.b-lbh-s{margin:10px 0 0;font-family:var(--call);font-size:var(--fs-call-l);letter-spacing:.04em;text-transform:uppercase;color:var(--paper)}
.b-lbh-p{margin:0;padding-left:30px;border-left:2px solid var(--line);font-family:var(--read);font-size:var(--fs-read);line-height:1.4;color:var(--paper);max-width:30ch}
.b-lbh-art{position:relative;align-self:stretch;min-height:180px;clip-path:var(--clip-field);overflow:hidden;background:var(--violet-deep)}
.b-lbh-art picture,.b-lbh-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.b-lbh-sign{position:absolute;z-index:2;left:16px;top:50%;margin:0;padding:14px 24px 18px 16px;background:var(--yellow);color:var(--ink);clip-path:var(--clip-sign);transform:translateY(-50%) rotate(-5deg);filter:drop-shadow(var(--sh-4))}
.b-lbh-sign b{display:block;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(26px,2.4vw,34px);text-transform:uppercase;line-height:.86}

/* the tabs row */
.b-lbf{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:28px}
.b-lbf-g{display:flex;align-items:center;gap:14px}
.b-lbf .b-page-rule{align-self:stretch;width:2px;background:var(--line)}
.b-lbf .tabs{flex-wrap:nowrap}

/* ═════ THE ARENA + PODIUM ═════ */
.b-arena{position:relative;padding:44px 40px 0;clip-path:var(--clip-panel);background:
  radial-gradient(circle,rgba(33,13,73,.4) 0 1.7px,transparent 2.2px) 0 0/11px 11px,
  radial-gradient(60% 70% at 50% 18%,rgba(255,168,0,.28),transparent 70%),
  linear-gradient(180deg,var(--violet-deep),#2A1259 62%,#140A26);filter:drop-shadow(var(--sh-9));overflow:hidden}
.b-arena::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,#1A1714,#0E0D0C);border-top:3px solid var(--ink)}
.b-arena-sign{position:absolute;z-index:2;top:110px;margin:0;padding:22px 30px 26px 22px;background:var(--paper);color:var(--ink);clip-path:var(--clip-sign);filter:drop-shadow(var(--sh-5))}
.b-arena-sign.l{left:34px;transform:rotate(-4deg)}
.b-arena-sign.r{right:34px;transform:rotate(4deg);background:var(--orange)}
.b-arena-sign b{display:block;font-family:var(--shout);font-style:italic;font-weight:800;font-size:clamp(28px,2.6vw,38px);text-transform:uppercase;line-height:.86}

/* ═════ the titles panel ═════ */
.b-ttls{padding:30px 30px 28px}
.b-ttls .b-title p b{margin-bottom:4px}

/* ═════ the board: rank, the player, net (green when up, paper when down: a loss stays calm), your row pinned ═════ */
.b-brd{padding:20px 26px 10px}
.b-lbt .b-rk{width:64px;font-weight:800;color:var(--muted)}
.b-lbt tbody th a{color:var(--paper)}
@media (hover:hover){.b-lbt tbody th a:hover{color:var(--yellow)}}
.b-lbt td.b-net{text-align:left;font-weight:800}
.b-lbt td.b-net[data-t=up]{color:var(--yes)}
.b-lbt td:last-child{font-size:var(--fs-field);font-weight:700}
.b-lbt tfoot td,.b-lbt tfoot th{height:64px;padding:8px 14px;background:var(--yellow);color:var(--ink);border-bottom:0;font-family:var(--data);font-weight:800;font-size:var(--fs-field);text-align:left;box-shadow:0 -3px 0 var(--ink),0 3px 0 var(--ink)}
.b-lbt tfoot td:last-child{text-align:right}
.b-lbt tfoot .b-rk{color:var(--ink)}
.b-lbt tfoot .b-net[data-t]{color:var(--ink)}
.b-lbt tfoot th span span{font-family:var(--shout);font-style:italic;font-size:24px;text-transform:uppercase}
.b-lbt tfoot .b-av{background:var(--ink)}

/* ═════ rungs ═════ */
@media (max-width:1180px){
  .b-lbh{grid-template-columns:auto minmax(0,1fr);}
  .b-lbh-p{display:none}
  .b-arena-sign{display:none}
}
@media (max-width:1023px){
  .b-lbf .b-page-rule{display:none}
}
@media (max-width:760px){
  .lbv9 .lb-ban-sec{padding-top:16px}
  .lbv9 .lb-tick-sec{padding-top:24px}
  .b-pfb-h small{display:none}
  .lbv9 .lb-head-sec{padding-top:24px}
  .b-lbh{grid-template-columns:1fr;padding:22px 18px 18px 16px;gap:18px}
  .b-lbh-h{font-size:clamp(52px,15vw,64px)}
  .b-lbh-art{min-height:170px}
  .b-lbf{flex-direction:column;align-items:stretch;gap:16px;margin-top:24px}
  .b-lbf-g{flex-direction:column;align-items:flex-start;gap:8px}
  .b-lbf .tabs{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:6px;width:100%}
  #cat{--n:4}
  .b-lbf .tabs .tab span{padding:0 6px;font-size:clamp(14px,4.2vw,17px)}
  .b-arena{padding:40px 10px 0}
  .b-ttls{padding:22px 18px 20px 16px}
  .b-ttls .b-titles{grid-template-columns:1fr;gap:16px}
  .b-ttls .b-title{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"i c" "i p";align-items:center;justify-items:start;gap:6px 16px;text-align:left}
  .b-ttls .b-title img{grid-area:i;width:84px;height:84px}
  .b-ttls .b-title .b-chip{font-size:19px}
  .b-ttls .b-title p.b-chip{grid-area:c;margin:0;align-self:end}
  .b-ttls .b-title p:not(.b-chip){grid-area:p;margin:0;align-self:start}
  .b-brd{padding:12px 16px 4px}
  .b-lbt thead{display:none}
  .b-lbt,.b-lbt tbody,.b-lbt tfoot{display:block}
  .b-lbt tr{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"r p n" "r m m";gap:4px 10px;padding:12px 0;border-bottom:2px solid var(--b-rule)}
  .b-lbt tbody tr:last-child{border-bottom:0}
  .b-lbt tbody th,.b-lbt tbody td{height:auto;padding:0;border:0}
  .b-lbt .b-rk{grid-area:r;width:auto;align-self:center}
  .b-lbt th{grid-area:p;min-width:0}
  .b-lbt th .b-pl{gap:10px}.b-lbt th .b-av{width:34px;height:34px}
  .b-lbt th a,.b-lbt th span span{overflow:hidden;text-overflow:ellipsis}
  .b-lbt td.b-net{grid-area:n;align-self:center;text-align:right}
  .b-lbt td:nth-child(4),.b-lbt td:nth-child(5),.b-lbt td:nth-child(6){display:inline;font-size:var(--fs-key);color:var(--muted);text-align:left}
  .b-lbt tr{grid-template-columns:40px max-content max-content minmax(0,1fr) auto;grid-template-areas:"r p p p n" "r w c v v";column-gap:14px}
  .b-lbt td:nth-child(4){grid-area:w}.b-lbt td:nth-child(5){grid-area:c}.b-lbt td:nth-child(6){grid-area:v}
  .b-lbt tfoot tr{margin:0 -16px;padding:12px 16px;background:var(--yellow);box-shadow:0 -3px 0 var(--ink)}
  .b-lbt tfoot td,.b-lbt tfoot th{height:auto;padding:0;box-shadow:none;background:none}
  .b-lbt tfoot td:nth-child(n+4){color:var(--ink)}
  .b-lbt .b-k{display:inline}
}
@media (max-width:360px){
  .b-lbt tr{grid-template-columns:32px max-content max-content minmax(0,1fr) auto;column-gap:10px}
  .b-brd{padding:12px 14px 4px}
  .b-lbt tfoot tr{margin:0 -14px;padding:12px 14px}
}
@media (max-width:760px){.b-brd{padding-right:24px}.b-lbt tfoot tr{margin-right:-24px;padding-right:24px}}
@media (max-width:360px){.b-brd{padding-right:24px}.b-lbt tfoot tr{margin-right:-24px;padding-right:24px}}
/* the narrowest phones: the podium drops its chips (the titles follow right under), the board drops volume */
@media (max-width:420px){.b-ttls .b-title p.b-chip{font-size:16px;height:26px}}
@media (max-width:360px){
  .b-lbt tr{grid-template-columns:32px max-content minmax(0,1fr) auto;grid-template-areas:"r p p n" "r w c c"}
  .b-lbt td:nth-child(6){display:none}
}
/* review 2026-10-07: the whole board row opens the profile (a 56px tap row on a phone, not a 16px name) */
.b-lbt tbody tr{position:relative}
.b-lbt tbody th a::after{content:"";position:absolute;inset:0}
.b-lbt tbody th a:focus-visible{outline:none}.b-lbt tbody tr:has(a:focus-visible){outline:3px solid var(--orange);outline-offset:-3px}
@media (hover:hover){.b-lbt tbody tr:hover th a{color:var(--yellow)}}