:root {
  --sl-red: #E21937;
  --sl-red-deep: #B80E2B;
  --sl-coral: #FF4963;
  --sl-magenta: #8D1435;
  --sl-orange: #459CFF;
  --sl-accent-text: #FF8495;
  --sl-accent-ink: #06172B;
  --sl-ink: #F8FAFF;
  --sl-paper: #06172B;
  --sl-panel: #0C1D34;
  --sl-panel-raised: #25182F;
  --sl-panel-soft: #101D31;
  --sl-muted: #B7C4D8;
  --sl-line: rgba(183, 196, 216, 0.22);
  --sl-yellow: #ffd166;
  --sl-blue: #459CFF;
  --sl-green: #67D6A1;
  --sl-accent-gradient: linear-gradient(135deg, var(--sl-magenta) 0%, var(--sl-coral) 52%, var(--sl-orange) 100%);
  --sl-accent-gradient-hover: linear-gradient(135deg, #FF627A 0%, #F02E4E 52%, #66AEFF 100%);
  --sl-canvas-background:
    radial-gradient(circle at 8% 12%, rgba(226, 25, 55, 0.2), transparent 28rem),
    radial-gradient(circle at 94% 90%, rgba(69, 156, 255, 0.16), transparent 30rem),
    linear-gradient(rgba(183, 196, 216, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183, 196, 216, 0.035) 1px, transparent 1px),
    var(--sl-paper);
  --sl-canvas-background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat;
  --sl-canvas-background-size: auto, auto, 32px 32px, 32px 32px, auto;
  --sl-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

html.route-super-lig-loading,
html.route-super-lig-loading body {
  min-height: 100%;
  background: var(--sl-canvas-background);
  background-repeat: var(--sl-canvas-background-repeat);
  background-size: var(--sl-canvas-background-size);
}

html.route-super-lig-loading #appShell {
  display: none !important;
}

html.route-super-lig-loading #premierLeagueSeasonScreen {
  display: block !important;
  visibility: hidden;
}

html.route-super-lig-loading #premierLeagueSeasonScreen[data-league-edition^="super-lig-"] {
  visibility: visible;
}

.mode-card-domestic-league[data-domestic-league-preview="superLig"] {
  position: relative;
  overflow: hidden;
  border-color: rgba(183, 196, 216, 0.3);
  color: var(--sl-ink);
  background:
    radial-gradient(circle at 88% 0, rgba(69, 156, 255, 0.28), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(226, 25, 55, 0.24), transparent 40%),
    linear-gradient(145deg, var(--sl-panel-raised), var(--sl-panel) 52%, var(--sl-paper));
  box-shadow: 0 22px 52px rgba(3, 10, 21, 0.34);
}

.super-lig-heading {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
}

.super-lig-heading h3 {
  margin: 0;
  color: var(--sl-ink);
  font-family: "Arial Narrow", "Manrope", sans-serif;
  font-size: clamp(23px, 2.2vw, 31px);
  font-weight: 900;
  letter-spacing: -0.04em;
  text-transform: none;
}

.super-lig-heading p {
  max-width: 42ch;
  margin: 6px 0 0;
  color: var(--sl-muted);
  font-size: 12px;
  line-height: 1.45;
}

.super-lig-brand-mark {
  display: grid;
  width: 76px;
  height: 76px;
  flex: 0 0 76px;
  place-items: center;
  border: 1px solid rgba(183, 196, 216, 0.4);
  border-radius: 18px;
  background: #F8FAFF;
  box-shadow: 0 10px 28px rgba(2, 9, 18, 0.24);
}

.super-lig-brand-mark img {
  width: 60px;
  max-height: 60px;
  object-fit: contain;
}

.mode-card-super-lig .super-lig-heading h3 {
  color: var(--sl-ink) !important;
}

.mode-card-super-lig .super-lig-brand-mark {
  pointer-events: none;
}

