:root {
  --la-liga-2-cyan: #00c8cf;
  --la-liga-2-cyan-bright: #63eef2;
  --la-liga-2-cyan-deep: #0789a6;
  --la-liga-2-ink: #f2fdff;
  --la-liga-2-muted: #a9d8e1;
  --la-liga-2-canvas: #05374d;
  --la-liga-2-panel: #073e55;
  --la-liga-2-panel-raised: #09516a;
  --la-liga-2-panel-soft: #0b6077;
  --la-liga-2-border: rgba(99, 238, 242, 0.32);
}

#achievementsScreen[data-achievement-theme="la-liga-2-2026-27"],
#retroAchievementsModal[data-achievement-theme="la-liga-2-2026-27"] {
  --achievement-accent: var(--la-liga-2-cyan-bright);
  --achievement-accent-text: #032935;
  --achievement-surface: var(--la-liga-2-panel-raised);
  --achievement-surface-deep: var(--la-liga-2-canvas);
  --achievement-tab-surface: rgba(2, 43, 64, .9);
  --achievement-card: rgba(7, 62, 85, .9);
  --achievement-card-complete: #08778d;
  --achievement-copy: var(--la-liga-2-ink);
  --achievement-muted: var(--la-liga-2-muted);
  --achievement-points: var(--la-liga-2-cyan-bright);
  --achievement-shadow: rgba(2, 35, 51, .62);
}

.achievement-unlock-banner[data-achievement-theme="la-liga-2-2026-27"],
.achievement-unlock-modal[data-achievement-theme="la-liga-2-2026-27"] {
  border-color: var(--la-liga-2-border);
  border-top-color: var(--la-liga-2-cyan-bright);
  color: var(--la-liga-2-ink);
  background: linear-gradient(145deg, var(--la-liga-2-panel-raised), var(--la-liga-2-canvas));
  box-shadow: 0 24px 64px rgba(2, 35, 51, .68);
}

.achievement-unlock-modal[data-achievement-theme="la-liga-2-2026-27"]::backdrop {
  background: rgba(2, 24, 36, .84);
}

.achievement-unlock-modal[data-achievement-theme="la-liga-2-2026-27"] .achievement-unlock-action,
.achievement-unlock-banner[data-achievement-theme="la-liga-2-2026-27"] .achievement-unlock-banner-mark {
  color: #032935;
  background: var(--la-liga-2-cyan-bright);
}

body.la-liga-2-edition,
body.la-liga-2-route-setup-active {
  background: var(--la-liga-2-canvas);
  color: var(--la-liga-2-ink);
}

