body {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(58, 177, 96, 0.2), transparent 34%),
    linear-gradient(180deg, #06130d 0%, #090d11 52%, #07090c 100%) !important;
  background-size: 88px 88px, 88px 88px, auto, auto !important;
}

.league-page {
  width: min(100% - 44px, 1360px);
  max-width: none;
  padding-top: 112px;
}

.league-breadcrumb {
  width: fit-content;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(7, 13, 15, 0.72);
  backdrop-filter: blur(14px);
}

.league-shell {
  gap: 18px;
}

.league-hero {
  border-radius: 18px;
  border-color: rgba(45, 212, 116, 0.24);
  padding: 28px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, transparent 0 88px, rgba(255, 255, 255, 0.08) 89px 91px, transparent 92px),
    linear-gradient(135deg, rgba(5, 42, 25, 0.98), rgba(8, 16, 18, 0.95) 58%, rgba(7, 10, 14, 0.98));
  background-size: 84px 84px, 84px 84px, auto, auto;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.38);
}

.league-hero::before {
  content: "";
  position: absolute;
  inset: 22px 28px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left-width: 2px;
  border-right-width: 2px;
  border-radius: 16px;
  pointer-events: none;
}

.league-hero-top {
  position: relative;
  z-index: 1;
}

.league-kicker {
  border-color: rgba(45, 212, 116, 0.34);
  background: rgba(18, 185, 95, 0.14);
  color: #8bf3a7;
  letter-spacing: 0.06em;
}

.league-title {
  max-width: 860px;
  font-size: clamp(2.15rem, 4.8vw, 4.9rem);
  line-height: 0.98;
}

.league-subtitle {
  color: rgba(226, 232, 240, 0.72);
  line-height: 1.65;
}

.league-icon-btn,
.league-secondary-btn {
  border-radius: 10px;
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(8, 14, 17, 0.64);
}

.league-primary-btn {
  border-radius: 10px;
  background: linear-gradient(135deg, #f7d65a, #25d366 72%);
}

.league-meta-grid {
  position: relative;
  z-index: 1;
}

.league-meta-card,
.league-controls,
.league-panel,
.league-chart-card,
.team-tabs {
  border-radius: 12px;
  border-color: rgba(255, 255, 255, 0.09);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(9, 14, 18, 0.86);
  backdrop-filter: blur(16px);
}

.league-meta-card {
  min-height: 82px;
}

.league-controls {
  position: sticky;
  top: 76px;
  z-index: 20;
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.32);
}

.league-input,
.league-select {
  border-radius: 10px;
  background: rgba(3, 8, 10, 0.54);
}

.league-card-grid {
  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
}

.league-card {
  min-height: 188px;
  border-radius: 12px;
  border-color: rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(145deg, rgba(45, 212, 116, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(9, 15, 19, 0.88);
}

.league-card::after {
  content: "→";
  position: absolute;
  right: 16px;
  bottom: 14px;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(45, 212, 116, 0.28);
  border-radius: 999px;
  color: #8bf3a7;
  background: rgba(45, 212, 116, 0.1);
  font-weight: 950;
}

.league-card:hover {
  transform: translateY(-2px);
  border-color: rgba(45, 212, 116, 0.42);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

.league-card-logo {
  width: 58px;
  height: 58px;
  padding: 8px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
}

.league-card-title {
  padding-right: 38px;
}

.league-card-season {
  border-radius: 999px;
  padding: 5px 9px;
  background: rgba(247, 214, 90, 0.12);
}

.league-table th {
  background: #0b1414;
}

.league-table tr:hover td {
  background: rgba(45, 212, 116, 0.055);
}

.league-rank {
  border-radius: 999px;
  border-color: rgba(45, 212, 116, 0.28);
  color: #8bf3a7;
  background: rgba(45, 212, 116, 0.11);
}

.league-analytics-card,
.league-leader-card,
.team-stat-card,
.team-analysis-card,
.team-match-row,
.team-player-card,
.team-info-item,
.team-form-row {
  border-radius: 12px;
}

@media (max-width: 760px) {
  .league-page {
    width: min(100% - 28px, 1360px);
    padding-top: 92px;
  }

  .league-hero {
    padding: 22px 16px;
  }

  .league-hero::before {
    inset: 16px;
  }

  .league-controls {
    position: relative;
    top: auto;
  }
}