/*-----------------------------------*\
  #LEADERBOARD PAGE
\*-----------------------------------*/

/* Legacy leaderboard primitives kept here so route-specific styles are not stored in core/site.css. */
.leaderboard-feature {
  margin-bottom: var(--section-rhythm);
  border-color: rgba(50, 190, 255, 0.26);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
}

.leaderboard-feature .player-profile-title-row h1 a {
  color: var(--white);
  transition: var(--transition);
}

.leaderboard-feature .player-profile-title-row h1 a:hover,
.leaderboard-feature .player-profile-title-row h1 a:focus {
  color: var(--theme-accent);
}

.leaderboard-feature-copy {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.leaderboard-feature-note {
  color: var(--light-gray-1);
  font-size: var(--fs-10);
  max-width: 48ch;
}

.leaderboard-feature-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.leaderboard-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.leaderboard-board {
  margin-top: 0;
}

.leaderboard-player-row {
  grid-template-columns: 64px minmax(220px, 1.08fr) minmax(170px, 0.72fr) minmax(360px, 1.32fr);
}

.leaderboard-rank-badge {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(42, 197, 255, 0.34);
  border-radius: 4px;
  background:
    linear-gradient(180deg, rgba(42, 197, 255, 0.16), rgba(19, 30, 40, 0.88));
  color: var(--theme-secondary);
  font-family: var(--ff-oxanium);
  font-size: var(--fs-8);
  font-weight: var(--fw-800);
  line-height: 1;
}

@media (max-width: 900px) {
  .leaderboard-player-row {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .leaderboard-player-row .player-row-identity {
    grid-column: auto;
  }

  .leaderboard-player-row .player-row-meta,
  .leaderboard-player-row .player-row-stats {
    grid-column: 1 / -1;
  }
}

@media (max-width: 575px) {
  .leaderboard-player-row {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .leaderboard-rank-badge {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}

.leaderboard-row {
  display: grid;
  gap: 18px;
  padding: 22px;
  background-color: var(--raisin-black-4);
  border: 1px solid var(--white_15);
  border-radius: var(--radius-card);
  transition: var(--transition);
}

.leaderboard-row:hover {
  border-color: var(--marigold);
}

.leaderboard-identity {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
}

.leaderboard-rank {
  min-width: 72px;
  min-height: 72px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background-color: var(--eerie-black-2);
  border: 1px solid var(--theme-accent-border);
  color: var(--marigold);
  font-family: var(--ff-oxanium);
  font-size: var(--fs-6);
  font-weight: var(--fw-800);
}

.leaderboard-name {
  font-family: var(--ff-oxanium);
  font-size: var(--fs-5);
  font-weight: var(--fw-800);
  color: var(--white);
  text-transform: uppercase;
}

.leaderboard-name a:hover,
.leaderboard-name a:focus,
.leaderboard-team a:hover,
.leaderboard-team a:focus {
  color: var(--marigold);
}

.leaderboard-team {
  margin-top: 4px;
  color: var(--roman-silver);
  font-size: var(--fs-10);
  overflow-wrap: anywhere;
}

.leaderboard-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 12px;
}

.leaderboard-stat,
.leaderboard-metric {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  background-color: var(--eerie-black-2);
  border: 1px solid var(--white_10);
  text-align: center;
}

.leaderboard-stat span,
.leaderboard-metric span {
  color: var(--roman-silver);
  font-size: var(--fs-11);
  font-weight: var(--fw-700);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.leaderboard-stat strong,
.leaderboard-metric strong {
  color: var(--white);
  font-family: var(--ff-oxanium);
  font-size: var(--fs-5);
  font-weight: var(--fw-800);
}

.leaderboard-stat--accent,
.leaderboard-metric:first-child {
  border-color: var(--theme-accent-border);
}

.leaderboard-stat--accent strong,
.leaderboard-metric:first-child strong {
  color: var(--marigold);
}

:is(
  .page-hero h1,
  .section-title-left,
  .score-team h2,
  .event-card h3,
  .team-card h3,
  .player-card .nickname,
  .leaderboard-name,
  .home-tournament-card__title,
  .home-tournament-empty__copy h3,
  .blog-card .card-title
) {
  overflow-wrap: anywhere;
}

/* Current Esports Hub leaderboard design. */
/* Ranking hero, table rows, and mobile player tiles for templates/stats/leaderboard/index.html. *//* Leaderboard */
.hub-directory--leaderboard { padding-top: 22px; background: #06131f; }
.hub-directory .leaderboard-feature {
  min-height: 275px;
  margin-bottom: 16px;
  padding: 18px 24px 22px;
  background:
    linear-gradient(90deg, rgba(4, 18, 30, .2), rgba(4, 18, 30, .42)),
    url("../../images/esports-hub/leaderboard-first-place-bg.png") center/cover no-repeat;
  border: 1px solid var(--hub-line);
  border-radius: 7px;
}
.hub-directory .player-profile-crumbs { display: flex; gap: 8px; color: #b9c5ce; font-size: 1rem; font-weight: 700; text-transform: uppercase; }
.hub-directory .player-profile-crumbs a { color: #91a4b3; }
.hub-directory .player-profile-grid { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 70px; margin-top: 28px; }
.hub-directory .player-profile-main { display: flex; align-items: center; gap: 26px; }
.hub-directory .player-profile-medallion { position: relative; display: grid; place-items: center; width: 190px; height: 190px; flex: 0 0 190px; background: url("../../images/esports-hub/leaderboard-medallion.svg") center/contain no-repeat; }
.hub-directory .player-profile-avatar { display: grid; place-items: center; width: 116px; height: 116px; overflow: hidden; color: #e8f8ff; background: linear-gradient(145deg, #39c9f7, #079dcc); border: 0; border-radius: 50%; box-shadow: inset 0 0 18px rgba(255,255,255,.12), 0 0 22px rgba(21,188,244,.23); font-size: 4rem; font-weight: 800; transform: translateY(-13px); }
.hub-directory .player-profile-avatar :is(img, span) { width: 100%; height: 100%; border-radius: 50%; }
.hub-directory .player-profile-avatar img { padding: 14px; object-fit: contain; }
.hub-directory .player-profile-avatar span { display: grid; place-items: center; background: linear-gradient(145deg, #39c9f7, #088fc8); }
.hub-directory .player-profile-medallion__rank { position: absolute; left: 50%; bottom: 21px; display: grid; place-items: center; width: 43px; height: 45px; color: #fff; background: #071827; border: 2px solid var(--hub-cyan); clip-path: polygon(50% 0, 95% 24%, 87% 78%, 50% 100%, 13% 78%, 5% 24%); font-size: 1.1rem; font-weight: 800; transform: translateX(-50%); }
.hub-directory .player-profile-title-row { display: flex; align-items: center; gap: 10px; }
.hub-directory .player-profile-title-row h1 { font-family: var(--ff-oxanium), sans-serif; font-size: clamp(3rem, 3vw, 4.2rem); text-transform: uppercase; }
.hub-directory .player-profile-title-row h1 a { color: #fff; }
.hub-directory .player-profile-title-row > span { display: none; }
.hub-directory .player-profile-username { color: var(--hub-cyan); font-size: 1.55rem; font-weight: 800; text-transform: uppercase; }
.hub-directory .player-profile-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.hub-directory .player-profile-tags :is(a, span) { padding: 8px 14px; color: #e6edf2; background: rgba(5, 15, 25, .76); border: 1px solid var(--hub-line); border-radius: 4px; font-size: 1.05rem; text-transform: uppercase; }
.hub-directory .player-profile-bars { display: grid; gap: 13px; }
.hub-directory .player-profile-bar { display: grid; grid-template-columns: 95px 1fr 50px; align-items: center; gap: 15px; font-size: 1.05rem; text-transform: uppercase; }
.hub-directory .player-profile-bar > span { color: #bac4cc; font-weight: 800; }
.hub-directory .player-profile-bar > div { height: 12px; overflow: hidden; background: rgba(235, 241, 245, .18); border-radius: 2px; }
.hub-directory .player-profile-bar i { display: block; height: 100%; background: linear-gradient(90deg, #11b7ed, #dff7ff); }
.hub-directory .player-profile-bar strong { color: #fff; font-size: 1.3rem; }
.hub-directory--leaderboard .hub-filter-panel { padding: 0; background: none; border: 0; }
.hub-directory--leaderboard .hub-filter-panel .browse-filter-form { grid-template-columns: minmax(0, 1fr) auto; }
.hub-directory .leaderboard-board { overflow: hidden; background: rgba(4, 16, 27, .8); border: 1px solid var(--hub-line); border-radius: 6px; }
.hub-directory .leaderboard-board .players-board-head { display: grid; grid-template-columns: 90px 2fr 1.3fr .8fr .65fr .7fr .65fr .65fr; padding: 11px 24px; color: #a7b5c0; border-bottom: 1px solid var(--hub-line); font-size: .95rem; font-weight: 800; text-transform: uppercase; }
.hub-directory .leaderboard-player-row { position: relative; display: grid; grid-template-columns: 90px 2fr 2.1fr 2.65fr; align-items: center; min-height: 58px; padding: 6px 24px; border-bottom: 1px solid rgba(115, 151, 176, .18); }
.hub-directory .leaderboard-player-row:first-of-type { border: 1px solid var(--hub-cyan); background: rgba(11, 35, 51, .82); }
.hub-directory .leaderboard-rank-badge { display: flex; align-items: center; justify-content: center; gap: 3px; width: 38px; height: 38px; color: #edf4f7; background: #102435; border: 1px solid #35516a; border-radius: 4px; font-weight: 800; }
.hub-directory .leaderboard-player-row .leaderboard-rank-badge--1 { width: 54px; color: #ffd34e; border-color: #e5b91d; background: rgba(83,65,8,.24); }
.hub-directory .leaderboard-player-row .leaderboard-rank-badge--2 { width: 54px; color: #dce8ef; border-color: #8fa4b2; background: rgba(80,101,115,.2); }
.hub-directory .leaderboard-player-row .leaderboard-rank-badge--3 { width: 54px; color: #d98a55; border-color: #a96539; background: rgba(105,54,25,.2); }
.hub-directory .leaderboard-rank-badge ion-icon { width: 18px; height: 18px; margin-right: 3px; }
.hub-directory .player-row-identity { display: flex; align-items: center; gap: 12px; }
.hub-directory .player-row-logo { display: grid; place-items: center; width: 38px; height: 38px; object-fit: contain; color: #fff; background: linear-gradient(145deg, #2ac4f6, #149fd6); border-radius: 3px; font-weight: 800; }
.hub-directory .player-row-name { font-family: var(--ff-oxanium), sans-serif; font-size: 1.15rem; font-weight: 800; text-transform: uppercase; }
.hub-directory .player-row-name a { color: #fff; }
.hub-directory .player-row-user { color: var(--hub-cyan); font-size: .83rem; text-transform: uppercase; }
.hub-directory .player-row-meta { display: grid; grid-template-columns: 1.3fr .8fr; }
.hub-directory .player-row-stats { display: grid; grid-template-columns: repeat(4, 1fr); }
.hub-directory .player-row-cell > span { display: none; }
.hub-directory .player-row-cell :is(strong, a) { color: #eaf1f5; font-size: 1.05rem; }
.hub-directory .player-row-cell[data-label="Role"] strong { display: inline-block; padding: 7px 11px; background: #1a2a38; border-radius: 3px; text-transform: uppercase; }
.hub-directory .player-row-cell[data-label="KDA"] strong,
.hub-directory .player-row-cell[data-label="Points"] strong { color: var(--hub-cyan); }
.hub-directory .player-row-cell[data-label="Points"] strong { display: inline-grid; place-items: center; min-width: 50px; min-height: 34px; border: 1px solid rgba(25, 190, 244, .6); border-radius: 4px; }
.hub-directory .leaderboard-player-row { color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.hub-directory .leaderboard-player-row:focus-visible { outline:2px solid var(--hub-cyan);outline-offset:3px; }
.hub-directory .leaderboard-player-row:is(:hover, :focus-within) { border-color: rgba(54,202,250,.58); background: rgba(13,39,56,.95); box-shadow: inset 3px 0 0 var(--hub-cyan), 0 8px 24px rgba(0,7,16,.22); transform: translateX(2px); }

@media (min-width: 901px) {
  .hub-directory--leaderboard .leaderboard-board.player-stat-board .players-board-head,
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card {
    grid-template-columns: 78px minmax(250px, 1.7fr) minmax(160px, 1.2fr) minmax(105px, .8fr) minmax(80px, .62fr) minmax(80px, .62fr) minmax(80px, .62fr) minmax(85px, .65fr);
  }

  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card {
    display: grid;
    min-height: 62px;
    gap: 0;
    padding: 8px 24px;
  }

  .hub-directory--leaderboard .leaderboard-player-row .player-row-meta,
  .hub-directory--leaderboard .leaderboard-player-row .player-row-stats {
    display: contents;
  }

  .hub-directory--leaderboard .leaderboard-player-row .leaderboard-rank-badge { grid-column: 1; order: initial; }
  .hub-directory--leaderboard .leaderboard-player-row .player-row-identity { grid-column: 2; order: initial; }
  .hub-directory--leaderboard .leaderboard-player-row .player-row-cell[data-label="Team"] { grid-column: 3; order: initial; }
  .hub-directory--leaderboard .leaderboard-player-row .player-row-cell[data-label="Role"] { grid-column: 4; order: initial; }
  .hub-directory--leaderboard .leaderboard-player-row .player-row-cell[data-label="Matches"] { grid-column: 5; order: initial; }
  .hub-directory--leaderboard .leaderboard-player-row .player-row-cell[data-label="W-L"] { grid-column: 6; order: initial; }
  .hub-directory--leaderboard .leaderboard-player-row .player-row-cell[data-label="KDA"] { grid-column: 7; order: initial; }
  .hub-directory--leaderboard .leaderboard-player-row .player-row-cell[data-label="Points"] { grid-column: 8; order: initial; }
}

/* Mobile leaderboard ranking cards. */
@media(max-width:760px){
  .hub-directory--leaderboard{padding-top:12px}
  .hub-directory--leaderboard .leaderboard-feature{margin-bottom:12px;border-radius:8px;overflow:hidden}
  .hub-directory--leaderboard .player-profile-grid{gap:18px;margin-top:18px}
  .hub-directory--leaderboard .player-profile-main{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px}
  .hub-directory--leaderboard .player-profile-medallion{width:82px;height:82px;flex-basis:82px;background:none}
  .hub-directory--leaderboard .player-profile-avatar{width:72px;height:72px;font-size:2.4rem;transform:none;border-radius:8px}
  .hub-directory--leaderboard .player-profile-medallion__rank{left:auto;right:-4px;bottom:-5px;width:34px;height:30px;clip-path:none;border-radius:5px;font-size:.9rem;transform:none}
  .hub-directory--leaderboard .player-profile-title-row h1{font-size:clamp(1.9rem,7vw,2.7rem)}
  .hub-directory--leaderboard .player-profile-username{font-size:1.12rem}
  .hub-directory--leaderboard .player-profile-tags{gap:7px;margin-top:10px}
  .hub-directory--leaderboard .player-profile-tags :is(a,span){padding:7px 10px;font-size:.9rem}
  .hub-directory--leaderboard .player-profile-bar{grid-template-columns:78px minmax(0,1fr) 42px;gap:8px;font-size:.9rem}
  .hub-directory--leaderboard .leaderboard-board{display:grid;gap:12px;padding:0;border:0;background:transparent;overflow:visible}
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:0 12px;min-height:0;padding:0;border:1px solid rgba(76,133,165,.38);border-radius:9px;background:linear-gradient(145deg,rgba(10,31,47,.98),rgba(4,16,27,.98));box-shadow:0 12px 26px rgba(0,4,12,.22);overflow:hidden;transform:none}
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card:first-of-type{border-color:rgba(255,211,78,.56);background:linear-gradient(145deg,rgba(23,36,40,.98),rgba(7,20,31,.98));box-shadow:0 0 0 1px rgba(255,211,78,.12),0 14px 30px rgba(0,4,12,.28)}
  .hub-directory--leaderboard .leaderboard-player-row:is(:hover,:focus-within){transform:none;box-shadow:0 0 0 1px rgba(25,190,244,.22),0 12px 28px rgba(0,7,16,.3)}
  .hub-directory--leaderboard .leaderboard-rank-badge{grid-column:1;grid-row:1 / span 2;align-self:stretch;width:100%;height:100%;min-height:88px;flex-direction:column;border:0;border-right:1px solid rgba(124,164,190,.18);border-radius:0;background:rgba(8,25,38,.92);font:800 1.35rem var(--ff-oxanium),sans-serif}
  .hub-directory--leaderboard .leaderboard-rank-badge ion-icon{width:20px;height:20px;margin:0 0 4px}
  .hub-directory--leaderboard .leaderboard-player-row .leaderboard-rank-badge--1,
  .hub-directory--leaderboard .leaderboard-player-row .leaderboard-rank-badge--2,
  .hub-directory--leaderboard .leaderboard-player-row .leaderboard-rank-badge--3{width:100%;background:rgba(30,35,36,.95)}
  .hub-directory--leaderboard .player-row-identity{grid-column:2;display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:13px 13px 10px 0}
  .hub-directory--leaderboard .player-row-logo{width:52px;height:52px;border:1px solid rgba(25,190,244,.35);border-radius:7px;font-size:1.35rem}
  .hub-directory--leaderboard .player-row-name{font-size:1.22rem;line-height:1.15}
  .hub-directory--leaderboard .player-row-user{margin-top:3px;font-size:.85rem}
  .hub-directory--leaderboard .player-row-meta{grid-column:2;display:flex;flex-wrap:wrap;gap:7px;padding:0 13px 12px 0}
  .hub-directory--leaderboard .player-row-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-top:1px solid rgba(124,164,190,.16);background:rgba(124,164,190,.12)}
  .hub-directory--leaderboard .player-row-cell{min-width:0;padding:9px 7px;background:rgba(4,16,27,.9);text-align:center}
  .hub-directory--leaderboard .player-row-meta .player-row-cell{display:inline-grid;width:auto;max-width:100%;padding:6px 9px;border:1px solid rgba(124,164,190,.2);border-radius:5px;background:rgba(255,255,255,.035);text-align:left}
  .hub-directory--leaderboard .player-row-cell>span{display:block;margin:0 0 3px;color:#7890a0;font:800 .72rem var(--ff-oxanium),sans-serif;letter-spacing:.05em;text-transform:uppercase}
  .hub-directory--leaderboard .player-row-cell :is(strong,a){display:block;min-width:0;overflow:hidden;color:#edf6fa;font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}
  .hub-directory--leaderboard .player-row-cell[data-label="Role"] strong{padding:0;background:transparent}
  .hub-directory--leaderboard .player-row-cell[data-label="Points"] strong{min-width:0;min-height:0;border:0;color:var(--hub-cyan);font-size:1.08rem}
}
@media(max-width:430px){
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card{grid-template-columns:46px minmax(0,1fr);gap:0 10px}
  .hub-directory--leaderboard .leaderboard-rank-badge{min-height:82px;font-size:1.12rem}
  .hub-directory--leaderboard .player-row-identity{grid-template-columns:44px minmax(0,1fr);padding-top:11px}
  .hub-directory--leaderboard .player-row-logo{width:44px;height:44px}
  .hub-directory--leaderboard .player-row-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Refined mobile leaderboard presentation. */
@media(max-width:760px){
  .hub-directory--leaderboard .container{padding-inline:12px}
  .hub-directory--leaderboard .section{padding-top:10px}
  .hub-directory--leaderboard .leaderboard-feature{position:relative;min-height:0;padding:14px;border-color:rgba(75,122,151,.42);background:linear-gradient(145deg,rgba(8,23,36,.95),rgba(4,13,23,.98)),url("../../images/esports-hub/leaderboard-first-place-bg.png") center/cover no-repeat;box-shadow:0 12px 30px rgba(0,0,0,.22)}
  .hub-directory--leaderboard .leaderboard-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,27,41,.22),rgba(3,10,18,.72));pointer-events:none}
  .hub-directory--leaderboard .leaderboard-feature>*{position:relative;z-index:1}
  .hub-directory--leaderboard .player-profile-crumbs{font-size:.78rem;letter-spacing:.06em}
  .hub-directory--leaderboard .player-profile-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
  .hub-directory--leaderboard .player-profile-main{grid-template-columns:74px minmax(0,1fr);gap:12px}
  .hub-directory--leaderboard .player-profile-medallion{width:74px;height:74px}
  .hub-directory--leaderboard .player-profile-avatar{width:68px;height:68px;border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 20px rgba(0,0,0,.22),inset 0 0 18px rgba(255,255,255,.12)}
  .hub-directory--leaderboard .player-profile-medallion__rank{right:-3px;bottom:-3px;width:32px;height:28px;border-width:1px;background:#05121d;color:#f7fbff}
  .hub-directory--leaderboard .player-profile-title-row h1{margin:0;font-size:clamp(1.8rem,6.4vw,2.45rem);line-height:1.02;letter-spacing:0}
  .hub-directory--leaderboard .player-profile-username{margin-top:5px;font-size:.98rem;letter-spacing:.04em}
  .hub-directory--leaderboard .player-profile-tags{gap:6px;margin-top:9px}
  .hub-directory--leaderboard .player-profile-tags :is(a,span){min-height:28px;padding:6px 9px;border-color:rgba(124,164,190,.25);border-radius:5px;background:rgba(6,18,28,.72);font-size:.78rem;font-weight:800}
  .hub-directory--leaderboard .player-profile-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hub-directory--leaderboard .player-profile-bar{display:grid;grid-template-columns:1fr;gap:4px;padding:10px;border:1px solid rgba(124,164,190,.18);border-radius:6px;background:rgba(4,15,24,.76);font-size:.78rem}
  .hub-directory--leaderboard .player-profile-bar progress{display:none}
  .hub-directory--leaderboard .player-profile-bar>span{color:#7f96a8;font-size:.72rem;letter-spacing:.06em}
  .hub-directory--leaderboard .player-profile-bar strong{font-size:1.28rem;line-height:1;color:#f4fbff}
  .hub-directory--leaderboard .leaderboard-filter-toolbar.hub-filter-panel{margin-bottom:12px}
  .hub-directory--leaderboard .leaderboard-filter-form{display:grid;grid-template-columns:1fr;gap:8px;padding:0;background:transparent}
  .hub-directory--leaderboard .leaderboard-filter-form .browse-filter-grid{display:grid;grid-template-columns:1fr;gap:8px}
  .hub-directory--leaderboard .leaderboard-filter-form .browse-filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hub-directory--leaderboard .leaderboard-filter-form :is(input,select,.btn,.browse-clear){height:44px;min-height:44px;border-radius:7px;font-size:.92rem}
  .hub-directory--leaderboard .leaderboard-filter-form .browse-field>span{display:none}
  .hub-directory--leaderboard .browse-results-meta{gap:4px;margin:0 2px 12px;font-size:1rem}
  .hub-directory--leaderboard .browse-results-meta p:first-child{font-size:1.08rem}
  .hub-directory--leaderboard .leaderboard-board{gap:10px}
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card{grid-template-columns:48px minmax(0,1fr);gap:0;border-radius:10px;border-color:rgba(75,122,151,.35);background:linear-gradient(145deg,rgba(8,26,39,.98),rgba(4,15,24,.98));box-shadow:0 10px 24px rgba(0,0,0,.2)}
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card:first-of-type{border-color:rgba(226,188,62,.62);box-shadow:0 0 0 1px rgba(226,188,62,.18),0 12px 28px rgba(0,0,0,.24)}
  .hub-directory--leaderboard .leaderboard-rank-badge{min-height:100%;padding-block:12px;border-right-color:rgba(124,164,190,.16);background:linear-gradient(180deg,rgba(16,35,49,.95),rgba(8,20,30,.98));font-size:1.06rem;line-height:1}
  .hub-directory--leaderboard .leaderboard-rank-badge::before{content:"#";display:block;margin-bottom:2px;color:#6e8799;font-size:.68rem}
  .hub-directory--leaderboard .leaderboard-rank-badge ion-icon{width:14px;height:14px;margin-bottom:7px;color:currentColor}
  .hub-directory--leaderboard .leaderboard-rank-badge span{display:block}
  .hub-directory--leaderboard .player-row-identity{grid-template-columns:48px minmax(0,1fr);padding:14px 44px 9px 12px}
  .hub-directory--leaderboard .player-row-logo{width:48px;height:48px;border-radius:8px;background:linear-gradient(145deg,#39c9f7,#139ed5);box-shadow:inset 0 0 16px rgba(255,255,255,.13)}
  .hub-directory--leaderboard .player-row-name{font-size:1.08rem;letter-spacing:0;line-height:1.12}
  .hub-directory--leaderboard .player-row-user{font-size:.75rem;letter-spacing:.04em}
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card::after{content:"›";position:absolute;right:13px;top:24px;z-index:2;color:#86a2b4;font:800 1.6rem var(--ff-oxanium),sans-serif}
  .hub-directory--leaderboard .player-row-meta{padding:0 12px 12px;gap:6px}
  .hub-directory--leaderboard .player-row-meta .player-row-cell{padding:6px 8px;border-color:rgba(124,164,190,.22);background:rgba(10,28,41,.8)}
  .hub-directory--leaderboard .player-row-meta .player-row-cell>span{font-size:.58rem}
  .hub-directory--leaderboard .player-row-meta .player-row-cell :is(strong,a){font-size:.78rem}
  .hub-directory--leaderboard .player-row-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top-color:rgba(124,164,190,.18);background:transparent}
  .hub-directory--leaderboard .player-row-stats .player-row-cell{padding:10px 6px;border-right:1px solid rgba(124,164,190,.15);background:rgba(3,13,22,.62)}
  .hub-directory--leaderboard .player-row-stats .player-row-cell:last-child{border-right:0}
  .hub-directory--leaderboard .player-row-stats .player-row-cell>span{font-size:.58rem}
  .hub-directory--leaderboard .player-row-stats .player-row-cell :is(strong,a){font-size:.9rem}
}
@media(max-width:430px){
  .hub-directory--leaderboard .player-profile-bars{grid-template-columns:1fr 1fr}
  .hub-directory--leaderboard .leaderboard-filter-form .browse-filter-actions{grid-template-columns:1fr}
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card{grid-template-columns:42px minmax(0,1fr)}
  .hub-directory--leaderboard .player-row-identity{grid-template-columns:42px minmax(0,1fr);padding:12px 34px 8px 10px}
  .hub-directory--leaderboard .player-row-logo{width:42px;height:42px}
  .hub-directory--leaderboard .player-row-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hub-directory--leaderboard .player-row-stats .player-row-cell{padding-inline:4px}
  .hub-directory--leaderboard .player-row-stats .player-row-cell :is(strong,a){font-size:.82rem}
}

/* Keep the featured player panel presentation; only give its progress bars room on mobile. */
@media(max-width:760px){
  .hub-directory--leaderboard .leaderboard-feature{min-height:275px;padding:18px 14px 22px;background:linear-gradient(90deg,rgba(4,18,30,.2),rgba(4,18,30,.42)),url("../../images/esports-hub/leaderboard-first-place-bg.png") center/cover no-repeat}
  .hub-directory--leaderboard .leaderboard-feature::after{display:none}
  .hub-directory--leaderboard .player-profile-grid{gap:22px;margin-top:22px}
  .hub-directory--leaderboard .player-profile-main{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:16px}
  .hub-directory--leaderboard .player-profile-medallion{width:82px;height:82px;background:none}
  .hub-directory--leaderboard .player-profile-avatar{width:72px;height:72px;border:0;border-radius:8px;box-shadow:inset 0 0 18px rgba(255,255,255,.12),0 0 22px rgba(21,188,244,.23)}
  .hub-directory--leaderboard .player-profile-medallion__rank{right:-4px;bottom:-5px;width:34px;height:30px;border-width:2px;border-radius:5px;background:#071827}
  .hub-directory--leaderboard .player-profile-title-row h1{font-size:clamp(2rem,7vw,2.9rem)}
  .hub-directory--leaderboard .player-profile-username{font-size:1.12rem}
  .hub-directory--leaderboard .player-profile-tags :is(a,span){min-height:auto;padding:8px 11px;border-radius:4px;background:rgba(5,15,25,.76);font-size:.9rem}
  .hub-directory--leaderboard .player-profile-bars{display:grid;grid-template-columns:1fr;gap:13px;width:100%}
  .hub-directory--leaderboard .player-profile-bar{display:grid;grid-template-columns:minmax(92px,24%) minmax(155px,1fr) 48px;align-items:center;gap:12px;padding:0;border:0;border-radius:0;background:transparent;font-size:.95rem}
  .hub-directory--leaderboard .player-profile-bar progress{display:block;width:100%;height:12px}
  .hub-directory--leaderboard .player-profile-bar>span{color:#bac4cc;font-size:.9rem;letter-spacing:0}
  .hub-directory--leaderboard .player-profile-bar strong{color:#fff;font-size:1.12rem;text-align:right}
}
@media(max-width:430px){
  .hub-directory--leaderboard .player-profile-bars{grid-template-columns:1fr}
  .hub-directory--leaderboard .player-profile-bar{grid-template-columns:1fr 64px;gap:6px 10px}
  .hub-directory--leaderboard .player-profile-bar>span{grid-column:1/-1}
  .hub-directory--leaderboard .player-profile-bar progress{grid-column:1}
  .hub-directory--leaderboard .player-profile-bar strong{grid-column:2;grid-row:2}
}

@media(max-width:760px){
  .hub-directory--leaderboard .leaderboard-feature{padding:14px 14px 16px}
  .hub-directory--leaderboard .player-profile-grid{gap:14px;margin-top:16px}
  .hub-directory--leaderboard .player-profile-main{gap:12px}
  .hub-directory--leaderboard .player-profile-tags{margin-top:8px}
  .hub-directory--leaderboard .player-profile-bars{gap:8px}
  .hub-directory--leaderboard .player-profile-bar{grid-template-columns:minmax(72px,auto) minmax(0,1fr) minmax(42px,auto);gap:8px;align-items:center}
  .hub-directory--leaderboard .player-profile-bar>span{white-space:nowrap}
  .hub-directory--leaderboard .player-profile-bar progress{width:100%;min-width:0}
  .hub-directory--leaderboard .player-profile-bar strong{justify-self:end;min-width:42px}
}
@media(max-width:430px){
  .hub-directory--leaderboard .leaderboard-feature{padding:12px}
  .hub-directory--leaderboard .player-profile-grid{gap:12px;margin-top:14px}
  .hub-directory--leaderboard .player-profile-bars{gap:7px}
  .hub-directory--leaderboard .player-profile-bar{grid-template-columns:minmax(68px,auto) minmax(0,1fr) minmax(38px,auto);gap:7px}
  .hub-directory--leaderboard .player-profile-bar>span{grid-column:auto}
  .hub-directory--leaderboard .player-profile-bar progress{grid-column:auto}
  .hub-directory--leaderboard .player-profile-bar strong{grid-column:auto;grid-row:auto;min-width:38px}
}

@media(max-width:760px){
  .hub-directory--leaderboard .leaderboard-feature .player-profile-bars{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important}
  .hub-directory--leaderboard .leaderboard-feature .player-profile-bar{display:grid!important;grid-template-columns:76px minmax(0,1fr) 52px!important;width:100%!important;max-width:none!important;gap:8px!important}
  .hub-directory--leaderboard .leaderboard-feature .player-profile-bar>span{grid-column:1!important;align-self:center;margin:0!important}
  .hub-directory--leaderboard .leaderboard-feature .player-profile-bar progress.metric-progress{display:block!important;grid-column:2!important;width:100%!important;inline-size:100%!important;max-width:none!important;height:12px!important}
  .hub-directory--leaderboard .leaderboard-feature .player-profile-bar strong{grid-column:3!important;grid-row:auto!important;justify-self:end!important;min-width:52px!important;text-align:right!important}
}
@media(max-width:430px){
  .hub-directory--leaderboard .leaderboard-feature .player-profile-bar{grid-template-columns:68px minmax(0,1fr) 44px!important;gap:7px!important}
  .hub-directory--leaderboard .leaderboard-feature .player-profile-bar strong{min-width:44px!important}
}

/* Final mobile leaderboard cards: compact ranked profile tiles. */
@media(max-width:760px){
  .hub-directory--leaderboard .leaderboard-board{display:grid!important;gap:10px!important;padding:0!important;background:transparent!important;border:0!important}
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;min-height:0!important;padding:0!important;border:1px solid rgba(87,137,166,.34)!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(8,25,38,.98),rgba(3,13,22,.99))!important;box-shadow:0 12px 24px rgba(0,0,0,.2)!important;overflow:hidden!important}
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card:first-of-type{border-color:rgba(229,185,29,.72)!important;box-shadow:0 0 0 1px rgba(229,185,29,.18),0 12px 28px rgba(0,0,0,.26)!important}
  .hub-directory--leaderboard .leaderboard-rank-badge{position:absolute!important;left:12px!important;top:12px!important;z-index:2!important;display:grid!important;place-items:center!important;width:44px!important;height:54px!important;min-height:0!important;padding:0!important;border:1px solid rgba(124,164,190,.24)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(18,38,52,.96),rgba(6,18,29,.98))!important;color:#eaf5fa!important;font:800 1.12rem/1 var(--ff-oxanium),sans-serif!important}
  .hub-directory--leaderboard .leaderboard-rank-badge::before{content:"#";display:block;margin:0;color:#7c94a5;font-size:.65rem}
  .hub-directory--leaderboard .leaderboard-rank-badge ion-icon{width:13px!important;height:13px!important;margin:0 0 2px!important;color:currentColor!important}
  .hub-directory--leaderboard .leaderboard-rank-badge span{display:block!important}
  .hub-directory--leaderboard .leaderboard-player-row .leaderboard-rank-badge--1{border-color:rgba(229,185,29,.85)!important;color:#ffd34e!important;background:linear-gradient(180deg,rgba(50,43,17,.95),rgba(11,20,24,.98))!important}
  .hub-directory--leaderboard .leaderboard-player-row .leaderboard-rank-badge--2{border-color:rgba(143,164,178,.8)!important;color:#dce8ef!important}
  .hub-directory--leaderboard .leaderboard-player-row .leaderboard-rank-badge--3{border-color:rgba(217,138,85,.82)!important;color:#d98a55!important}
  .hub-directory--leaderboard .player-row-identity{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;padding:13px 34px 8px 68px!important}
  .hub-directory--leaderboard .player-row-logo{width:52px!important;height:52px!important;border:1px solid rgba(57,201,247,.42)!important;border-radius:9px!important;background:linear-gradient(145deg,#3bcdf7,#129bd1)!important;box-shadow:inset 0 0 16px rgba(255,255,255,.14)!important;font-size:1.3rem!important}
  .hub-directory--leaderboard .player-row-name{margin:0!important;color:#f2f8fb!important;font:800 1.12rem/1.08 var(--ff-oxanium),sans-serif!important;letter-spacing:0!important;text-transform:uppercase!important}
  .hub-directory--leaderboard .player-row-user{margin:4px 0 0!important;color:var(--hub-cyan)!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.03em!important;text-transform:uppercase!important}
  .hub-directory--leaderboard .leaderboard-player-row.player-stat-card::after{content:"›"!important;position:absolute!important;right:13px!important;top:27px!important;z-index:2!important;color:#8ba7b8!important;font:800 1.45rem/1 var(--ff-oxanium),sans-serif!important}
  .hub-directory--leaderboard .player-row-meta{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:0 12px 12px 68px!important}
  .hub-directory--leaderboard .player-row-meta .player-row-cell{display:inline-grid!important;gap:3px!important;width:auto!important;max-width:100%!important;padding:6px 8px!important;border:1px solid rgba(124,164,190,.2)!important;border-radius:7px!important;background:rgba(10,29,43,.82)!important;text-align:left!important}
  .hub-directory--leaderboard .player-row-cell>span{display:block!important;margin:0!important;color:#7890a0!important;font:800 .58rem/1 var(--ff-oxanium),sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important}
  .hub-directory--leaderboard .player-row-cell :is(strong,a){display:block!important;min-width:0!important;overflow:hidden!important;color:#edf6fa!important;font-size:.78rem!important;font-weight:800!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .hub-directory--leaderboard .player-row-cell[data-label="Role"] strong{padding:0!important;background:transparent!important}
  .hub-directory--leaderboard .player-row-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding:0 12px 12px!important;border-top:0!important;background:transparent!important}
  .hub-directory--leaderboard .player-row-stats .player-row-cell{display:grid!important;gap:5px!important;min-width:0!important;padding:9px 8px!important;border:1px solid rgba(124,164,190,.15)!important;border-radius:7px!important;background:rgba(3,13,22,.76)!important;text-align:left!important}
  .hub-directory--leaderboard .player-row-stats .player-row-cell :is(strong,a){font-size:.9rem!important}
  .hub-directory--leaderboard .player-row-cell[data-label="Points"] strong{min-width:0!important;min-height:0!important;border:0!important;color:var(--hub-cyan)!important}
}
@media(max-width:430px){
  .hub-directory--leaderboard .leaderboard-rank-badge{left:10px!important;top:11px!important;width:40px!important;height:50px!important}
  .hub-directory--leaderboard .player-row-identity{grid-template-columns:46px minmax(0,1fr)!important;padding:12px 30px 8px 60px!important;gap:9px!important}
  .hub-directory--leaderboard .player-row-logo{width:46px!important;height:46px!important}
  .hub-directory--leaderboard .player-row-meta{padding-left:60px!important}
  .hub-directory--leaderboard .player-row-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Desktop leaderboard table override migrated from the shared stylesheet. */
@media (min-width: 901px) {
  .leaderboard-board.player-stat-board .players-board-head {
    display: grid;
    grid-template-columns: 64px minmax(230px, 1.35fr) minmax(130px, 1fr) minmax(96px, 0.7fr) minmax(72px, 0.55fr) minmax(70px, 0.55fr) minmax(70px, 0.55fr) minmax(80px, 0.55fr);
  }

  .leaderboard-player-row.player-stat-card {
    display: grid;
    grid-template-columns: 64px minmax(230px, 1.35fr) minmax(130px, 1fr) minmax(96px, 0.7fr) minmax(72px, 0.55fr) minmax(70px, 0.55fr) minmax(70px, 0.55fr) minmax(80px, 0.55fr);
    gap: 0;
    min-height: 82px;
    padding: 14px 22px;
    border: 1px solid rgba(145, 156, 170, 0.14);
    border-radius: 5px;
    background:
      linear-gradient(90deg, rgba(20, 27, 35, 0.96), rgba(10, 17, 24, 0.96)),
      linear-gradient(135deg, rgba(0, 166, 255, 0.08), transparent);
    box-shadow: 0 10px 28px rgba(0, 5, 14, 0.22);
    transform: none;
  }

  .leaderboard-player-row.player-stat-card::before {
    display: none;
  }

  .leaderboard-player-row .leaderboard-rank-badge {
    order: 1;
    width: 44px;
    height: 36px;
    align-self: center;
    font-size: 1.04rem;
  }

  .leaderboard-player-row.player-stat-card:nth-child(even) {
    background:
      linear-gradient(90deg, rgba(15, 21, 28, 0.96), rgba(8, 14, 21, 0.96)),
      linear-gradient(135deg, rgba(0, 166, 255, 0.06), transparent);
  }

  .leaderboard-player-row.player-stat-card:hover {
    border-color: rgba(65, 191, 255, 0.34);
    background:
      linear-gradient(90deg, rgba(29, 36, 46, 0.98), rgba(12, 20, 29, 0.98)),
      linear-gradient(135deg, rgba(0, 166, 255, 0.12), transparent);
    box-shadow: 0 10px 28px rgba(0, 5, 14, 0.22);
  }

  .leaderboard-player-row .player-row-meta,
  .leaderboard-player-row .player-row-stats {
    display: contents;
  }

  .leaderboard-player-row .player-row-identity {
    order: 2;
    grid-column: auto;
  }

  .leaderboard-player-row .player-row-cell {
    display: block;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(232, 238, 246, 0.9);
    font-size: 1.08rem;
    font-weight: var(--fw-700);
  }

  .leaderboard-player-row .player-row-cell > span {
    display: none;
  }

  .leaderboard-player-row .player-row-cell > strong,
  .leaderboard-player-row .player-row-cell > a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  .leaderboard-player-row .player-row-cell[data-label="Team"] {
    order: 3;
  }

  .leaderboard-player-row .player-row-cell[data-label="Role"] {
    order: 4;
  }

  .leaderboard-player-row .player-row-cell[data-label="Matches"] {
    order: 5;
  }

  .leaderboard-player-row .player-row-cell[data-label="W-L"] {
    order: 6;
  }

  .leaderboard-player-row .player-row-cell[data-label="KDA"] {
    order: 7;
  }

  .leaderboard-player-row .player-row-cell[data-label="Points"] {
    order: 8;
  }

  .leaderboard-player-row .player-row-cell[data-label="Role"] strong,
  .leaderboard-player-row .player-row-cell[data-label="Points"] strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 7px 12px;
    border-radius: 4px;
    background: rgba(37, 44, 54, 0.92);
    color: var(--white);
    font-size: 0.94rem;
    font-weight: var(--fw-800);
    text-transform: uppercase;
  }

  .leaderboard-player-row .player-row-cell[data-label="KDA"] strong {
    color: var(--theme-secondary);
  }

  .leaderboard-player-row .player-row-cell[data-label="Points"] strong {
    min-width: 50px;
    background: rgba(42, 197, 255, 0.16);
    color: var(--theme-secondary);
  }
}