/* Liga MX uses the shared domestic layout with its own green palette. */
html.route-liga-mx-loading {
  background: #071f18;
}
html.route-liga-mx-loading #appShell {
  visibility: hidden;
}
html.route-liga-mx-loading body,
body.liga-mx-edition,
#premierLeagueSeasonScreen.liga-mx-edition,
[data-achievement-theme^="liga-mx-"],
[data-hub-domestic-league="ligaMxApertura"],
[data-hub-domestic-league="ligaMxClausura"] {
  --pl-era-canvas: #071f18;
  --pl-era-deep: #071f18;
  --pl-era-deep-rgb: 7 31 24;
  --pl-era-canvas-rgb: 7 31 24;
  --pl-era-surface-rgb: 13 53 40;
  --pl-era-raised: #236044;
  --pl-era-raised-rgb: 35 96 68;
  --pl-era-muted-rgb: 183 216 196;
  --pl-era-ice: #dff8e6;
  --pl-era-ice-rgb: 223 248 230;
  --pl-era-white: #f6fcf7;
  --pl-era-white-rgb: 246 252 247;
  --pl-bg: #071f18;
  --pl-surface: #0d3528;
  --pl-surface-light: #236044;
  --pl-muted: #b7d8c4;
  --pl-line: #44745a;
  --pl-soft: #164533;
  --pl-era-panel: #0d3528;
  --pl-era-surface: #0d3528;
  --pl-era-header: #0d3528;
  --pl-era-text: #f6fcf7;
  --pl-era-muted: #b7d8c4;
  --pl-era-accent: #58e669;
  --pl-era-accent-text: #071f18;
  --pl-era-accent-rgb: 88 230 105;
  --pl-era-border: #44745a;
  --domestic-setup-border: #44745a;
  --domestic-setup-panel: #0d3528;
  --domestic-setup-card: #0d3528;
  --domestic-setup-surface: #164533;
  --domestic-setup-text: #f6fcf7;
  --domestic-setup-muted: #b7d8c4;
  --domestic-setup-accent: #58e669;
  --domestic-setup-accent-text: #071f18;
  --domestic-setup-selected: #58e669;
  --domestic-setup-shadow: #03130c;
  --bg: #071f18;
  --panel: #0d3528;
  --panel-2: #164533;
  --panel-3: #236044;
  --line: #44745a;
  --line-strong: #659b76;
  --text: #f6fcf7;
  --muted: #b7d8c4;
  --soft: #dff8e6;
  --lime: #58e669;
  --lime-dark: #30c750;
  --popup-blue-950: #071f18;
  --popup-blue-900: #0d3528;
  --popup-blue-850: #164533;
  --popup-blue-800: #236044;
  --popup-blue-panel: #164533;
  --popup-blue-panel-strong: #0d3528;
  --popup-blue-line: #44745a;
  --popup-blue-line-strong: #659b76;
  --popup-blue-accent: #58e669;
  --popup-blue-accent-bright: #7af08a;
  --popup-blue-text: #f6fcf7;
  --popup-blue-muted: #b7d8c4;
  --popup-blue-dim: #9ac3a9;
  color-scheme: dark;
  color: #f6fcf7;
  background: #071f18 !important;
}

/* Liga MX identity also applies before entering either tournament. */
[data-competition-folder="ligaMxApertura"],
[data-competition-archive="ligaMxApertura"] .competition-edition-tile,
#competitionArchive:has([data-competition-archive="ligaMxApertura"]:not([hidden])) .competition-archive-panel {
  --folder-glow: rgb(88 230 105 / .16);
  color: #f6fcf7;
  border-color: #44745a;
  background: #0d3528;
  box-shadow: inset 0 1px rgb(223 248 230 / .12), 0 12px 26px rgb(3 19 12 / .24);
}
[data-competition-folder="ligaMxApertura"]::before,
[data-competition-archive="ligaMxApertura"] .competition-edition-tile::before {
  background: linear-gradient(145deg, rgb(88 230 105 / .08), transparent);
}
[data-competition-folder="ligaMxApertura"] :is(small, .competition-folder-hint),
[data-competition-archive="ligaMxApertura"] :is(small, .competition-edition-arrow) {
  color: #b7d8c4;
}
[data-competition-folder="ligaMxApertura"] .competition-folder-art,
#competitionArchive:has([data-competition-archive="ligaMxApertura"]:not([hidden])) :is(.competition-archive-mark, .competition-archive-back) {
  color: #f6fcf7;
  border-color: #44745a;
  background: #164533;
}


body.liga-mx-edition :is(#mainContent, #premierLeagueSeasonScreen) {
  background: #071f18 !important;
}
body.liga-mx-edition .brand-mark {
  background: #236044 !important;
  border-color: #58e669 !important;
  box-shadow: none !important;
}
body.liga-mx-edition :is(.pl-season-site-brand, .brand-copy, .brand-copy strong) {
  color: #f6fcf7 !important;
}
body.liga-mx-edition :is(.utility-button, .icon-button) > :is(span, svg),
body.liga-mx-edition .news-icon {
  color: #b7d8c4 !important;
  border-color: #b7d8c4 !important;
}

