.league-command {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, .42fr);
  align-items: center;
  gap: 28px;
  padding: 26px;
  margin-bottom: 16px;
  border: 1px solid var(--line2);
  border-radius: 16px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--panel2)), var(--panel));
}

.league-command::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  right: -100px;
  top: -150px;
  background: var(--accent);
  filter: blur(70px);
  opacity: .18;
}

.league-command h2 {
  font-size: clamp(25px, 4vw, 42px);
  letter-spacing: -.045em;
  margin: 12px 0 5px;
}

.league-command p { color: var(--muted); margin: 0; }
.season-progress { position: relative; z-index: 1; }
.season-progress > strong { display: block; font: 950 36px/1 var(--mono); letter-spacing: -.07em; }
.season-progress > span { display: block; margin: 7px 0 11px; color: var(--muted); font: 800 9px var(--mono); letter-spacing: .15em; }
.season-progress > div { height: 7px; border-radius: 99px; background: #05070a; overflow: hidden; }
.season-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--cyan)); }
.standings-table { min-width: 980px; }
.rank-cell { font: 950 17px var(--mono); color: var(--muted); }

.leader-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 11px;
}

.leader-card { border: 1px solid var(--line); background: var(--panel); border-radius: 12px; overflow: hidden; }
.leader-card-head { display: flex; align-items: center; justify-content: space-between; padding: 11px 13px; border-bottom: 1px solid var(--line); font-weight: 900; }
.leader-card-head b { color: var(--muted); font: 800 8px var(--mono); letter-spacing: .11em; }
.leader-row { display: grid; grid-template-columns: 25px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 10px 13px; border-bottom: 1px solid var(--line); }
.leader-row:last-child { border: 0; }
.leader-row > div strong { display: block; font-size: 11px; }
.leader-row > div small { display: block; color: var(--muted); font: 700 9px var(--mono); }
.leader-row > b { font: 900 11px var(--mono); color: var(--cyan); }
.leader-rank { font: 900 13px var(--mono); color: #536077; }

@media (max-width: 700px) {
  .league-command { grid-template-columns: 1fr; padding: 18px; }
  .leader-grid { grid-template-columns: 1fr; }
}