.mode-card-super-lig .super-lig-install-button,
body.before-start:not([data-desktop-mode-setup]) .mode-card-super-lig .super-lig-install-button {
  min-height: 44px;
  border-color: rgba(183, 196, 216, 0.46);
  color: var(--sl-ink);
  background: rgba(6, 23, 43, 0.62);
  white-space: nowrap;
}

.mode-card-super-lig .super-lig-install-button.is-installed,
body.before-start:not([data-desktop-mode-setup]) .mode-card-super-lig .super-lig-install-button.is-installed {
  border-color: transparent;
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
}

.mode-card-super-lig .mode-card-actions {
  z-index: 2;
}

.super-lig-asset-pack-modal {
  border: 1px solid rgba(183, 196, 216, 0.34);
  color: var(--sl-ink);
  background: var(--sl-panel-soft);
  box-shadow: 0 28px 90px rgba(2, 9, 18, 0.64);
}

.super-lig-asset-pack-modal::backdrop {
  background: rgba(3, 10, 21, 0.82);
}

.super-lig-asset-pack-modal .modal-head h2,
.super-lig-asset-pack-modal .pl-asset-pack-intro strong {
  color: var(--sl-ink);
}

.super-lig-asset-pack-modal .close-modal {
  color: var(--sl-ink);
  background: rgba(183, 196, 216, 0.1);
}

.super-lig-asset-pack-modal .pl-asset-pack-intro {
  border-color: rgba(183, 196, 216, 0.3);
  background: linear-gradient(135deg, var(--sl-panel-raised), var(--sl-panel));
}

.super-lig-asset-pack-modal .pl-asset-pack-intro img {
  padding: 8px;
  border-radius: 12px;
  background: #F8FAFF;
  box-sizing: border-box;
}

.super-lig-asset-pack-modal .pl-asset-pack-intro p,
.super-lig-asset-pack-modal .pl-asset-pack-status {
  color: var(--sl-muted);
}

.super-lig-asset-pack-modal .pl-asset-pack-badge {
  border: 1px solid rgba(183, 196, 216, 0.16);
  background: rgba(183, 196, 216, 0.08);
}

.super-lig-asset-pack-modal .pl-asset-pack-status.is-success {
  color: var(--sl-green);
}

.super-lig-asset-pack-modal .pl-asset-pack-status.is-error {
  color: #FF8A9A;
}

.super-lig-asset-pack-modal .pl-asset-pack-actions .text-button {
  color: var(--sl-muted);
}

.super-lig-asset-pack-modal .pl-asset-pack-actions .primary-button {
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
}

.super-lig-asset-pack-modal .pl-asset-pack-actions .primary-button:disabled {
  opacity: 0.58;
}

.super-lig-asset-pack-modal .pl-asset-pack-credit {
  color: rgba(183, 196, 216, 0.66);
}

@media (min-width: 721px) {
  body.before-start:not([data-desktop-mode-setup]) .mode-card-super-lig .super-lig-heading {
    gap: 11px;
  }

  body.before-start:not([data-desktop-mode-setup]) .mode-card-super-lig .super-lig-brand-mark {
    width: 38px;
    height: 42px;
    flex-basis: 38px;
    border-radius: 9px;
  }

  body.before-start:not([data-desktop-mode-setup]) .mode-card-super-lig .super-lig-brand-mark img {
    width: 32px;
    max-height: 36px;
  }
}

.mode-card-super-lig .landing-settings {
  position: relative;
  z-index: 1;
}

.mode-card-super-lig .landing-setting,
.super-lig-route-setup-active .super-lig-settings .landing-setting {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: rgba(37, 24, 47, 0.74);
}

.mode-card-super-lig :is(.landing-setting-heading, .landing-setting > span, .landing-team-setting > span),
.super-lig-route-setup-active .super-lig-settings :is(.landing-setting-heading, .landing-setting > span, .landing-team-setting > span) {
  color: var(--sl-muted) !important;
}