/* Shared site dialogs remain part of the active league's palette. */
html body.liga-mx-edition :is(#settingsModal, #retroAchievementsModal, #snapshotModal, dialog, .modal)[open],
body.liga-mx-edition .toast {
  color: #f6fcf7 !important;
  border-color: #44745a !important;
  background: #0d3528 !important;
  box-shadow: 0 24px 70px rgb(3 19 12 / .5) !important;
}
html body.liga-mx-edition :is(#settingsModal, #retroAchievementsModal, #snapshotModal, dialog, .modal)[open] :is(h2, h3, strong, p, small, span, label, button, select, input, textarea) {
  color: inherit !important;
  border-color: #44745a !important;
  box-shadow: none !important;
}
html body.liga-mx-edition :is(#settingsModal, #retroAchievementsModal, #snapshotModal, dialog, .modal)[open] :is(button, select, input, textarea, .site-language-setting, .tournament-theme-setting, .settings-keybind-list, .settings-switch, .settings-option-icon, .tournament-theme-off-icon) {
  background: #164533 !important;
}
html body.liga-mx-edition :is(#settingsModal, #retroAchievementsModal, #snapshotModal, dialog, .modal)[open] :is(.is-selected, .active, .primary-button, [aria-pressed="true"], .is-enabled .settings-switch, .tournament-theme-check) {
  color: #071f18 !important;
  border-color: #58e669 !important;
  background: #58e669 !important;
}
html body.liga-mx-edition :is(#settingsModal, #retroAchievementsModal, #snapshotModal, dialog, .modal)[open] :is(.is-selected, .active, .primary-button, [aria-pressed="true"]) :is(span, strong, small) {
  color: #071f18 !important;
}
html body.liga-mx-edition :is(#settingsModal, #retroAchievementsModal, #snapshotModal, dialog, .modal)[open] .settings-switch > i {
  background: #dff8e6 !important;
}
html body.liga-mx-edition :is(#settingsModal, #retroAchievementsModal, #snapshotModal, dialog, .modal)[open] :focus-visible {
  outline-color: #58e669 !important;
}
body.liga-mx-edition :is(.pl-live-back-button, .match-stat-row, .fixture, .fixture-team, .fixture-team > span, .footer-last-updated, .footer-last-updated strong) {
  color: #b7d8c4 !important;
}
body.liga-mx-edition .match-stat-track {
  background: #234f3a !important;
}
body.liga-mx-edition .match-stat-track-home .match-stat-fill {
  background: #58e669 !important;
}
body.liga-mx-edition .match-stat-track-away .match-stat-fill {
  background: #b7d8c4 !important;
}
body.liga-mx-edition .go-to-top {
  color: #f6fcf7 !important;
  border-color: #44745a !important;
  background: #164533 !important;
}
body.liga-mx-edition .go-to-top span {
  color: #58e669 !important;
}
html body.liga-mx-edition :is(#settingsModal, #retroAchievementsModal, #snapshotModal, dialog, .modal)[open] .discord-icon {
  color: #b7d8c4 !important;
  background-color: #b7d8c4 !important;
}
body.liga-mx-edition :is(.landing-setting-heading, .landing-setting-info-panel, .landing-setting-info-panel p, .golden-boot-empty, .golden-boot-empty span, .golden-boot-empty p, #standardTacticFeedback, .text-button) {
  color: #b7d8c4 !important;
  border-color: #44745a !important;
}
body.liga-mx-edition .landing-setting-info-panel {
  background: #0d3528 !important;
}
body.liga-mx-edition .retro-manager-bench-controls .secondary-button {
  color: #dff8e6 !important;
  border-color: #44745a !important;
  background: #164533 !important;
}
body:is([data-desktop-mode-setup="ligaMxApertura"], [data-desktop-mode-setup="ligaMxClausura"]) .premier-league-team-picker {
  display: none !important;
}
body.liga-mx-edition :is(#startLigaMxAperturaSeasonButton, #startLigaMxClausuraSeasonButton) {
  color: var(--domestic-setup-accent-text);
  background: var(--domestic-setup-accent);
  border-color: var(--domestic-setup-accent);
  box-shadow: none;
}
/* TUDN reference geometry: badge block, thin context strip, then the score bar. */
body #mainContent .cb-broadcast[data-mode="liga-mx"] {
  position: relative;
  width: 300px;
  max-width: 100%;
  height: 40px;
  margin: 16px auto 22px;
  font-family: Arial, sans-serif;
}
.cb-broadcast[data-mode="liga-mx"] .cb-badge {
  display: none;
}
.cb-broadcast[data-mode="liga-mx"] .cb-scorebug {
  display: grid;
  grid-template-columns: 98px 98px 72px;
  width: 268px;
  height: 24px;
  margin-left: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #064a37;
}
.cb-broadcast[data-mode="liga-mx"] .cb-logo {
  display: block;
  position: absolute;
  inset: -10px auto auto -32px;
  z-index: 2;
  width: 32px;
  height: 40px;
  background: url("./assets/liga-mx-2026-27/scoreboard-badge.svg") center / contain no-repeat;
}
.cb-broadcast[data-mode="liga-mx"] .cb-team {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 98px;
  height: 24px;
  padding: 0;
  border: 0;
  border-left: 3px solid var(--kit);
  border-radius: 0;
  background: #064a37;
}
body #mainContent .cb-broadcast[data-mode="liga-mx"] .cb-code {
  flex: 1;
  text-align: center;
  color: #e4f6e9;
  background: transparent;
  font: 400 17px/1 Arial, sans-serif;
}
body #mainContent .cb-broadcast[data-mode="liga-mx"] .cb-score {
  display: grid;
  place-items: center;
  flex: 0 0 27px;
  width: 27px;
  height: 24px;
  color: #064a37;
  background: #b4edc3;
  font: 700 18px/1 Arial, sans-serif;
}
.cb-broadcast[data-mode="liga-mx"] time {
  position: static;
  display: grid;
  place-items: center;
  width: 72px;
  height: 24px;
  color: #063e28;
  background: #5bef69;
  font: 700 17px/1 Arial, sans-serif;
}
@media (max-width: 600px) {
  body.liga-mx-edition #premierLeagueRouteSetup {
    padding-bottom: calc(128px + env(safe-area-inset-bottom));
  }
}

