/* Existing competition components own layout. Club World Cup owns its palette independently of other competitions. */
html body dialog#cwcLaunchAnnouncementModal {
  --popup-blue-950: #202124;
  --popup-blue-850: #34363a;
  --popup-blue-accent: #e0bd70;
  --popup-blue-accent-bright: #f3d99b;
  color: #f2f1ed !important;
  background: #202124 !important;
  border-color: #e0bd70 !important;
}
html body #cwcLaunchAnnouncementModal .feature-announcement-accent {
  background: #34363a !important;
}
html body #cwcLaunchAnnouncementModal .feature-announcement-content {
  background: #202124 !important;
}
html body #cwcLaunchAnnouncementModal h2 {
  color: #f2f1ed !important;
}
html body #cwcLaunchAnnouncementModal p {
  color: #c5c5c2 !important;
}
html body #cwcLaunchAnnouncementModal #cwcLaunchAnnouncementDescription,
html body #cwcLaunchAnnouncementModal #cwcLaunchAnnouncementClose {
  color: #c5c5c2 !important;
}
html body dialog#cwcLaunchAnnouncementModal[open] {
  border: 1px solid #e0bd70 !important;
}
html body #cwcLaunchAnnouncementModal .feature-announcement-button {
  color: #202124 !important;
  border-color: #e0bd70 !important;
}
@font-face {
  font-family: "CWC Broadcast";
  src: url("/assets/fonts/ClubWorld-BarlowCondensed-800-latin.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
html
  body.club-world-cup-route-active
  #competitionBroadcastScoreboard[data-mode="club-world-cup"] {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  margin: 12px auto 22px;
  padding: 0;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-context {
  display: none;
}
html
  body
  #competitionBroadcastScoreboard[data-mode="club-world-cup"]
  .cb-scorebug {
  display: grid;
  grid-template-columns:
    78px 30px minmax(38px, 1fr) 30px 48px 30px minmax(38px, 1fr)
    30px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  gap: 0;
  border: 0;
  border-radius: 0;
  background: #080808;
  box-shadow: none;
  overflow: visible;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-team {
  display: contents;
}
html
  body
  #competitionBroadcastScoreboard[data-mode="club-world-cup"]
  :is(.cb-code, .cb-score, time, .cb-badge) {
  display: grid;
  place-items: center;
  grid-row: 1;
  height: 36px;
  min-width: 0;
  padding: 0;
  margin: 0;
  position: relative;
  inset: auto;
  transform: none;
  border-radius: 0;
  font:
    800 27px/1 "CWC Broadcast",
    sans-serif;
  font-synthesis: none;
  letter-spacing: 0;
  color: #fff;
  background: #080808;
}
html
  body
  #competitionBroadcastScoreboard[data-mode="club-world-cup"]
  .cb-scorebug
  time {
  grid-column: 1;
  width: auto;
  color: #080808;
  background: #e5bd58;
  font-size: 25px;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-home .cb-badge {
  grid-column: 2;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-home .cb-code {
  grid-column: 3;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-home .cb-score {
  grid-column: 4;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-away .cb-score {
  grid-column: 6;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-away .cb-code {
  grid-column: 7;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-away .cb-badge {
  grid-column: 8;
}
html
  body
  #competitionBroadcastScoreboard[data-mode="club-world-cup"]
  .cb-score {
  width: auto;
  background: #fff;
  color: #080808;
  font-size: 31px;
}
html body #competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-logo {
  display: block;
  grid-column: 5;
  grid-row: 1;
  width: 48px;
  height: 54px;
  align-self: center;
  background: url("/assets/club-world-cup-2025/scoreboard-mark.svg") center /
    contain no-repeat;
  z-index: 1;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-logo::before,
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-logo::after {
  content: none;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-badge img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-code::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  height: 3px;
  background: var(--kit);
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-team i {
  grid-row: 1;
  align-self: start;
  z-index: 2;
  font-size: 8px;
  color: #ed2638;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-home i {
  grid-column: 3;
}
#competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-away i {
  grid-column: 7;
}
html
  body.club-world-cup-route-active
  :is(#afcSimulatorScreen, #premierLeagueSeasonScreen) {
  display: none !important;
}
body.club-world-cup-match-mode-active
  #appShell
  :is(
    .topbar,
    #roundBoard,
    #storyStrip,
    .plot-panel,
    #fieldOverview,
    .page-kicker,
    #uclEngineTablePanel,
    #plEngineTablePanel
  ) {
  display: none !important;
}
html:has(body.club-world-cup-route-active),
html body.club-world-cup-route-active,
html body :is(#achievementsScreen, #retroAchievementsModal, #achievementModal, #achievementBanner)[data-achievement-theme="club-world-cup-2025"] {
  --bg: #202124;
  --panel: #34363a;
  --panel-2: #404247;
  --panel-3: #494740;
  --text: #f2f1ed;
  --muted: #c5c5c2;
  --line: #5e5b52;
  --soft: #fff0c8;
  --lime: #e0bd70;
  --lime-dark: #c6a044;
  --pl-bg: #202124;
  --pl-surface: #34363a;
  --pl-surface-light: #404247;
  --pl-muted: #c5c5c2;
  --pl-line: #5e5b52;
  --pl-soft: #404247;
  --pl-era-canvas: #202124;
  --pl-era-canvas-rgb: 243 184 68;
  --pl-era-deep: #0b0b0b;
  --pl-era-deep-rgb: 11 11 11;
  --pl-era-surface: #34363a;
  --pl-era-surface-rgb: 24 24 24;
  --pl-era-raised: #404247;
  --pl-era-raised-rgb: 37 37 37;
  --pl-era-accent: #e0bd70;
  --pl-era-accent-rgb: 229 189 88;
  --pl-era-accent-text: #0b0b0b;
  --pl-era-muted: #c5c5c2;
  --pl-era-muted-rgb: 198 198 198;
  --pl-era-white: #f2f1ed;
  --pl-era-white-rgb: 255 255 255;
  --pl-era-ice: #fff0c8;
  --pl-era-ice-rgb: 255 240 200;
  --domestic-setup-accent: #e0bd70;
  --domestic-setup-accent-text: #0b0b0b;
  --achievement-accent: #e0bd70;
  --achievement-accent-text: #0b0b0b;
  --achievement-surface: #34363a;
  --achievement-surface-deep: #0b0b0b;
  --achievement-tab-surface: #404247;
  --achievement-card: #34363a;
  --achievement-card-complete: #494740;
  --achievement-copy: #f2f1ed;
  --achievement-muted: #c5c5c2;
  --achievement-points: #e0bd70;
  --achievement-shadow: #0008;
  --popup-blue-950: #0b0b0b;
  --popup-blue-900: #34363a;
  --popup-blue-850: #404247;
  --popup-blue-800: #494740;
  color: #f2f1ed;
  color-scheme: dark;
  background: #202124 !important;
}
html body.club-world-cup-route-active::before,
html body.club-world-cup-route-active::after {
  display: none !important;
}
html
  body.club-world-cup-route-active
  :is(
    #appShell,
    #mainContent,
    #matchStage,
    .ucl-simulator-screen,
    .ucl-simulator-header,
    .mode-route-setup,
    .mode-route-setup-panel,
    .ucl-simulator-main
  ) {
  color: #f2f1ed !important;
  background: #202124 !important;
  background-image: none !important;
}
html
  body.club-world-cup-route-active
  :is(.brand-mark, .brand-mark-number, .brand-mark-label) {
  color: #e0bd70 !important;
  border-color: #e0bd70 !important;
}
html
  body.club-world-cup-route-active
  :is(
    .panel,
    .ucl-panel,
    .retro-inline-team-option,
    .afc-squad-dialog,
    .ucl-view-tabs,
    .lineups-panel,
    .tactics-panel,
    .snapshot-modal
  ) {
  color: #f2f1ed !important;
  border-color: #5e5b52 !important;
  background: #34363a !important;
  background-image: none !important;
}
html
  body.club-world-cup-route-active
  :is(
    button:not(.authored-test-match-timeline-marker),
    select,
    input,
    .utility-button,
    .ucl-back-button
  ) {
  color: #f2f1ed;
  border-color: #5e5b52;
  background-color: #404247;
}
html
  body.club-world-cup-route-active
  :is(
    .primary-button,
    #playButton,
    [aria-pressed="true"],
    .retro-inline-team-option.is-selected
  ) {
  color: #0b0b0b !important;
  background: #e0bd70 !important;
  border-color: #eed797 !important;
  box-shadow: none !important;
}
html
  body.club-world-cup-route-active
  :is(
    .retro-inline-team-option.is-selected strong,
    .retro-inline-team-option.is-selected small
  ) {
  color: #0b0b0b !important;
}
html
  body.club-world-cup-route-active
  :is(
    .text-button,
    .pl-engine-full-table,
    .scorer-minute,
    .player-rating,
    #homeScore,
    #awayScore
  ) {
  color: #e0bd70 !important;
}
html
  body.club-world-cup-route-active
  :is(
    .match-stat-bar-fill,
    .tactic-button.active,
    .formation-button.active,
    .player-rating-badge
  ) {
  color: #0b0b0b !important;
  background: #e0bd70 !important;
}
html
  body.club-world-cup-route-active
  :is(.modal, dialog):not(.afc-squad-dialog) {
  color: #f2f1ed !important;
  background: #34363a !important;
  border-color: #5e5b52 !important;
}
html body.club-world-cup-route-active :focus-visible {
  outline: 2px solid #eed797;
  outline-offset: 3px;
}

html body.club-world-cup-route-active .ucl-simulator-screen {
  --ucl-navy-950: #0b0b0b;
  --ucl-navy-900: #34363a;
  --ucl-navy-850: #404247;
  --ucl-navy-800: #494740;
  --ucl-blue: #c6a044;
  --ucl-blue-bright: #e0bd70;
  --ucl-gold: #e0bd70;
  --ucl-ink: #f2f1ed;
  --ucl-muted: #c5c5c2;
  --ucl-line: #5e5b52;
  --ucl-soft: #494740;
}
html
  body.club-world-cup-route-active
  :is(.ucl-primary-action, .primary-button) {
  color: #0b0b0b !important;
  background: #e0bd70 !important;
  border-color: #eed797 !important;
  box-shadow: none;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-panel,
    .ucl-golden-boot,
    .ucl-group-table,
    .ucl-secondary-action,
    .ucl-bracket-tie,
    .ucl-fixture-row,
    .ucl-opponent-card,
    .ucl-empty-state,
    .afc-squad-dialog
  ) {
  background: #34363a;
  border-color: #5e5b52;
  color: #f2f1ed;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-panel > header button,
    .ucl-panel-footer button,
    .ucl-fixtures-toolbar button,
    .ucl-matchday-nav button,
    .ucl-bracket-watch
  ) {
  color: #e0bd70;
  background: #404247;
  border-color: #5e5b52;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-table th,
    .ucl-table td,
    .ucl-fixture-row,
    .ucl-golden-boot-row,
    .ucl-panel > header
  ) {
  border-color: #5e5b52;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-golden-boot-empty,
    .ucl-fixture-md,
    .ucl-kickoff,
    .ucl-table thead th,
    .ucl-table-legend,
    .ucl-stage-copy p,
    .ucl-opponent-venue-label
  ) {
  color: #c5c5c2;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-table-points,
    .ucl-golden-boot-row i,
    .ucl-score,
    .ucl-view-tabs button.active,
    .ucl-bracket-team.is-winner strong
  ) {
  color: #e0bd70;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-table tr.is-managed,
    .ucl-fixture-row.is-managed,
    .ucl-bracket-team.is-winner
  ) {
  background: #494740;
}
html body.club-world-cup-route-active :is(.utility-button, .brand-mark) {
  color: #e0bd70 !important;
}
html body.club-world-cup-route-active .brand-mark {
  background: #494740 !important;
}
html body.club-world-cup-route-active .news-icon i {
  background: #e0bd70 !important;
}
html body.club-world-cup-route-active .toast {
  background: #404247 !important;
  color: #f2f1ed !important;
}
html body.club-world-cup-route-active .ucl-view-tabs button::after {
  background: #e0bd70;
}
#clubWorldCupMatchPanel {
  min-width: 0;
  overflow: hidden;
}
#clubWorldCupMatchPanel .ucl-table {
  min-width: 0;
}
#clubWorldCupMatchPanel .ucl-table :is(td, th) {
  padding: 7px 3px;
}
/* Palette overrides for existing shared competition controls. */
body.club-world-cup-route-active {
  --uefa-setup-accent: #e0bd70;
  --uefa-setup-accent-strong: #c6a044;
  --uefa-setup-header: #0b0b0b;
  --uefa-setup-header-soft: #494740;
  --uefa-setup-panel: #0b0b0b;
  --uefa-setup-card: #34363a;
  --uefa-setup-border: #5e5b52;
  --uefa-setup-muted: #c5c5c2;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-site-brand,
    .ucl-header-left a,
    .ucl-header-actions a,
    .ucl-back-button
  ) {
  text-decoration: none;
}
html body.club-world-cup-route-active .ucl-back-button {
  background: transparent;
}
html
  body.club-world-cup-route-active
  :is(.ucl-view-tabs button, .ucl-fixture-row) {
  background-color: transparent;
}
html body.club-world-cup-route-active .ucl-fixture-row {
  width: 100%;
  color: #f2f1ed;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font: inherit;
  text-align: left;
}
html body.club-world-cup-route-active .ucl-view-tabs button.active {
  color: #e0bd70 !important;
  background: transparent !important;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-champion-card p,
    .ucl-golden-boot-row small,
    .ucl-bracket-team strong,
    .standard-tactic-matchup,
    .standard-tactic-opponent
  ) {
  color: #c5c5c2;
}
html
  body.club-world-cup-route-active
  :is(.ucl-header-left, .ucl-header-actions)
  .utility-button
  > span:first-child {
  color: #e0bd70;
  border-color: #e0bd70;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-panel > header,
    .ucl-panel-heading,
    .ucl-group-table > h3,
    .ucl-golden-boot > header
  ) {
  background: #404247 !important;
  border-color: #5e5b52 !important;
}
html
  body.club-world-cup-route-active
  .ucl-table
  tr[data-zone="direct"]
  td:first-child {
  color: #e0bd70;
  box-shadow: inset 3px 0 #e0bd70;
}
html
  body.club-world-cup-route-active
  .ucl-table
  tr[data-zone="playoff"]
  td:first-child {
  color: #c5c5c2;
  box-shadow: inset 3px 0 #8a7951;
}
html
  body.club-world-cup-route-active
  .ucl-table
  tr[data-zone="out"]
  td:first-child {
  color: #c5c5c2;
  box-shadow: none;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-opponent-number,
    .ucl-opponent-copy small,
    .ucl-opponent-venue,
    .ucl-opponent-venue-label,
    .ucl-champion-awards dt,
    .ucl-champion-awards small
  ) {
  color: #c5c5c2;
}
html body.club-world-cup-route-active .ucl-table-legend span:nth-child(1) {
  --legend-color: #e0bd70;
}
html body.club-world-cup-route-active .ucl-table-legend span:nth-child(2) {
  --legend-color: #a99561;
}
html body.club-world-cup-route-active .ucl-table-legend span:nth-child(3) {
  --legend-color: #756e5f;
}
html body.club-world-cup-route-active .ucl-champion-awards > div {
  background: #404247;
  border-color: #5e5b52;
}

/* Shared match chrome must use the cup palette as well as competition screens. */
html body.club-world-cup-route-active .utility-button > span:first-child,
html
  body.club-world-cup-route-active
  .utility-button
  > span:first-child
  :is(svg, path) {
  color: #e0bd70 !important;
  border-color: #e0bd70 !important;
}
html body.club-world-cup-route-active .ucl-site-brand {
  color: #e0bd70 !important;
}
html body.club-world-cup-route-active .footer-last-updated > * {
  color: #c5c5c2 !important;
}
html body.club-world-cup-route-active .toast {
  border-color: #5e5b52 !important;
}
html body.club-world-cup-route-active .ucl-kickoff.is-watch-action {
  background: #494740;
  border-color: #5e5b52;
  color: #e0bd70;
}
html body.club-world-cup-route-active .match-stat-row {
  color: #c5c5c2 !important;
}
html body.club-world-cup-route-active .match-stat-track {
  background: #494740 !important;
}
html body.club-world-cup-route-active #standardTacticFeedback {
  color: #c5c5c2 !important;
}
html body.club-world-cup-route-active .ucl-score {
  color: #f2f1ed;
  background: #494740;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-score,
    .ucl-bracket-team > b,
    .ucl-kickoff,
    .ucl-opponent-number,
    .ucl-table td
  ) {
  font-family: "Manrope", system-ui, sans-serif !important;
  font-variant-numeric: tabular-nums;
}
html
  body.club-world-cup-route-active
  .ucl-fixture-row:is(:hover, :focus-visible) {
  background: #404247;
  border-color: #c6a044;
}
html
  body.club-world-cup-route-active
  .ucl-fixture-row:is(:hover, :focus-visible)
  :is(.ucl-kickoff.is-watch-action, .ucl-score) {
  color: #f2f1ed;
  background: #4a3c20;
  border-color: #e0bd70;
}
html
  body.club-world-cup-route-active
  .ucl-bracket-tie:is(.is-playable, .is-watchable, .is-viewable) {
  border-color: #75633b;
  box-shadow: 0 8px 24px #0003;
}
html
  body.club-world-cup-route-active
  .ucl-bracket-tie:is(:hover, :focus-visible) {
  background: #494740;
  border-color: #e0bd70;
  box-shadow: 0 8px 24px #0003;
}
html body.club-world-cup-route-active .ucl-bracket-decider {
  color: #c5c5c2;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-table td,
    .ucl-table-club,
    .ucl-team-mark-small,
    .ucl-table-club img
  ) {
  color: #f2f1ed !important;
}
html
  body.club-world-cup-route-active
  :is(
    .golden-boot-empty,
    .golden-boot-empty > *,
    .golden-boot-row small,
    .match-stats-empty,
    .footer-last-updated,
    .live-view-button,
    .standard-tactic-matchup
  ) {
  color: #c5c5c2 !important;
}
html
  body.club-world-cup-route-active
  :is(
    .match-analysis-heading,
    .match-stat-row,
    .lineup-panel,
    .lineup-bench,
    .team-management-panel,
    .standard-tactic-options,
    .match-analysis
  ) {
  border-color: #5e5b52 !important;
}
html
  body.club-world-cup-route-active
  :is(
    .lineup-panel,
    .lineup-bench,
    .team-management-panel,
    .standard-tactic-options
  ) {
  background: #34363a !important;
}

/* A neutral match has no tactics rail: place summaries below the match, then groups. */
html
  body.club-world-cup-match-mode-active
  #mainContent.content:has(#standardMatchTactics[hidden]) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas: "stage stage" "stats boot" "groups groups" !important;
  width: min(1100px, calc(100% - 28px)) !important;
  margin-inline: auto !important;
  gap: 16px !important;
}
html
  body.club-world-cup-match-mode-active
  #mainContent.content:has(#standardMatchTactics[hidden])
  > .stage-column {
  grid-area: stage !important;
  width: 100% !important;
  max-width: 900px;
  justify-self: center;
}
html
  body.club-world-cup-match-mode-active
  #mainContent.content:has(#standardMatchTactics[hidden])
  > .insight-right {
  grid-area: stats !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  margin: 0 !important;
}
html
  body.club-world-cup-match-mode-active
  #mainContent.content:has(#standardMatchTactics[hidden])
  > .insight-left {
  grid-area: boot !important;
  margin: 0 !important;
  align-content: stretch;
}
html
  body.club-world-cup-match-mode-active
  #mainContent
  #clubWorldCupMatchPanel {
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
html body.club-world-cup-match-mode-active #clubWorldCupMatchPanel .ucl-table {
  width: 100%;
  table-layout: fixed;
}
html
  body.club-world-cup-match-mode-active
  #clubWorldCupMatchPanel
  .ucl-table
  :is(th, td):nth-child(2) {
  width: 55%;
}
html
  body.club-world-cup-match-mode-active
  #clubWorldCupMatchPanel
  .ucl-table
  :is(th, td):nth-child(4),
html
  body.club-world-cup-match-mode-active
  #clubWorldCupMatchPanel
  .ucl-table
  :is(th, td):nth-child(5),
html
  body.club-world-cup-match-mode-active
  #clubWorldCupMatchPanel
  .ucl-table
  :is(th, td):nth-child(6) {
  display: none;
}
html
  body.club-world-cup-match-mode-active
  #clubWorldCupMatchPanel
  .ucl-table-club
  strong {
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (min-width: 600px) {
  html
    body.club-world-cup-match-mode-active
    #mainContent
    #clubWorldCupMatchPanel
    .ucl-groups-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
@media (max-width: 599px) {
  html
    body.club-world-cup-match-mode-active
    #mainContent.content:has(#standardMatchTactics[hidden]) {
    grid-template-areas: "stage stage" "stats stats" "boot boot" "groups groups" !important;
  }
  html
    body.club-world-cup-match-mode-active
    #clubWorldCupMatchPanel
    .ucl-groups-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

/* The shared winners ceremony follows the season palette. */
html
  body.club-world-cup-route-active
  :is(.ucl-champion-overlay, .ucl-champion-overview) {
  background: #202124;
}
html body.club-world-cup-route-active .ucl-champion-card {
  width: min(780px, 100%);
  gap: 16px;
  padding: 32px 20px;
}
html body.club-world-cup-route-active .ucl-champion-card .ucl-trophy {
  display: none;
}
html body.club-world-cup-route-active .ucl-champion-badge {
  width: 112px;
  height: 112px;
  margin: 0;
  filter: drop-shadow(0 4px 16px rgba(216, 184, 102, 0.2));
}
html body.club-world-cup-route-active .ucl-champion-card h1 {
  margin: 0;
  line-height: 1.08;
  text-shadow: none;
}
html body.club-world-cup-route-active .ucl-champion-kicker {
  color: #f2f1ed;
  font:
    800 15px/1.5 "Manrope",
    sans-serif;
  letter-spacing: 0;
}
html body.club-world-cup-route-active .ucl-champion-awards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  margin: 8px 0;
}
html body.club-world-cup-route-active .ucl-champion-awards dt {
  font-family: "Manrope", sans-serif;
}
html body.club-world-cup-route-active .ucl-champion-actions {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8px;
}
@media (max-width: 480px) {
  html body.club-world-cup-route-active .ucl-champion-card {
    gap: 12px;
    padding: 24px 12px;
  }
  html body.club-world-cup-route-active .ucl-champion-awards {
    grid-template-columns: 1fr;
  }
}

/* Full competition context follows the match and its support rails. */
html
  body.club-world-cup-match-mode-active
  #mainContent:has(#standardMatchTactics[hidden])
  #clubWorldCupMatchPanel {
  grid-area: groups !important;
}
html body.club-world-cup-match-mode-active #clubWorldCupMatchPanel {
  order: 100;
  min-width: 0;
}
@media (min-width: 1151px) {
  html
    body.club-world-cup-match-mode-active
    #mainContent
    #clubWorldCupMatchPanel
    .ucl-groups-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
html
  body.club-world-cup-route-active
  .authored-action-preview-controls
  .authored-test-match-timeline-marker {
  background: transparent;
  border: 0;
  box-shadow: none;
  pointer-events: auto;
  cursor: help;
}
html
  body.club-world-cup-route-active
  .authored-action-preview-controls
  .authored-test-match-timeline-marker::after {
  background: #404247;
  border-color: #5e5b52;
  color: #f2f1ed;
}

html body.club-world-cup-route-active .ucl-bracket-decider {
  background: #404247;
  color: #e0bd70;
}
/* Screen and match layout are shared; only the tournament scorebug is specific. */
body.club-world-cup-match-mode-active .match-stats-empty span {
  white-space: normal;
  text-align: center;
}
.competition-folder-club-world-cup,
.competition-edition-club-world-cup {
  background: #27231a;
  border-color: #75633b;
}
.competition-folder-club-world-cup img,
.competition-edition-club-world-cup img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.club-world-cup-match-mode-active
  #appShell
  :is(
    .topbar,
    #roundBoard,
    #storyStrip,
    .plot-panel,
    #fieldOverview,
    .page-kicker,
    #uclEngineTablePanel,
    #plEngineTablePanel
  ) {
  display: none !important;
}
body.club-world-cup-route-active
  img[src*="/club-world-cup-2025/badges/111.png"] {
  filter: brightness(0) invert(1);
}

/* Warm canvas, dark controls and light text inside dark surfaces. */
html
  body.club-world-cup-route-active
  :is(#appShell #mainContent, #uclSimulatorScreen #uclSimulatorContent)
  :is(
    .match-analysis,
    .golden-boot-panel,
    .ucl-group-table,
    .ucl-golden-boot,
    .ucl-panel,
    .ucl-champion-card
  )
  :is(h1, h2, h3, strong, span, b, small, p, dt, dd) {
  color: #f2f1ed !important;
}
html
  body.club-world-cup-route-active
  #appShell
  #mainContent
  #standardTacticButtons {
  background: #34363a !important;
  border-color: #5e5b52 !important;
}
html
  body.club-world-cup-route-active
  #appShell
  #mainContent
  #standardTacticButtons
  button.active,
html
  body.club-world-cup-route-active
  #uclRouteSetup
  #uclInlineTeamToolbar
  button[data-inline-neutral-choice][aria-pressed="true"] {
  color: #fff1cd !important;
  background: #45474b !important;
}
html
  body.club-world-cup-route-active
  :is(.ucl-back-button, .mode-route-setup-back) {
  color: #f2f1ed !important;
}
html
  body.club-world-cup-route-active
  :is(
    .retro-inline-team-option.is-selected,
    .retro-inline-team-option.is-selected strong,
    .retro-inline-team-option.is-selected small,
    .tactic-button.active,
    button[aria-pressed="true"]
  ) {
  color: #fff1cd !important;
  background-color: #45474b !important;
}
html body.club-world-cup-route-active .ucl-champion-card {
  color: #f2f1ed !important;
  background: #34363a !important;
}
html body.club-world-cup-route-active .ucl-champion-card h1 {
  color: #f2f1ed !important;
}
html body.club-world-cup-route-active .ucl-champion-card .ucl-champion-kicker {
  color: #e0bd70 !important;
}
html body.club-world-cup-route-active .ucl-champion-card > p {
  color: #c5c5c2 !important;
}
html body.club-world-cup-route-active #appShell #mainContent #stageRoundLabel,
html body.club-world-cup-route-active #uclRouteSetup #uclInlineTeamCount {
  color: #c5c5c2 !important;
}
html
  body.club-world-cup-route-active
  :is(#uclRouteSetup #startUclSimulatorButton, #mainContent #playButton) {
  color: #fff1cd !important;
  background: #45474b !important;
  border: 1px solid #45474b !important;
}
html
  body.club-world-cup-route-active
  :is(
    #clubCompetitionSetupCopy,
    #uclTeamHint,
    #stageRoundLabel,
    .ucl-header-copy > p
  ) {
  color: #c5c5c2 !important;
}
html body.club-world-cup-route-active .site-footer {
  color: #f2f1ed;
}
html
  body.club-world-cup-route-active
  .site-footer
  :is(p, a, small, .footer-last-updated > *) {
  color: #c5c5c2 !important;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-primary-action,
    .primary-button,
    #playButton,
    #startUclSimulatorButton,
    #uclPrimaryActionButton
  ) {
  color: #fff1cd !important;
  background: #45474b !important;
  border-color: #45474b !important;
}
html
  body.club-world-cup-route-active
  :is(
    .ucl-primary-action,
    .primary-button,
    #playButton,
    #startUclSimulatorButton,
    #uclPrimaryActionButton
  ):hover {
  background: #56585d !important;
  border-color: #fff1cd !important;
}
html
  body.club-world-cup-route-active
  :is(
    .match-analysis,
    .golden-boot-panel,
    .ucl-champion-awards > div,
    .ucl-view-tabs,
    #standardMatchTactics
  ) {
  color: #f2f1ed !important;
  background: #34363a !important;
  border-color: #5e5b52 !important;
}
html
  body.club-world-cup-route-active
  :is(
    .mode-route-setup h1,
    .mode-route-setup > p,
    .ucl-simulator-header h1,
    .ucl-champion-card h1,
    .ucl-champion-card > p,
    .ucl-champion-subtitle,
    .ucl-stage-copy,
    .match-phase,
    .standard-tactic-opponent,
    .standard-tactic-matchup
  ) {
  color: #f2f1ed !important;
}
html body.club-world-cup-route-active .ucl-champion-card {
  color: #f2f1ed;
}
html
  body.club-world-cup-route-active
  :is(.mode-route-setup-panel, .ucl-simulator-main)
  > :is(p, small) {
  color: #c5c5c2;
}
html body.club-world-cup-route-active .ucl-champion-card h1 {
  color: #f2f1ed !important;
}
html body.club-world-cup-route-active .ucl-champion-card > p {
  color: #c5c5c2 !important;
}
html
  body.club-world-cup-route-active
  :is(#uclStageKicker, #uclMatchdayDate, #uclProgressLabel) {
  color: #c5c5c2 !important;
}

html body #competitionBroadcastScoreboard[data-mode="club-world-cup"] .cb-penalties {
  position: static;
  margin: 18px 0 0;
  padding: 6px 10px;
  color: #f3d99b;
  font: 700 14px/1.4 Arial, sans-serif;
  text-align: center;
  white-space: normal;
}