/* Isolated Leaderboards V2 review. Production /leaderboards/* is untouched. */
body[data-design-version="leaderboards-v2"]{
  background-color:#06070a!important;
  background-image:
    radial-gradient(circle at 18% 12%,rgba(90,48,136,.16),transparent 29rem),
    radial-gradient(circle at 88% 44%,rgba(67,37,100,.08),transparent 34rem)!important;
  background-size:auto!important;
  background-attachment:fixed!important;
}
body[data-design-version="leaderboards-v2"] .leaderboards-main{max-width:1460px;padding-bottom:72px}
body[data-design-version="leaderboards-v2"] #leaderboardTabs{
  gap:0;padding-left:clamp(24px,3vw,44px);padding-right:clamp(24px,3vw,44px);
  border-top:1px solid #17181d!important
}
body[data-design-version="leaderboards-v2"] #leaderboardTabs a{
  border-radius:0;padding:10px 15px;border-bottom:2px solid transparent;color:#8f929e
}
body[data-design-version="leaderboards-v2"] #leaderboardTabs a[aria-current="page"]{
  color:#f4f1f7!important;background:linear-gradient(180deg,rgba(153,119,207,.08),transparent);
  border-bottom-color:#a989dd!important
}
body[data-design-version="leaderboards-v2"] .breadcrumbs{margin:24px 0 0;font-size:var(--lens-type-micro, 11px);color:#676b76}
body[data-design-version="leaderboards-v2"] .breadcrumbs a{color:#7e8290}
body[data-design-version="leaderboards-v2"] .leaderboard-heading{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:42px;
  margin:14px 0 28px;padding:34px 0 28px 28px;border-bottom:1px solid #292a31
}
body[data-design-version="leaderboards-v2"] .leaderboard-heading:before{
  content:"";position:absolute;left:0;top:33px;width:3px;height:82px;background:#aa8ddd;
  box-shadow:0 0 30px rgba(170,141,221,.28)
}
body[data-design-version="leaderboards-v2"] .leaderboard-heading h1{
  font-size:clamp(32px,3.5vw,50px)!important;line-height:1.08!important;letter-spacing:-1.8px!important;
  margin:9px 0 12px!important
}
body[data-design-version="leaderboards-v2"] .leaderboard-heading p{font-size:var(--lens-type-base, 14px);color:#9da1ad}
body[data-design-version="leaderboards-v2"] .freshness{
  min-width:260px;text-align:left;display:flex;align-items:flex-start;gap:11px;padding:15px 0 6px;
  border-top:1px solid #34313b
}
body[data-design-version="leaderboards-v2"] .freshness-dot{
  width:7px;height:7px;margin-top:6px;border-radius:50%;background:#63d7a3;box-shadow:0 0 14px rgba(99,215,163,.45)
}
body[data-design-version="leaderboards-v2"] .freshness>div{display:flex;flex-direction:column;gap:3px}
body[data-design-version="leaderboards-v2"] .freshness span#updatedLabel{font-size:var(--lens-type-xs, 12px);color:#ebe8f1}
body[data-design-version="leaderboards-v2"] .freshness small{font-size:var(--lens-type-micro, 11px);color:#797e8b}

body[data-design-version="leaderboards-v2"] .leaderboard-filters{
  display:grid;grid-template-columns:170px repeat(6,minmax(120px,1fr)) auto;gap:0;align-items:stretch;
  margin:0 0 28px;padding:0;border:1px solid #30313a;border-radius:0;background:#0b0c10
}
body[data-design-version="leaderboards-v2"] .filter-rail-label{
  display:flex;flex-direction:column;justify-content:center;padding:12px 16px;border-right:1px solid #30313a;
  background:linear-gradient(135deg,#171220,#0b0c10)
}
body[data-design-version="leaderboards-v2"] .filter-rail-label span{font-size:var(--lens-type-micro, 11px);letter-spacing:1.5px;font-weight:850;color:#ad91de}
body[data-design-version="leaderboards-v2"] .filter-rail-label small{margin-top:3px;color:#747986;font-size:var(--lens-type-micro, 11px)}
body[data-design-version="leaderboards-v2"] .leaderboard-filters label{
  justify-content:center;gap:4px;padding:9px 12px;border-right:1px solid #30313a
}
body[data-design-version="leaderboards-v2"] .leaderboard-filters select,
body[data-design-version="leaderboards-v2"] .leaderboard-filters input{
  height:28px;padding:0;background:transparent!important;border:0!important;border-radius:0!important;
  font-size:var(--lens-type-xs, 12px);font-weight:700;color:#f3f0f6!important
}
body[data-design-version="leaderboards-v2"] .leaderboard-filters .text-button{
  height:auto;min-width:94px;border:0!important;border-radius:0!important;background:#14151b!important;
  color:#a9aeb9!important;font-size:var(--lens-type-micro, 11px)
}
body[data-design-version="leaderboards-v2"] .leaderboard-filters .text-button:hover{color:#fff!important;background:#1b1c24!important}

body[data-design-version="leaderboards-v2"] .leaderboard-result-heading{
  display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 10px
}
body[data-design-version="leaderboards-v2"] .leaderboard-result-heading>div{display:flex;align-items:baseline;gap:12px}
body[data-design-version="leaderboards-v2"] .leaderboard-result-heading strong{
  font-family:Montserrat,sans-serif;font-size:21px;letter-spacing:-.8px
}
body[data-design-version="leaderboards-v2"] .leaderboard-status{min-height:0;margin:0;color:#777c89;font-size:var(--lens-type-micro, 11px)}

body[data-design-version="leaderboards-v2"] .leaderboard-panel{
  overflow:hidden;border:1px solid #30313a;border-radius:0;background:#0a0b0e;
  box-shadow:0 24px 70px rgba(0,0,0,.24)
}
body[data-design-version="leaderboards-v2"] .leaderboard-table{font-size:var(--lens-type-xs, 12px)}
body[data-design-version="leaderboards-v2"] .leaderboard-table th{
  padding:10px 14px;background:#0d0e12;border-bottom:1px solid #34353e;color:#797e8a;
  font-size:var(--lens-type-micro, 11px);letter-spacing:.09em
}
body[data-design-version="leaderboards-v2"] .leaderboard-table td{
  height:45px;padding:8px 14px;border-top:1px solid rgba(255,255,255,.052);background:transparent
}
body[data-design-version="leaderboards-v2"] .leaderboard-table tbody tr{transition:background .14s ease}
body[data-design-version="leaderboards-v2"] .leaderboard-table tbody tr:hover td{background:#14131a}
body[data-design-version="leaderboards-v2"] .leaderboard-table tbody tr:nth-child(1) td{
  height:58px;background:linear-gradient(90deg,rgba(159,124,210,.13),rgba(11,12,16,0) 65%);
  border-top:0;border-bottom:1px solid #463b55
}
body[data-design-version="leaderboards-v2"] .leaderboard-table tbody tr:nth-child(2) td,
body[data-design-version="leaderboards-v2"] .leaderboard-table tbody tr:nth-child(3) td{
  height:52px;background:linear-gradient(90deg,rgba(120,96,153,.065),rgba(11,12,16,0) 60%)
}
body[data-design-version="leaderboards-v2"] .leaderboard-table tbody tr:nth-child(-n+3) .rank-cell{
  font-size:17px;color:#d1c5e4
}
body[data-design-version="leaderboards-v2"] .leaderboard-table tbody tr:first-child .rank-cell{
  color:#c9a7ff;font-size:22px
}
body[data-design-version="leaderboards-v2"] .leaderboard-table tbody tr:nth-child(-n+3) .player-name{font-size:var(--lens-type-base, 14px)}
body[data-design-version="leaderboards-v2"] .rank-cell{width:54px;color:#747985}
body[data-design-version="leaderboards-v2"] .player-cell{min-width:210px}
body[data-design-version="leaderboards-v2"] .player-name{font-weight:820}
body[data-design-version="leaderboards-v2"] .player-guild{font-size:var(--lens-type-micro, 11px);color:#6f7480}
body[data-design-version="leaderboards-v2"] .build-cell{min-width:142px}
body[data-design-version="leaderboards-v2"] .build-icons{gap:5px}
body[data-design-version="leaderboards-v2"] .build-icon{width:29px;height:29px;border-radius:5px;border-color:#393b45}
body[data-design-version="leaderboards-v2"] .server-cell{min-width:135px}
body[data-design-version="leaderboards-v2"] .server-region{font-size:var(--lens-type-micro, 11px)}
body[data-design-version="leaderboards-v2"] .rating-cell{
  font-size:16px;font-weight:900;letter-spacing:.2px
}
body[data-design-version="leaderboards-v2"] .leaderboard-table th.num,
body[data-design-version="leaderboards-v2"] .leaderboard-table td.num{padding-left:18px;padding-right:18px}
body[data-design-version="leaderboards-v2"] .winrate-good{font-weight:800}

body[data-design-version="leaderboards-v2"] .leaderboard-footer-row{
  padding:14px 0 28px;margin:0;border-bottom:1px solid #292a31
}
body[data-design-version="leaderboards-v2"] .leaderboard-range{font-size:var(--lens-type-micro, 11px)}
body[data-design-version="leaderboards-v2"] .leaderboard-source{font-size:var(--lens-type-micro, 11px);max-width:760px;color:#6f7480}
body[data-design-version="leaderboards-v2"] .leaderboard-footer-row .pagination button{
  min-height:32px;border-radius:0!important;padding:6px 11px!important;font-size:var(--lens-type-micro, 11px)
}
body[data-design-version="leaderboards-v2"] .leaderboard-footer-row .pagination-pages button{min-width:32px}
body[data-design-version="leaderboards-v2"] .pagination-jump input{height:32px;border-radius:0}
body[data-design-version="leaderboards-v2"] .leaderboard-seo{
  display:grid;grid-template-columns:220px minmax(0,760px);column-gap:34px;align-items:start;
  margin:34px 0 8px;padding:30px 0 8px;border-top:0
}
body[data-design-version="leaderboards-v2"] .leaderboard-seo .eyebrow{grid-column:1}
body[data-design-version="leaderboards-v2"] .leaderboard-seo h2{grid-column:1;margin:7px 0;font-size:20px!important}
body[data-design-version="leaderboards-v2"] .leaderboard-seo #boardSeoCopy{grid-column:2;grid-row:1/span 3}
body[data-design-version="leaderboards-v2"] .leaderboard-seo p{font-size:var(--lens-type-micro, 11px);line-height:1.65;color:#7b808d}
body[data-design-version="leaderboards-v2"] .leaderboard-seo>a{grid-column:1;font-size:var(--lens-type-micro, 11px)}
body[data-design-version="leaderboards-v2"] footer{margin-top:28px;border-top:1px solid #23242a}

@media(max-width:1200px){
  body[data-design-version="leaderboards-v2"] .leaderboard-filters{grid-template-columns:150px repeat(3,1fr)}
  body[data-design-version="leaderboards-v2"] .leaderboard-filters .text-button{min-height:46px}
  body[data-design-version="leaderboards-v2"] .filter-rail-label{grid-row:span 2}
}
@media(max-width:760px){
  body[data-design-version="leaderboards-v2"] .leaderboard-heading{grid-template-columns:1fr;padding-left:18px;gap:12px}
  body[data-design-version="leaderboards-v2"] .leaderboard-heading h1{font-size:32px!important;letter-spacing:-1px!important;overflow-wrap:break-word}
  body[data-design-version="leaderboards-v2"] .freshness{min-width:0}
  body[data-design-version="leaderboards-v2"] .leaderboard-filters{grid-template-columns:1fr 1fr}
  body[data-design-version="leaderboards-v2"] .filter-rail-label{grid-column:1/-1;grid-row:auto;border-right:0;border-bottom:1px solid #30313a}
  body[data-design-version="leaderboards-v2"] .leaderboard-result-heading{align-items:flex-start;flex-direction:column}
  body[data-design-version="leaderboards-v2"] .leaderboard-seo{grid-template-columns:1fr}
  body[data-design-version="leaderboards-v2"] .leaderboard-seo .eyebrow,
  body[data-design-version="leaderboards-v2"] .leaderboard-seo h2,
  body[data-design-version="leaderboards-v2"] .leaderboard-seo #boardSeoCopy,
  body[data-design-version="leaderboards-v2"] .leaderboard-seo>a{grid-column:1;grid-row:auto}
}
@media(max-width:520px){
  body[data-design-version="leaderboards-v2"] .leaderboard-filters{grid-template-columns:1fr}
  body[data-design-version="leaderboards-v2"] .leaderboard-filters .text-button{width:100%}
  body[data-design-version="leaderboards-v2"] .leaderboard-table td{height:42px}
}

/* Second-pass polish: legible native controls and a finished ladder switcher. */
body[data-design-version="leaderboards-v2"] #leaderboardTabs{
  display:block!important;padding:0!important;background:#08090c!important;
  border-top:1px solid #17181d!important;border-bottom:1px solid #272932!important
}
body[data-design-version="leaderboards-v2"] .leaderboard-tabs-inner{
  box-sizing:border-box;max-width:1460px;margin:0 auto;padding:0 44px;
  display:flex;align-items:stretch;gap:0;min-height:48px;overflow-x:auto;scrollbar-width:none
}
body[data-design-version="leaderboards-v2"] .leaderboard-tabs-inner::-webkit-scrollbar{display:none}
body[data-design-version="leaderboards-v2"] .leaderboard-tabs-label{
  display:flex;align-items:center;padding:0 18px 0 0;margin-right:8px;
  color:#696f7b;font-size:var(--lens-type-micro, 11px);font-weight:850;letter-spacing:.13em
}
body[data-design-version="leaderboards-v2"] #leaderboardTabs a{
  position:relative;display:flex;align-items:center;padding:0 16px!important;
  min-height:48px;border:0!important;border-left:1px solid transparent!important;
  border-right:1px solid transparent!important;background:transparent!important;
  color:#8e939e!important;font-size:var(--lens-type-micro, 11px)!important;font-weight:700!important;text-decoration:none
}
body[data-design-version="leaderboards-v2"] #leaderboardTabs a:hover{
  color:#f3f0f6!important;background:#101117!important
}
body[data-design-version="leaderboards-v2"] #leaderboardTabs a[aria-current="page"]{
  color:#fff!important;background:#15121c!important;
  border-left-color:#29242f!important;border-right-color:#29242f!important
}
body[data-design-version="leaderboards-v2"] #leaderboardTabs a[aria-current="page"]:after{
  content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:#b092e7
}
body[data-design-version="leaderboards-v2"] .leaderboard-tabs-divider{
  width:1px;align-self:center;height:22px;margin:0 10px;background:#2b2d34;flex:none
}

body[data-design-version="leaderboards-v2"] .leaderboard-filters select{
  color-scheme:dark;background-color:#111319!important;color:#f5f6f8!important;
  border:1px solid transparent!important;border-radius:4px!important;padding:0 26px 0 7px!important
}
body[data-design-version="leaderboards-v2"] .leaderboard-filters select:hover,
body[data-design-version="leaderboards-v2"] .leaderboard-filters select:focus{
  background-color:#171a22!important;border-color:#393c47!important
}
body[data-design-version="leaderboards-v2"] .leaderboard-filters select option{
  background:#171920!important;color:#f4f5f7!important
}
body[data-design-version="leaderboards-v2"] .leaderboard-filters input{
  background:#111319!important;color:#f5f6f8!important;border:1px solid transparent!important;
  border-radius:4px!important;padding:0 7px!important
}
body[data-design-version="leaderboards-v2"] .leaderboard-filters input:hover,
body[data-design-version="leaderboards-v2"] .leaderboard-filters input:focus{
  background:#171a22!important;border-color:#393c47!important
}
body[data-design-version="leaderboards-v2"] .leaderboard-filters input::placeholder{color:#9aa0ad}
@media(max-width:760px){
  body[data-design-version="leaderboards-v2"] .leaderboard-tabs-inner{padding:0 16px}
  body[data-design-version="leaderboards-v2"] .leaderboard-tabs-label{display:none}
  body[data-design-version="leaderboards-v2"] #leaderboardTabs a{padding:0 13px!important}
}


/* Source provenance is kept in the About section; keep the pager footer focused on range + navigation. */
body[data-design-version="leaderboards-v2"] .leaderboard-footer-copy{max-width:360px}
