.standings-page { background:#101110; }
.standings-nav { margin-left:auto; }
.standings-hero { min-height:440px; display:flex; align-items:flex-end; justify-content:space-between; gap:50px; padding:90px max(5vw,calc((100vw - 1400px)/2)) 65px; background:#101110; color:white; }
.standings-hero h1 { font-size:clamp(82px,10vw,150px); line-height:.72; }
.standings-hero h1 em { color:#209f94; }
.points-card { min-width:310px; display:grid; grid-template-columns:1fr 90px 90px; align-items:center; border:1px solid #393b38; }
.points-card > span { padding:20px; color:#8b8d87; font-size:9px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; }
.points-card div { display:grid; place-items:center; min-height:100px; border-left:1px solid #393b38; }
.points-card strong { color:#209f94; font:800 44px/.8 var(--display); }
.points-card small { color:#9b9d97; font-size:8px; font-weight:800; text-transform:uppercase; }
.standings-content { min-height:500px; padding:50px max(5vw,calc((100vw - 1400px)/2)) 110px; background:var(--paper); }
.standings-key { display:flex; flex-wrap:wrap; gap:8px 24px; margin-bottom:55px; color:#777871; font-size:9px; font-weight:700; text-transform:uppercase; }
.division-standings + .division-standings { margin-top:65px; }
.standings-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:14px; }
.standings-heading h2 { font-size:64px; letter-spacing:-2px; }
.standings-heading span { color:#777871; font-size:10px; font-weight:800; text-transform:uppercase; }
.standings-table { width:100%; border-collapse:collapse; border-top:2px solid var(--ink); }
.standings-table th { padding:12px 13px; border-bottom:1px solid var(--line); color:#777871; font-size:9px; text-align:right; text-transform:uppercase; }
.standings-table th:nth-child(2) { text-align:left; }
.standings-table td { padding:18px 13px; border-bottom:1px solid var(--line); font:700 18px var(--display); text-align:right; }
.standings-table td:nth-child(2) { text-align:left; text-transform:uppercase; }
.standings-table .rank { width:45px; color:#999; text-align:center; }
.team-cell { display:flex; align-items:center; gap:13px; }
.standings-swatch { width:30px; height:30px; flex:0 0 auto; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(0,0,0,.12); }
.standings-table .points { width:75px; background:rgba(32,159,148,.12); color:#08776e; font-size:26px; }
.standings-loading { padding:40px 0; color:#777871; }
.standings-footer { display:flex; justify-content:space-between; padding:25px 5vw; background:#101110; color:#81837d; font-size:10px; text-transform:uppercase; }
.standings-footer a { color:#209f94; }
@media(max-width:800px) {
  .standings-page .nav-links { display:none; }
  .standings-hero { min-height:500px; align-items:flex-start; flex-direction:column; overflow:hidden; padding:70px 20px 45px; }
  .standings-hero h1 { font-size:clamp(68px,20vw,78px); }
  .points-card { width:100%; min-width:0; grid-template-columns:1fr 75px 75px; }
  .standings-content { padding:45px 20px 80px; overflow-x:hidden; }
  .table-scroll { overflow:visible; margin:0; padding:0; }
  .standings-table { min-width:0; table-layout:fixed; }
  .standings-table th,.standings-table td { padding:12px 3px; font-size:14px; }
  .standings-table th:nth-child(5),.standings-table td:nth-child(5),
  .standings-table th:nth-child(7),.standings-table td:nth-child(7),
  .standings-table th:nth-child(8),.standings-table td:nth-child(8) { display:none; }
  .standings-table th:nth-child(2),.standings-table td:nth-child(2) { width:36%; }
  .standings-table .rank { width:25px; }
  .standings-table .points { width:42px; font-size:20px; }
  .standings-swatch { width:18px; height:18px; }
  .team-cell { gap:6px; line-height:1; }
  .standings-heading h2 { font-size:52px; }
  .standings-footer a { display:inline-flex; align-items:center; min-height:44px; }
}

/* Dark standings surface matching the tournament game cards */
.standings-content { background:#0d0c0f; color:#f6f2ea; }
.standings-key { color:#c9c1b4; }
.division-standings {
  padding:22px;
  border:1px solid rgba(201,160,99,.18);
  border-radius:24px;
  background:#141218;
}
.standings-heading span,.standings-table th,.standings-loading { color:#c9c1b4; }
.standings-table { border-top-color:rgba(32,159,148,.7); }
.standings-table th,.standings-table td { border-bottom-color:rgba(201,160,99,.14); }
.standings-table .points { border-radius:999px; background:rgba(32,159,148,.14); color:#55c9be; }
@media(max-width:800px) {
  .division-standings { padding:14px 10px; border-radius:20px; }
  .standings-table th,.standings-table td { padding-block:14px; }
}