/* The provider logo has generous transparent padding around a horizontal mark. */
body.liga-mx-edition img[src*="liga-mx-2026-27/league-logo"],
[data-competition-folder="ligaMxApertura"] img,
[data-competition-archive="ligaMxApertura"] img,
#competitionArchiveLogo[src*="liga-mx-2026-27/league-logo"] {
  object-fit: cover;
  filter: brightness(0) invert(1);
}
body.liga-mx-edition img[src$="/pumas-unam.png"] {
  filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white);
}

.cb-broadcast[data-mode="liga-mx"] :is(.cb-aggregate, .cb-penalties) {
  color: #fff;
  background: #123b2a;
  font: 700 12px/1.4 Arial, sans-serif;
}
body #mainContent .cb-broadcast[data-mode="liga-mx"].has-aggregate {
  margin-bottom: 42px;
}

body.liga-mx-edition .domestic-route-setup-intro > img {
  width: 72px !important;
  height: 26px !important;
  max-width: none;
  flex: 0 0 72px;
}
[data-competition-folder="ligaMxApertura"] .competition-folder-art,
[data-competition-archive="ligaMxApertura"] .competition-edition-art {
  overflow: hidden;
}
[data-competition-folder="ligaMxApertura"] .competition-folder-art img,
[data-competition-archive="ligaMxApertura"] .competition-edition-art img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform: none;
}
#competitionArchiveLogo[src*="liga-mx-2026-27/league-logo"] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform: none;
}

/* TUDN Mexico, America v Toluca, 18 April 2026: green clock and central scores. */
.cb-broadcast[data-mode="liga-mx"] .cb-context {
  display: block;
  position: static;
  box-sizing: border-box;
  width: 268px;
  height: 10px;
  margin-left: 32px;
  padding: 0 3px;
  overflow: hidden;
  color: #fff;
  background: #163c2a;
  font: 700 8px/10px Arial, sans-serif;
  text-align: left;
  white-space: nowrap;
}
.cb-broadcast[data-mode="liga-mx"] .cb-away {
  flex-direction: row-reverse;
  border-left: 0;
  border-right: 3px solid var(--kit);
}
.cb-broadcast[data-mode="liga-mx"] .cb-home::after {
  content: "–";
  position: absolute;
  right: -4px;
  z-index: 1;
  color: #073e32;
  font: 700 13px/1 Arial, sans-serif;
}

html body.liga-mx-edition dialog[open]::backdrop {
  background: rgb(3 19 12 / .78) !important;
}
body.liga-mx-edition :is(.fixture-team > b, .panel-heading > span) {
  color: #b7d8c4 !important;
}

html body.liga-mx-edition dialog#settingsModal.settings-modal[open] :is(button, .settings-switch, .tournament-theme-check) {
  border-color: #44745a !important;
  background: #164533 !important;
  box-shadow: none !important;
}
html body.liga-mx-edition dialog#settingsModal.settings-modal[open] :is(button.is-selected, .is-enabled .settings-switch, .tournament-theme-check) {
  color: #071f18 !important;
  border-color: #58e669 !important;
  background: #58e669 !important;
}
html body.liga-mx-edition dialog#settingsModal.settings-modal[open] .settings-switch > i {
  background: #dff8e6 !important;
}

body.liga-mx-edition .snapshot-preview {
  border-color: #44745a !important;
  background: #071f18 !important;
}