.mode-card-super-lig .landing-segmented,
.super-lig-route-setup-active .super-lig-settings .landing-segmented {
  border-color: var(--sl-line);
  background: var(--sl-panel-soft);
}

.mode-card-super-lig .landing-segmented button,
.super-lig-route-setup-active .super-lig-settings .landing-segmented button {
  color: var(--sl-muted);
}

.mode-card-super-lig .landing-segmented button.active,
.super-lig-route-setup-active .super-lig-settings .landing-segmented button.active {
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
  box-shadow: 0 7px 18px rgba(184, 14, 43, 0.22);
}

.mode-card-super-lig .landing-setting-info summary,
.super-lig-route-setup-active .super-lig-settings .landing-setting-info summary {
  border-color: var(--sl-line);
  color: var(--sl-accent-text);
}

.mode-card-super-lig .landing-setting-info-panel,
.super-lig-route-setup-active .super-lig-settings .landing-setting-info-panel {
  border-color: var(--sl-line);
  color: var(--sl-muted);
  background: var(--sl-panel-soft);
  box-shadow: 0 18px 44px rgba(2, 9, 18, 0.42);
}

.mode-card-super-lig .landing-setting-info-panel strong,
.super-lig-route-setup-active .super-lig-settings .landing-setting-info-panel strong {
  color: var(--sl-ink);
}

.mode-card-super-lig .landing-setting-info-panel p + p,
.super-lig-route-setup-active .super-lig-settings .landing-setting-info-panel p + p {
  border-top-color: var(--sl-line);
}

.super-lig-team-picker {
  border-color: var(--sl-line) !important;
  color: var(--sl-ink) !important;
  background: var(--sl-panel-raised) !important;
}

.super-lig-team-picker .spectate-picker-copy strong {
  color: var(--sl-ink);
}

.super-lig-team-picker :is(.spectate-picker-copy small, .spectate-picker-arrow) {
  color: var(--sl-muted);
}

.super-lig-team-mark {
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
}

.super-lig-team-picker.has-team .super-lig-team-mark {
  overflow: visible;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.super-lig-team-mark img,
.super-lig-club-badge {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.super-lig-launch-button {
  color: var(--sl-accent-ink) !important;
  background: var(--sl-accent-gradient) !important;
  box-shadow: 0 12px 26px rgba(184, 14, 43, 0.3);
}

.super-lig-launch-button:active,
[data-league-edition^="super-lig-"] button:active,
body[data-domestic-league-edition^="super-lig-"] button:active {
  transform: scale(0.97);
}

.super-lig-menu-restart {
  color: var(--sl-accent-text) !important;
}

#spectateModal:has([data-super-lig-team-id]) {
  border: 1px solid var(--sl-line);
  color: var(--sl-ink);
  background: var(--sl-panel);
  box-shadow: 0 26px 72px rgba(2, 9, 18, 0.58);
}

#spectateModal:has([data-super-lig-team-id])::backdrop {
  background: rgba(3, 10, 21, 0.76);
  backdrop-filter: blur(7px);
}

#spectateModal:has([data-super-lig-team-id]) #spectateModalTitle,
#spectateModal:has([data-super-lig-team-id]) .prediction-option strong {
  color: var(--sl-ink);
}

#spectateModal:has([data-super-lig-team-id]) :is(.close-modal, .prediction-search, .prediction-option) {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: var(--sl-panel-raised);
}

#spectateModal:has([data-super-lig-team-id]) :is(.prediction-option small, .spectate-modal-copy) {
  color: var(--sl-muted);
}

#spectateModal:has([data-super-lig-team-id]) .prediction-search input {
  color: var(--sl-ink);
}

#spectateModal:has([data-super-lig-team-id]) .prediction-search input::placeholder {
  color: var(--sl-muted);
  opacity: 0.78;
}

#spectateModal:has([data-super-lig-team-id]) .spectate-neutral-mark {
  border-color: var(--sl-line);
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
}