body.la-liga-2-route-setup-active {
  --domestic-setup-border: var(--la-liga-2-border);
  --domestic-setup-panel: linear-gradient(145deg, rgba(7, 62, 85, 0.98), rgba(9, 81, 106, 0.98));
  --domestic-setup-card: linear-gradient(180deg, #09516a, #073e55);
  --domestic-setup-surface: rgba(2, 35, 51, 0.54);
  --domestic-setup-text: var(--la-liga-2-ink);
  --domestic-setup-muted: var(--la-liga-2-muted);
  --domestic-setup-accent: var(--la-liga-2-cyan-bright);
  --domestic-setup-accent-text: #032935;
  --domestic-setup-selected: linear-gradient(145deg, #63eef2, var(--la-liga-2-cyan));
  --domestic-setup-shadow: #022333;
}

#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"],
body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active {
  --ll-canvas-background:
    radial-gradient(circle at 12% 8%, rgba(0, 200, 207, 0.2), transparent 32rem),
    radial-gradient(circle at 88% 82%, rgba(80, 220, 233, 0.14), transparent 34rem),
    linear-gradient(145deg, #032b40, #07516a 54%, #08778d);
  --ll-canvas-background-repeat: no-repeat;
  --ll-canvas-background-size: cover;
  --ll-paper: var(--la-liga-2-canvas);
  --ll-panel: var(--la-liga-2-panel);
  --ll-panel-raised: var(--la-liga-2-panel-raised);
  --ll-panel-soft: var(--la-liga-2-panel-soft);
  --ll-line: var(--la-liga-2-border);
  --ll-muted: var(--la-liga-2-muted);
  --ll-ink: var(--la-liga-2-ink);
  --ll-accent-text: var(--la-liga-2-cyan-bright);
  --ll-accent-ink: #032935;
  --ll-accent-gradient: linear-gradient(135deg, #66e1e7, #00c8cf 58%, #0a9fbc);
  --ll-accent-gradient-hover: linear-gradient(135deg, #8debf0, #19d4da 58%, #11aeca);
  --ll-magenta: #00c8cf;
  --ll-coral: #0786a8;
  --ll-orange: #00c8cf;
  --ll-yellow: #b3f6f8;
  --ll-blue: #078fc0;
  --ll-green: #1ba784;
  --ll-red: #c83b56;
  --domestic-banner-border: rgba(99, 238, 242, 0.34);
  --domestic-banner-surface: rgba(3, 43, 64, 0.86);
  --domestic-banner-text: #f2fdff;
  --domestic-banner-muted: #b9e6ec;
  --domestic-banner-active-text: #032935;
  --domestic-banner-active: var(--ll-accent-gradient);
  --domestic-banner-shadow: #021d2a;
  --domestic-banner-brand-border: rgba(99, 238, 242, 0.56);
  --domestic-banner-brand-text: #f2fdff;
  --domestic-banner-brand: linear-gradient(145deg, #07516a, #087e94);
  --domestic-banner-brand-shadow: #022333;
  color-scheme: dark;
}

.mode-card-domestic-league.is-la-liga-2-preview,
.mode-card-la-liga-2,
body.la-liga-2-route-setup-active #premierLeagueRouteSetup,
body.la-liga-2-edition #premierLeagueSeasonScreen {
  --pl-canvas: var(--la-liga-2-canvas);
  --pl-header: #063f5a;
  --pl-panel: var(--la-liga-2-panel);
  --pl-text: var(--la-liga-2-ink);
  --pl-muted: #52778a;
  --pl-border: var(--la-liga-2-border);
  --pl-primary: var(--la-liga-2-cyan);
  --pl-primary-text: #032935;
  --pl-qualification: #078fc0;
  --pl-relegation: #c83b56;
  color: var(--la-liga-2-ink);
}

.mode-card-domestic-league.is-la-liga-2-preview,
.mode-card-la-liga-2 {
  background:
    radial-gradient(circle at 88% 12%, rgba(99, 238, 242, 0.22), transparent 34%),
    linear-gradient(145deg, #09516a 0%, #073e55 64%, #032b40 100%);
  border-color: var(--la-liga-2-border);
  color: var(--la-liga-2-ink);
}

.la-liga-2-heading {
  align-items: center;
}

.la-liga-2-brand-mark {
  display: grid;
  width: 94px;
  height: 94px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(0, 126, 158, 0.32);
  border-radius: 22px;
  background: #07191f;
  box-shadow: 0 18px 40px rgba(6, 63, 90, 0.16);
}

.la-liga-2-brand-mark img {
  width: 82%;
  height: 82%;
  object-fit: contain;
}

.mode-card-la-liga-2 .mode-card-copy h3,
.mode-card-la-liga-2 .mode-card-copy p,
.mode-card-domestic-league.is-la-liga-2-preview .mode-card-copy h3,
.mode-card-domestic-league.is-la-liga-2-preview .mode-card-copy p {
  color: var(--la-liga-2-ink);
}

.mode-card-la-liga-2 .landing-setting,
body.la-liga-2-route-setup-active .la-liga-2-settings .landing-setting {
  border-color: var(--la-liga-2-border);
  background: rgba(3, 43, 64, 0.7);
}

.mode-card-la-liga-2 .landing-setting-heading,
.mode-card-la-liga-2 .landing-team-setting > span,
.mode-card-la-liga-2 .spectate-picker-copy strong,
.mode-card-la-liga-2 .spectate-picker-copy small,
body.la-liga-2-route-setup-active .la-liga-2-settings {
  color: var(--la-liga-2-ink);
}

.mode-card-la-liga-2 .landing-segmented,
.mode-card-la-liga-2 .spectate-picker {
  border-color: var(--la-liga-2-border);
  background: rgba(3, 43, 64, 0.84);
}

.mode-card-la-liga-2 .landing-segmented button {
  color: var(--la-liga-2-muted);
}

.mode-card-la-liga-2 .landing-segmented button.active,
.mode-card-la-liga-2 .landing-segmented button:hover,
.mode-card-la-liga-2 .landing-segmented button:focus-visible {
  background: var(--la-liga-2-cyan);
  color: #032935;
}

.la-liga-2-launch-button {
  border-color: var(--la-liga-2-cyan);
  background: var(--la-liga-2-cyan);
  color: #032935;
  box-shadow: 0 14px 30px rgba(0, 152, 169, 0.22);
}

.la-liga-2-menu-restart {
  border-color: var(--la-liga-2-cyan-deep);
  color: var(--la-liga-2-cyan-deep);
}

.la-liga-2-team-mark,
.la-liga-2-club-badge {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  object-fit: contain;
}

.domestic-league-switch button[data-domestic-league="laLiga2"] {
  position: relative;
}

.domestic-league-level {
  position: absolute;
  right: -2px;
  bottom: -2px;
  display: grid;
  width: 15px;
  height: 15px;
  place-items: center;
  border: 1px solid #e7fbff;
  border-radius: 50%;
  background: var(--la-liga-2-cyan);
  color: #032935;
  font: 800 9px/1 Manrope, sans-serif;
}

body.la-liga-2-route-setup-active #premierLeagueRouteSetup,
body.la-liga-2-route-setup-active #premierLeagueSeasonScreen,
body.la-liga-2-edition #premierLeagueSeasonScreen,
body.la-liga-2-edition .pl-season-main {
  background: var(--la-liga-2-canvas);
}

#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] .mode-route-setup {
  color: var(--la-liga-2-ink);
  background:
    radial-gradient(circle at 14% 12%, rgba(0, 200, 207, 0.22), transparent 32rem),
    radial-gradient(circle at 88% 80%, rgba(99, 238, 242, 0.16), transparent 34rem),
    linear-gradient(145deg, #032b40, #07516a 58%, #08778d);
}

body.la-liga-2-route-setup-active #laLiga2TeamPickerButton {
  display: none !important;
}

body.la-liga-2-route-setup-active .domestic-route-setup-intro {
  position: absolute;
  z-index: 2;
  top: 18px;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--la-liga-2-ink);
  transform: translateX(-50%);
}

body.la-liga-2-route-setup-active .domestic-route-setup-intro[hidden] {
  display: none !important;
}

body.la-liga-2-route-setup-active .domestic-route-setup-intro img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

body.la-liga-2-route-setup-active .domestic-route-setup-intro h1 {
  margin: 0;
  color: var(--la-liga-2-ink);
  font-size: clamp(1.05rem, 2vw, 1.45rem);
  line-height: 1;
  white-space: nowrap;
}

body.la-liga-2-route-setup-active .club-route-setup-shell,
body.la-liga-2-route-setup-active #premierLeagueRouteSetupControls,
body.la-liga-2-edition .pl-overview-card,
body.la-liga-2-edition .pl-fixture-row,
body.la-liga-2-edition .pl-table-card,
body.la-liga-2-edition .pl-squad-card,
body.la-liga-2-edition .pl-season-finale,
body.la-liga-2-edition .pl-panel {
  border-color: var(--la-liga-2-border);
  background: var(--la-liga-2-panel);
  color: var(--la-liga-2-ink);
}

body.la-liga-2-edition .pl-season-header,
body.la-liga-2-edition .pl-season-nav,
body.la-liga-2-edition .pl-match-header {
  border-color: #0a7593;
  background: #063f5a;
  color: #f4fdff;
}

#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] .pl-season-header {
  border-bottom-color: rgba(6, 63, 90, 0.24);
  background: linear-gradient(135deg, #0a7593, #0786a8 52%, #00c8cf);
  color: #f4fdff;
}

#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] :is(.pl-season-action-row, .pl-season-tabs) {
  border-color: var(--la-liga-2-border);
  color: var(--la-liga-2-ink);
  background: rgba(3, 43, 64, 0.92);
  box-shadow: 0 14px 34px rgba(1, 24, 36, 0.26), inset 0 1px rgba(99, 238, 242, 0.08);
}

#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] :is(.pl-primary-button, .pl-season-tabs button.active, .pl-squad-arrivals span) {
  color: #032935;
  background: var(--ll-accent-gradient);
  box-shadow: 0 7px 18px rgba(0, 152, 169, 0.2);
}

#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] .pl-table-row.is-selected {
  background: linear-gradient(90deg, rgba(0, 200, 207, 0.2), rgba(7, 143, 192, 0.05));
  box-shadow: inset 4px 0 var(--la-liga-2-cyan-deep);
}

#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] .pl-season-finale {
  background: radial-gradient(circle at 100% 100%, rgba(0, 200, 207, 0.18), transparent 30rem), var(--la-liga-2-panel);
}