#spectateModal:has([data-super-lig-team-id]) .prediction-search:focus-within {
  background: var(--sl-panel-raised);
  box-shadow: inset 0 0 0 2px var(--sl-orange);
}

#spectateModal:has([data-super-lig-team-id]) .prediction-option.selected {
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
  box-shadow: inset 4px 0 0 var(--sl-yellow);
}

#spectateModal:has([data-super-lig-team-id]) .prediction-option.selected :is(strong, small) {
  color: var(--sl-accent-ink);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] {
  --pl-bg: var(--sl-magenta);
  --pl-surface: var(--sl-panel);
  --pl-surface-light: var(--sl-panel-raised);
  --pl-line: var(--sl-line);
  --pl-muted: var(--sl-muted);
  --pl-soft: rgba(183, 196, 216, 0.09);
  color-scheme: dark;
  color: var(--sl-ink);
  background: var(--sl-canvas-background);
  background-repeat: var(--sl-canvas-background-repeat);
  background-size: var(--sl-canvas-background-size);
  background-attachment: fixed;
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-header {
  border-bottom-color: rgba(6, 23, 43, 0.18);
  background: var(--sl-accent-gradient);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-header :is(.utility-button, .pl-season-restart-button) {
  color: rgba(6, 23, 43, 0.78);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-header :is(#plSeasonSettingsButton, #plSeasonDonateButton) {
  border-color: rgba(6, 23, 43, 0.14);
  color: var(--sl-accent-ink);
  background: rgba(248, 250, 255, 0.28);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-site-brand .brand-mark {
  color: var(--sl-accent-ink);
  background: rgba(248, 250, 255, 0.82);
  box-shadow: 0 8px 20px rgba(226, 25, 55, 0.16);
}

body.super-lig-route-setup-active #premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-site-brand .brand-mark {
  border: 1px solid rgba(248, 250, 255, .72);
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .48), 0 3px 0 var(--sl-red-deep) !important;
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :is(.pl-season-main, .mode-route-setup) {
  color: var(--sl-ink);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .mode-route-setup {
  background:
    radial-gradient(circle at 14% 12%, rgba(226, 25, 55, 0.5), transparent 32rem),
    radial-gradient(circle at 88% 80%, rgba(69, 156, 255, 0.38), transparent 34rem),
    linear-gradient(135deg, #07162A, #25182F 55%, #951936);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .mode-route-setup-panel {
  border: 1px solid var(--sl-line);
  color: var(--sl-ink);
  background: rgba(12, 29, 52, 0.92);
  box-shadow: 0 30px 76px rgba(2, 9, 18, 0.48);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-action-row {
  padding: 12px 16px;
  border: 1px solid var(--sl-line);
  border-radius: 14px;
  background: rgba(16, 29, 49, 0.88);
  box-shadow: 0 14px 34px rgba(2, 9, 18, 0.3), inset 0 1px 0 rgba(183, 196, 216, 0.08);
  backdrop-filter: blur(16px);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-back-button {
  color: var(--sl-ink) !important;
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-date span {
  color: var(--sl-accent-text) !important;
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-date strong {
  color: var(--sl-ink);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :is(.pl-season-title, .pl-panel-heading h2) {
  color: var(--sl-ink);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-primary-button,
#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-finale-actions .is-primary {
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
  box-shadow: 0 9px 22px rgba(184, 14, 43, 0.26);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-tabs {
  border-color: var(--sl-line);
  background: rgba(16, 29, 49, 0.88);
  box-shadow: 0 14px 34px rgba(2, 9, 18, 0.3), inset 0 1px 0 rgba(183, 196, 216, 0.08);
  backdrop-filter: blur(16px);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-tabs button {
  color: var(--sl-muted);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-tabs button.active {
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
  box-shadow: 0 7px 18px rgba(184, 14, 43, 0.22);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :is(.pl-panel, .pl-squad-card, .pl-season-finale) {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: var(--sl-panel);
  box-shadow: 0 18px 46px rgba(2, 9, 18, 0.3);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :is(.pl-fixture-row, .pl-table-head, .pl-table-row) {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: transparent;
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :is(.pl-fixture-score small, .pl-panel-heading span, .pl-squad-card-copy small) {
  color: var(--sl-muted);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-fixture-play {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: var(--sl-panel-raised);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-fixture-play:disabled {
  color: #738299;
  background: var(--sl-panel-soft);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-matches-panel :is(.pl-fixture-row, .pl-fixture-play) {
  transition: none;
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-table-head {
  color: var(--sl-muted);
  background: var(--sl-panel-soft);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-table-row.is-selected {
  background: linear-gradient(90deg, rgba(226, 25, 55, 0.2), rgba(69, 156, 255, 0.07));
  box-shadow: inset 4px 0 0 var(--sl-coral);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-table-row.is-champions-league {
  box-shadow: inset 3px 0 0 var(--sl-blue);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-table-row.is-europe-secondary {
  box-shadow: inset 3px 0 0 var(--sl-green);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-table-row.is-relegation {
  box-shadow: inset 3px 0 0 var(--sl-red);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-squad-arrivals span {
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-squad-rating {
  color: var(--sl-ink);
  background: transparent;
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-squad-rating span {
  color: var(--sl-muted);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-player-list span {
  border-color: var(--sl-line);
  color: var(--sl-ink);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-player-list i {
  color: var(--sl-muted);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-finale-hero {
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  background:
    radial-gradient(circle at 16% 0, rgba(226, 25, 55, 0.58), transparent 46%),
    radial-gradient(circle at 88% 108%, rgba(69, 156, 255, 0.48), transparent 48%),
    linear-gradient(135deg, #101D31, #321A38 58%, #8E1732);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-finale-hero :is(span, h1, p) {
  color: #fff;
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :is(.pl-finale-place, .pl-finale-award) {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: var(--sl-panel-raised);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :is(.pl-finale-place strong, .pl-finale-award-copy strong) {
  color: var(--sl-ink);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :is(.pl-finale-place > b, .pl-finale-section-title, .pl-finale-award-copy > span) {
  color: var(--sl-accent-text);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-finale-award-mark {
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-finale {
  background: radial-gradient(circle at 100% 100%, rgba(226, 25, 55, 0.16), transparent 30rem), var(--sl-panel);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :is(.pl-finale-place, .pl-finale-award) {
  background: linear-gradient(135deg, rgba(226, 25, 55, 0.2), transparent 64%), var(--sl-panel-raised);
  box-shadow: inset 3px 0 0 var(--sl-magenta), 0 10px 24px rgba(2, 9, 18, 0.24);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :is(.pl-finale-place small, .pl-finale-award-copy small) {
  color: var(--sl-muted);
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-finale-actions button {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: linear-gradient(135deg, var(--sl-panel-raised), var(--sl-panel-soft));
}

#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-finale-actions button:is(:hover, :focus-visible) {
  border-color: var(--sl-coral);
  background: var(--sl-accent-gradient-hover);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active {
  --bg: var(--sl-paper);
  --surface: var(--sl-panel);
  --surface-2: var(--sl-panel-raised);
  --domestic-fixture-accent: var(--sl-magenta);
  --line: var(--sl-line);
  --line-strong: rgba(183, 196, 216, 0.4);
  --muted: var(--sl-muted);
  --soft: #DCE5F2;
  color-scheme: dark;
  color: var(--sl-ink);
  background: var(--sl-canvas-background);
  background-repeat: var(--sl-canvas-background-repeat);
  background-size: var(--sl-canvas-background-size);
  background-attachment: fixed;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #appShell {
  color: var(--sl-ink);
  background: var(--sl-canvas-background);
  background-repeat: var(--sl-canvas-background-repeat);
  background-size: var(--sl-canvas-background-size);
  background-attachment: fixed;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .sidebar {
  border-bottom-color: rgba(6, 23, 43, 0.16);
  background: var(--sl-accent-gradient);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .brand-mark {
  color: var(--sl-accent-ink);
  background: rgba(248, 250, 255, 0.82);
  box-shadow: 0 8px 20px rgba(226, 25, 55, 0.16);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .top-actions .utility-button {
  border-color: transparent;
  color: var(--sl-accent-ink);
  background: transparent;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .top-actions #settingsButton,
body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .top-actions .header-donate-link {
  border-color: rgba(6, 23, 43, 0.14);
  color: var(--sl-accent-ink);
  background: rgba(248, 250, 255, 0.28);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .top-actions .header-donate-link {
  box-shadow: none;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .top-actions .account-avatar-icon svg {
  stroke: var(--sl-accent-ink);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(.site-header, .top-bar) {
  border-bottom-color: var(--sl-coral);
  color: #fff;
  background: linear-gradient(105deg, #081629, #2B1934 62%, #9C1B39);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(.panel, .match-stage, .match-detail-panel, .fixture, .round-link, .match-queue-item, #retroMatchLineupsPanel) {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: var(--sl-panel);
  box-shadow: 0 14px 38px rgba(2, 9, 18, 0.28);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #matchAnalysis {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: var(--sl-panel-raised);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .match-analysis-heading {
  border-bottom-color: rgba(248, 250, 255, 0.16);
  background: linear-gradient(105deg, #081629, #351C3A);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .match-analysis-heading strong {
  color: #fff;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(.match-stats-grid, .match-lineup-side + .match-lineup-side) {
  border-color: var(--sl-line);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .match-stat-row {
  color: var(--sl-muted);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .match-stat-row b {
  color: var(--sl-ink);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .match-stage {
  background:
    linear-gradient(rgba(183, 196, 216, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183, 196, 216, 0.04) 1px, transparent 1px),
    radial-gradient(circle at 50% 18%, rgba(226, 25, 55, 0.22), transparent 21rem),
    radial-gradient(circle at 88% 88%, rgba(69, 156, 255, 0.14), transparent 22rem),
    var(--sl-panel);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(.team-name, .score, .match-timer, .panel-heading strong, .fixture-team, .commentary-event strong) {
  color: var(--sl-ink);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(.panel-heading span, .match-stage .stage-label, .fixture small, .commentary-event time, .match-stat-row span) {
  color: var(--sl-muted);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .stage-topline,
body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .standard-match-tactics > span,
body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .standard-match-tactics > small {
  color: var(--sl-accent-text);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .standard-match-tactics > small {
  border-top-color: var(--sl-line);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .standard-tactic-buttons {
  border-color: var(--sl-line);
  background: var(--sl-panel-soft);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .standard-tactic-buttons button {
  color: var(--sl-muted);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .standard-tactic-buttons button.active {
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
  box-shadow: 0 6px 18px rgba(184, 14, 43, 0.26);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .live-control {
  border-color: var(--sl-line);
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(.primary-button, .round-link.active, .secondary-button:hover) {
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(.secondary-button, .utility-button, .pl-live-back-button) {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: var(--sl-panel-raised);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .pl-live-back-button {
  border-color: rgba(6, 23, 43, 0.14);
  color: var(--sl-accent-ink);
  background: rgba(248, 250, 255, 0.74);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .pl-engine-table-panel {
  border-color: var(--sl-line);
  background: var(--sl-panel);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(.pl-engine-table-head, .pl-engine-table-row) {
  border-color: var(--sl-line);
  color: var(--sl-ink);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .pl-engine-table-head,
body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .pl-engine-table-row i {
  color: var(--sl-muted);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .pl-engine-table-row.is-selected {
  background: linear-gradient(90deg, rgba(226, 25, 55, 0.2), rgba(69, 156, 255, 0.07));
  box-shadow: inset 3px 0 0 var(--sl-coral);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .pl-engine-full-table {
  color: var(--sl-accent-text);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .match-stage.pl-full-time .result-note:not([hidden]) {
  color: var(--sl-accent-text);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #snapshotButton {
  border-color: rgba(248, 250, 255, 0.42);
  color: var(--sl-ink);
  background: var(--sl-panel-raised);
  box-shadow: 0 10px 24px rgba(2, 9, 18, 0.32);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #snapshotButton:focus-visible {
  outline-color: var(--sl-yellow);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .snapshot-modal form {
  border-color: rgba(248, 250, 255, 0.24);
  color: var(--sl-ink);
  background: var(--sl-panel-soft);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .snapshot-preview {
  border-color: rgba(248, 250, 255, 0.22);
  background: #030B17;
  box-shadow: 0 18px 50px rgba(2, 9, 18, 0.48);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .snapshot-actions button {
  border-color: rgba(248, 250, 255, 0.3);
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(.round-board, .pl-watch-tactics) {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: rgba(3, 10, 21, 0.94);
  box-shadow: 0 18px 46px rgba(2, 9, 18, 0.34);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard .fixture {
  border-color: rgba(183, 196, 216, 0.18);
  background: var(--sl-panel-soft);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard .fixture.selected {
  border-color: var(--sl-coral);
  background: linear-gradient(105deg, rgba(226, 25, 55, 0.15), rgba(255, 73, 99, 0.08));
  box-shadow: inset 3px 0 0 var(--sl-coral);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard :is(
  .team-filter-search,
  .history-round-button,
  #newerRoundButton,
  #simulateRoundButton,
  #unresolvedFilter,
  .team-filter-chip
) {
  border: 1px solid var(--sl-line);
  color: var(--sl-ink);
  background: rgba(3, 10, 21, 0.9);
  box-shadow: none;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard .team-filter-search {
  color: var(--sl-accent-text);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard .team-filter-search:focus-within {
  border-color: var(--sl-coral);
  background: var(--sl-panel-soft);
  box-shadow: 0 0 0 3px rgba(255, 73, 99, 0.14);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard .team-filter-search input {
  color: var(--sl-ink);
  background: transparent;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard .team-filter-search input::placeholder {
  color: var(--sl-muted);
  opacity: 0.76;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard :is(#unresolvedFilter.active, .team-filter-chip:not([hidden])) {
  border-color: transparent;
  color: var(--sl-accent-ink);
  background: var(--sl-accent-gradient);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard #teamFilterControl .search-result-popover {
  border-color: rgba(183, 196, 216, 0.3);
  color: var(--sl-ink);
  background: #030B17;
  box-shadow: 0 18px 44px rgba(2, 9, 18, 0.52);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard #teamFilterControl .search-result {
  border-bottom-color: var(--sl-line);
  color: var(--sl-ink);
  background: transparent;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard #teamFilterControl .search-result :is(strong, small) {
  color: inherit;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard #teamFilterControl .search-result small,
body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard #teamFilterControl .team-filter-clear {
  color: var(--sl-muted);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard #teamFilterControl .search-result:is(:hover, :focus-visible) {
  color: var(--sl-ink);
  background: rgba(255, 73, 99, 0.12);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard #teamFilterControl .search-result-popover .empty-story {
  color: var(--sl-muted);
  background: #030B17;
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard #teamFilterControl .team-filter-check {
  color: var(--sl-accent-ink);
  background: var(--sl-coral);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .skip-control {
  border-color: var(--sl-line);
  color: var(--sl-ink);
  background: var(--sl-panel-soft);
}

body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(.retro-manager-pitch, .match-pitch-canvas) {
  border-color: rgba(255, 255, 255, 0.42);
  background-color: #237b48;
}

body[data-domestic-league-edition^="super-lig-"] :focus-visible,
#premierLeagueSeasonScreen[data-league-edition^="super-lig-"] :focus-visible,
.mode-card-super-lig :focus-visible {
  outline: 3px solid var(--sl-yellow);
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  .mode-card-super-lig .super-lig-install-button:hover {
    border-color: var(--sl-coral);
    color: var(--sl-ink);
    background: rgba(255, 73, 99, 0.14);
  }

  .mode-card-super-lig .super-lig-install-button.is-installed:hover,
  .super-lig-asset-pack-modal .pl-asset-pack-actions .primary-button:hover:not(:disabled) {
    color: var(--sl-accent-ink);
    background: var(--sl-accent-gradient-hover);
  }

  .super-lig-launch-button:hover,
  #premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-primary-button:hover {
    color: var(--sl-accent-ink) !important;
    background: var(--sl-accent-gradient-hover) !important;
  }

  #premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-header :is(.pl-season-restart-button, .utility-button):hover,
  #premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-season-tabs button:hover:not(.active) {
    color: var(--sl-ink) !important;
    background: rgba(183, 196, 216, 0.08) !important;
  }

  body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active :is(#snapshotButton, .snapshot-actions button):hover {
    border-color: var(--sl-yellow);
    color: var(--sl-accent-ink);
    background: var(--sl-accent-gradient-hover);
  }

  body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard :is(
    .team-filter-search,
    .history-round-button,
    #newerRoundButton,
    #simulateRoundButton,
    #unresolvedFilter,
    .team-filter-chip
  ):hover:not(:disabled) {
    border-color: var(--sl-coral);
    color: var(--sl-ink);
    background: rgba(255, 73, 99, 0.12);
  }

  body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active #roundBoard :is(#unresolvedFilter.active, .team-filter-chip:not([hidden])):hover:not(:disabled),
  body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .skip-control:hover:not(:disabled) {
    border-color: var(--sl-yellow);
    color: var(--sl-accent-ink);
    background: var(--sl-accent-gradient-hover);
  }

  body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active .top-actions .utility-button:hover {
    border-color: rgba(6, 23, 43, 0.14);
    color: var(--sl-accent-ink);
    background: rgba(255, 255, 255, 0.24);
  }

  #premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-table-row:hover {
    background: rgba(226, 25, 55, 0.09);
  }

  #premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-matches-panel .pl-fixture-row:hover {
    background: transparent;
  }

  #premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-matches-panel .pl-fixture-play:hover:not(:disabled) {
    background: var(--sl-panel-raised);
    transform: none;
  }

  #premierLeagueSeasonScreen[data-league-edition^="super-lig-"] .pl-squad-card:hover {
    border-color: var(--sl-line);
    background: var(--sl-panel);
  }

  #spectateModal:has([data-super-lig-team-id]) .prediction-option:hover {
    background: #301B39;
  }

  #spectateModal:has([data-super-lig-team-id]) .prediction-option.selected:hover {
    background: var(--sl-accent-gradient-hover);
  }
}

@media (max-width: 720px) {
  .mode-card-domestic-league[data-domestic-league-preview="superLig"] {
    background:
      radial-gradient(circle at 100% 0, rgba(69, 156, 255, 0.2), transparent 52%),
      linear-gradient(135deg, var(--sl-panel-raised), var(--sl-panel));
    box-shadow: none;
  }

  .super-lig-heading {
    align-items: flex-start;
  }

  .super-lig-brand-mark {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    border-radius: 14px;
  }

  .super-lig-brand-mark img {
    width: 46px;
    max-height: 46px;
  }

}

@media (min-width: 721px) {
  body.before-start:not([data-desktop-mode-setup])
  .mode-card-super-lig .super-lig-install-button {
    min-height: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mode-card-super-lig *,
  #premierLeagueSeasonScreen[data-league-edition^="super-lig-"] *,
  body[data-domestic-league-edition^="super-lig-"].pl-match-mode-active * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}