#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] .pl-finale-hero {
  border-color: rgba(7, 134, 168, 0.28);
  background:
    radial-gradient(circle at 16% 0, rgba(0, 200, 207, 0.34), transparent 46%),
    radial-gradient(circle at 88% 108%, rgba(7, 143, 192, 0.28), transparent 48%),
    linear-gradient(135deg, #063f5a, #0786a8 58%, #00c8cf);
}

#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] :is(.pl-finale-place, .pl-finale-award) {
  border-color: var(--la-liga-2-border);
  background: linear-gradient(135deg, rgba(0, 200, 207, 0.16), transparent 64%), var(--la-liga-2-panel-raised);
  box-shadow: inset 3px 0 var(--la-liga-2-cyan), 0 10px 24px rgba(1, 24, 36, 0.22);
}

#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] .pl-season-header :is(.utility-button, .pl-season-restart-button) {
  border-color: rgba(244, 253, 255, 0.34) !important;
  color: #f4fdff !important;
  background: rgba(6, 63, 90, 0.22) !important;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active,
body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #appShell {
  color: var(--la-liga-2-ink);
  background: var(--ll-canvas-background);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(.site-header, .top-bar, .match-analysis-heading) {
  border-color: #0a7593;
  color: #f4fdff;
  background: linear-gradient(105deg, #063f5a, #0786a8 62%, #00c8cf);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active .match-stage {
  background:
    linear-gradient(rgba(99, 238, 242, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99, 238, 242, 0.045) 1px, transparent 1px),
    radial-gradient(circle at 50% 18%, rgba(0, 200, 207, 0.24), transparent 21rem),
    radial-gradient(circle at 88% 88%, rgba(74, 193, 221, 0.16), transparent 22rem),
    linear-gradient(145deg, #09516a, #073e55 62%, #063448);
}

body.la-liga-2-edition .pl-season-nav button.active,
body.la-liga-2-edition .pl-primary-action,
body.la-liga-2-edition .pl-match-action-primary,
body.la-liga-2-edition .pl-progress-bar > span {
  background: var(--la-liga-2-cyan);
  color: #032935;
}

body.la-liga-2-edition .pl-table-row.is-champion,
body.la-liga-2-edition [data-outcome-tone="champion"] {
  background: rgba(0, 200, 207, 0.18);
}

body.la-liga-2-edition .pl-table-row.is-qualified,
body.la-liga-2-edition [data-outcome-tone="qualification"] {
  box-shadow: inset 4px 0 #078fc0;
}

body.la-liga-2-edition .pl-table-row.is-relegated,
body.la-liga-2-edition [data-outcome-tone="relegation"] {
  box-shadow: inset 4px 0 #c83b56;
}

body.la-liga-2-edition .pl-season-header button,
body.la-liga-2-edition .pl-season-nav button,
body.la-liga-2-edition .pl-match-header button {
  color: inherit;
}

/* LaLiga's shared domestic skin is intentionally broad. Keep every reachable
   LaLiga 2 surface inside its own blue system, including the shared match UI. */
body.la-liga-2-route-setup-active,
body.la-liga-2-edition {
  --domestic-banner-border: rgba(99, 238, 242, 0.34);
  --domestic-banner-surface: rgba(3, 43, 64, 0.86);
  --domestic-banner-text: #f2fdff;
  --domestic-banner-muted: #b9e6ec;
  --domestic-banner-active-text: #032935;
  --domestic-banner-active: linear-gradient(135deg, #63eef2, #00c8cf);
  --domestic-banner-shadow: #021d2a;
  --domestic-banner-brand-border: rgba(99, 238, 242, 0.56);
  --domestic-banner-brand-text: #f2fdff;
  --domestic-banner-brand: linear-gradient(145deg, #07516a, #087e94);
  --domestic-banner-brand-shadow: #022333;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active:not(.club-competition-match-mode-active) {
  --domestic-banner-border: rgba(99, 238, 242, 0.34);
  --domestic-banner-surface: rgba(3, 43, 64, 0.86);
  --domestic-banner-text: #f2fdff;
  --domestic-banner-muted: #b9e6ec;
  --domestic-banner-active-text: #032935;
  --domestic-banner-active: linear-gradient(135deg, #63eef2, #00c8cf);
  --domestic-banner-shadow: #021d2a;
  --domestic-banner-brand-border: rgba(99, 238, 242, 0.56);
  --domestic-banner-brand-text: #f2fdff;
  --domestic-banner-brand: linear-gradient(145deg, #07516a, #087e94);
  --domestic-banner-brand-shadow: #022333;
}

body.la-liga-2-route-setup-active #appShell > .sidebar,
body.la-liga-2-edition:not(.pl-match-mode-active) #appShell > .sidebar {
  border-color: rgba(99, 238, 242, 0.3) !important;
  background: linear-gradient(105deg, #032b40, #08778d 58%, #00b9c2) !important;
}

body.la-liga-2-route-setup-active #appShell > .sidebar .brand-mark,
body.la-liga-2-edition:not(.pl-match-mode-active) #appShell > .sidebar .brand-mark {
  border-color: rgba(99, 238, 242, 0.56) !important;
  color: #f2fdff !important;
  background: linear-gradient(145deg, #07516a, #087e94) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.16), 0 3px 0 #022333 !important;
}

body.pl-season-open #premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] .pl-season-site-brand .brand-mark {
  border-color: rgba(99, 238, 242, 0.56) !important;
  color: #f2fdff !important;
  background: linear-gradient(145deg, #07516a, #087e94) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.16), 0 3px 0 #022333 !important;
}

body.la-liga-2-route-setup-active #appShell > .sidebar :is(
  #newTournamentButton,
  #settingsButton,
  #newsButton,
  #bugReportButton,
  #openAchievementsButton,
  #donateButton,
  #mainAccountButton
),
body.la-liga-2-edition:not(.pl-match-mode-active) #appShell > .sidebar :is(
  #newTournamentButton,
  #settingsButton,
  #newsButton,
  #bugReportButton,
  #openAchievementsButton,
  #donateButton,
  #mainAccountButton
) {
  border-color: rgba(99, 238, 242, 0.3) !important;
  color: #e9fcff !important;
  background: rgba(3, 43, 64, 0.82) !important;
}

body.la-liga-2-route-setup-active :is(.club-route-setup-shell, #premierLeagueRouteSetupControls),
#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] :is(
  .pl-overview-card,
  .pl-fixture-row,
  .pl-table-card,
  .pl-squad-card,
  .pl-season-finale,
  .pl-panel
) {
  border-color: var(--la-liga-2-border);
  color: var(--la-liga-2-ink);
  background: linear-gradient(145deg, rgba(9, 81, 106, 0.98), rgba(7, 62, 85, 0.98));
  box-shadow: 0 16px 34px rgba(1, 24, 36, 0.24);
}

body.la-liga-2-route-setup-active :is(
  .domestic-route-setting,
  .domestic-club-option,
  .domestic-neutral-option,
  .landing-segmented,
  .spectate-picker
) {
  border-color: var(--la-liga-2-border);
  color: var(--la-liga-2-ink);
  background: rgba(3, 43, 64, 0.72);
}

body.la-liga-2-route-setup-active :is(.domestic-route-setting, .domestic-club-option, .domestic-neutral-option) :is(strong, span),
#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] :is(
  h1,
  h2,
  h3,
  .pl-overview-card strong,
  .pl-fixture-row strong,
  .pl-table-card strong,
  .pl-squad-card strong,
  .pl-table-row,
  .pl-fixture-club
) {
  color: var(--la-liga-2-ink);
}

body.la-liga-2-route-setup-active :is(.domestic-route-setting, .domestic-club-option, .domestic-neutral-option) :is(small, p),
#premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] :is(
  p,
  small,
  .pl-overview-card span,
  .pl-fixture-row span,
  .pl-table-head,
  .pl-squad-meta
) {
  color: var(--la-liga-2-muted);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active {
  --bg: var(--la-liga-2-canvas);
  --surface: var(--la-liga-2-panel);
  --surface-2: var(--la-liga-2-panel-raised);
  --line: var(--la-liga-2-border);
  --line-strong: rgba(99, 238, 242, 0.46);
  --muted: var(--la-liga-2-muted);
  --soft: #0b6077;
  min-height: 100%;
  color: var(--la-liga-2-ink);
  background: var(--ll-canvas-background);
  background-attachment: fixed;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(#appShell, .main, #mainContent) {
  color: var(--la-liga-2-ink);
  background-color: transparent;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #appShell > .sidebar {
  border-bottom-color: rgba(99, 238, 242, 0.3);
  background: linear-gradient(105deg, #032b40, #08778d 58%, #00b9c2);
  box-shadow: 0 10px 30px rgba(1, 24, 36, 0.24);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active:not(.club-competition-match-mode-active) #appShell > .sidebar > .brand .brand-mark {
  border-color: rgba(99, 238, 242, 0.56) !important;
  color: #f2fdff !important;
  background: linear-gradient(145deg, #07516a, #087e94) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.16), 0 3px 0 #022333 !important;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active:not(.club-competition-match-mode-active) #appShell > .sidebar :is(
  #newTournamentButton,
  #settingsButton,
  #newsButton,
  #bugReportButton,
  #openAchievementsButton,
  #donateButton,
  #mainAccountButton
) {
  border-color: rgba(99, 238, 242, 0.3) !important;
  color: #e9fcff !important;
  background: rgba(3, 43, 64, 0.82) !important;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(
  .panel,
  .match-stage,
  .match-detail-panel,
  .round-link,
  .match-queue-item,
  #retroMatchLineupsPanel,
  #matchAnalysis,
  .pl-watch-tactics,
  .standard-match-tactics,
  .round-board,
  .pl-engine-table-panel,
  .golden-boot-panel
) {
  border-color: var(--la-liga-2-border);
  color: var(--la-liga-2-ink);
  background-color: var(--la-liga-2-panel);
  box-shadow: 0 18px 42px rgba(1, 24, 36, 0.28);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #mainContent #matchStage {
  background:
    linear-gradient(rgba(99, 238, 242, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99, 238, 242, 0.045) 1px, transparent 1px),
    radial-gradient(circle at 50% 18%, rgba(0, 200, 207, 0.24), transparent 21rem),
    radial-gradient(circle at 88% 88%, rgba(74, 193, 221, 0.16), transparent 22rem),
    linear-gradient(145deg, #09516a, #073e55 62%, #063448);
  background-size: 28px 28px, 28px 28px, auto, auto, auto;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(.match-analysis-heading, .site-header, .top-bar) {
  border-color: rgba(99, 238, 242, 0.34);
  color: #f2fdff;
  background: linear-gradient(105deg, #032b40, #08778d 62%, #00b9c2);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(
  .team-name,
  .score,
  .scoreline,
  .match-score,
  .score-separator,
  .match-timer,
  .panel-heading strong,
  .fixture-team,
  .commentary-event strong,
  .pl-watch-tactics-copy strong,
  .pl-engine-table-row strong,
  .section-heading h3,
  .match-analysis-heading strong
) {
  color: var(--la-liga-2-ink);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(
  .panel-heading span,
  .fixture small,
  .fixture-meta,
  .commentary-event time,
  .match-stat-row,
  .match-stat-row span,
  .match-stats-empty,
  .pl-watch-tactics-copy span,
  .pl-engine-table-head,
  .pl-engine-table-row i,
  .golden-boot-panel p
) {
  color: var(--la-liga-2-muted);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(
  .stage-topline,
  .stage-round,
  .match-number,
  .event-live-clock > span,
  .pl-engine-full-table,
  .golden-boot-panel .golden-rank
) {
  color: var(--la-liga-2-cyan-bright);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #matchAnalysis,
body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active .pl-engine-table-panel,
body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active .golden-boot-panel {
  background: linear-gradient(160deg, var(--la-liga-2-panel-raised), var(--la-liga-2-panel));
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active .pl-watch-tactics {
  background: linear-gradient(160deg, #08485f, #063448);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active .pl-watch-tactics-copy {
  color: var(--la-liga-2-ink);
  background: transparent;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active .match-commentary-feed {
  border: 1px solid rgba(99, 238, 242, 0.28);
  color: var(--la-liga-2-ink);
  background: linear-gradient(105deg, #032b40, #07516a 68%, #08778d);
  box-shadow: 0 10px 24px rgba(1, 24, 36, 0.24);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active .round-board {
  background:
    radial-gradient(circle at 100% 0, rgba(0, 200, 207, 0.12), transparent 28rem),
    linear-gradient(145deg, #063448, #032b40);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #roundBoard .fixture {
  border-color: rgba(99, 238, 242, 0.24);
  color: var(--la-liga-2-ink);
  background: linear-gradient(145deg, #0a5870, #08485f);
  box-shadow: none;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #roundBoard .fixture.selected {
  border-color: var(--la-liga-2-cyan);
  background: linear-gradient(135deg, rgba(0, 200, 207, 0.26), rgba(7, 62, 85, 0.98));
  box-shadow: inset 4px 0 var(--la-liga-2-cyan), 0 12px 26px rgba(1, 24, 36, 0.22);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #roundBoard :is(
  .team-filter-search,
  .history-round-button,
  #newerRoundButton,
  #simulateRoundButton,
  #unresolvedFilter,
  .team-filter-chip
) {
  border-color: rgba(99, 238, 242, 0.28);
  color: var(--la-liga-2-ink);
  background: rgba(3, 43, 64, 0.86);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #roundBoard .team-filter-search input {
  color: var(--la-liga-2-ink);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #roundBoard .team-filter-search input::placeholder {
  color: var(--la-liga-2-muted);
  opacity: 0.82;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(
  .primary-button,
  .live-control,
  #roundBoard #unresolvedFilter.active,
  #roundBoard .team-filter-chip:not([hidden])
) {
  border-color: transparent;
  color: #032935;
  background: var(--ll-accent-gradient);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(
  .secondary-button,
  .utility-button,
  .skip-control,
  .pl-live-back-button,
  #snapshotButton
) {
  border-color: rgba(99, 238, 242, 0.3);
  color: var(--la-liga-2-ink);
  background: var(--la-liga-2-panel-raised);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(
  .pl-engine-table-head,
  .pl-engine-table-row,
  .match-stat-row,
  .standard-match-tactics > small
) {
  border-color: var(--la-liga-2-border);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active .pl-engine-table-row.is-selected {
  background: linear-gradient(90deg, rgba(0, 200, 207, 0.2), rgba(7, 126, 148, 0.08));
  box-shadow: inset 3px 0 var(--la-liga-2-cyan);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #roundBoard #teamFilterControl .search-result-popover,
body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #roundBoard #teamFilterControl .search-result-popover .empty-story,
body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active .snapshot-preview {
  border-color: var(--la-liga-2-border);
  color: var(--la-liga-2-ink);
  background: #032b40;
  box-shadow: 0 18px 44px rgba(1, 24, 36, 0.46);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active .site-footer {
  border-top-color: rgba(99, 238, 242, 0.22);
  color: var(--la-liga-2-muted);
  background: rgba(3, 43, 64, 0.74);
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(button, a) {
  transition: transform 140ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 140ms ease, background-color 140ms ease;
}

body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active button:active:not(:disabled) {
  transform: scale(0.97);
}

@media (hover: hover) and (pointer: fine) {
  body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active #roundBoard :is(
    .team-filter-search,
    .history-round-button,
    #newerRoundButton,
    #simulateRoundButton,
    #unresolvedFilter,
    .team-filter-chip
  ):hover:not(:disabled),
  body[data-domestic-league-edition="la-liga-2-2026-27"].pl-match-mode-active :is(.secondary-button, .pl-live-back-button):hover:not(:disabled) {
    border-color: var(--la-liga-2-cyan-bright);
    color: var(--la-liga-2-ink);
    background: #0b6077;
  }
}

@media (max-width: 720px) {
  .la-liga-2-brand-mark {
    width: 74px;
    height: 74px;
    border-radius: 18px;
  }

  .mode-card-la-liga-2 {
    background: linear-gradient(160deg, #09516a 0%, #032b40 100%);
  }

  body.la-liga-2-route-setup-active .domestic-route-setup-intro {
    top: 62px;
  }

  body.la-liga-2-route-setup-active .domestic-route-setup-intro img {
    width: 30px;
    height: 30px;
  }

  body.la-liga-2-route-setup-active .domestic-route-setup-intro h1 {
    font-size: 0.95rem;
  }

  body.la-liga-2-route-setup-active #premierLeagueSeasonScreen[data-league-edition="la-liga-2-2026-27"] #premierLeagueRouteSetup {
    padding-top: 112px !important;
  }
}