/* Generated from always-on global UI chunks. Edit src/web/styles, then run npm run build:styles. */
/* Asian Cup 2027 final UI guards. */
:root { --ac27-silver:#d5dcda }
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-screen-header,
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-screen-header { position:sticky;z-index:30;display:flex!important;min-height:72px;align-items:center;gap:8px;padding:0 clamp(20px,3vw,52px) }
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-screen-brand,
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-screen-brand { order:1;grid-column:auto;margin:0 2px 0 0 }
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-screen-left,
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-screen-left { order:2 }
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-screen-actions,
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-screen-actions { order:4;margin-left:auto }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-tournament-heading { display:none!important }
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-route-setup-identity { display:none!important }
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-tournament-main > :not(.retro-route-setup) { display:none!important }
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active #restartRetroWorldCupButton,
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active #retroWorldCupRestartButton { display:inline-flex;min-width:104px;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border:1px solid var(--ac27-line)!important;border-radius:4px!important;color:var(--ac27-text)!important;background:var(--ac27-surface)!important;box-shadow:none!important;font:900 11px "Manrope",sans-serif }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active #retroWorldCupRestartButton { width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;flex:0 0 44px;padding:0!important }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active #retroWorldCupRestartButton>span { font-size:20px;line-height:1 }
@media(max-width:560px){body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active #retroWorldCupRestartButton{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;flex-basis:34px}}
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active #restartRetroWorldCupButton.is-confirming-restart,
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active #retroWorldCupRestartButton.is-confirming-restart { border-color:var(--ac27-silver)!important;color:var(--ac27-deep)!important;background:var(--ac27-silver)!important;box-shadow:none!important }
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-route-setup-controls :is(button.active,button[aria-pressed="true"],.retro-inline-team-option.is-selected),
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-route-setup-controls :is(button.active,button[aria-pressed="true"],.retro-inline-team-option.is-selected) * { color:#050806!important;text-shadow:none!important }
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-route-setup-back>span:first-child,
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active #mainContent :is(.stage-round,.panel-heading h2,.match-analysis-heading,.section-heading h2,.event-live-clock strong,.live-clock,.fixture-team.winner .name,.fixture-team.winner b,.penalty-stage-head strong i,.penalty-stage-head strong b.score-pop,.match-penalty-decision strong,.bracket-heads,.golden-boot-rank,.golden-boot-row>b,.champion-stage .trophy,.champion-stage p,.champion-section-label,.champion-place>b,.retro-third-place-playoff,.fixture-card-head small,.retro-fixture-details,.inline-elimination h3,.result-note,.team-match-events .timeline-event b),
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active :is(.retro-match-lineups-panel summary,.retro-match-lineups-panel .retro-lineup-side li>b,.retro-match-lineups-panel .retro-lineup-side li em) { color:#d5dcda!important;text-shadow:none!important }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active :is(.retro-back-to-modes>span:first-child,#mainContent .retro-standard-fixture-meta,#mainContent .retro-group-table em,#mainContent .search,#mainContent .search span) { color:#d5dcda!important;text-shadow:none!important }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active :is(.retro-back-to-modes,.retro-back-to-modes>span,#mainContent .golden-boot-player small,#mainContent .champion-award-mark,#mainContent .champion-award-copy>span,#mainContent .champion-award-copy small,#mainContent .champion-award-copy small b,#mainContent .snapshot-trigger) { color:#d5dcda!important;text-shadow:none!important }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-groups-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .asian-cup-2027-group-table :is(.retro-table-head,.retro-table-row) { grid-template-columns:minmax(128px,1fr) repeat(8,26px) minmax(78px,.7fr)!important;gap:5px!important;min-width:470px;min-height:46px;padding:7px 12px!important }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .asian-cup-2027-group-table .retro-table-head { min-height:36px;font-size:9px }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .asian-cup-2027-group-table .retro-table-row { font-size:11px }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .asian-cup-2027-group-table .retro-table-row>span strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .asian-cup-2027-group-table .afcon-table-status { overflow:hidden;color:#d5dcda!important;font-size:9px;font-weight:800;line-height:1.15;text-align:left;text-overflow:ellipsis;white-space:nowrap }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active :is(.asian-cup-2027-best-thirds-head,.asian-cup-2027-best-thirds-row) { display:grid;grid-template-columns:minmax(170px,1fr) repeat(8,38px) minmax(118px,.7fr);align-items:center;gap:6px;min-width:700px;min-height:46px;padding:8px 14px }
body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active #mainContent :is(#simulateRoundButton,[data-retro-action="simulate-stage"]) { border-color:#d5dcda!important;color:#002b19!important;background:#d5dcda!important;box-shadow:none!important }
@media(hover:hover) and (pointer:fine){body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active #mainContent :is(#simulateRoundButton,[data-retro-action="simulate-stage"]):hover{border-color:#f6fff9!important;color:#050806!important;background:#f6fff9!important}}
@media(max-width:1700px){body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-route-setup-back:is(:hover,:focus-visible),body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-back-to-modes:is(:hover,:focus-visible){border-color:var(--ac27-line)!important;color:var(--ac27-silver)!important;background:var(--ac27-card)!important;box-shadow:none!important;transform:none!important}body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-route-setup-back:is(:hover,:focus-visible)>span,body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-back-to-modes:is(:hover,:focus-visible)>span{color:inherit!important}body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-saved-tournament-actions{min-height:42px;margin-bottom:20px}body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-route-setup-controls{backdrop-filter:none!important}@media(min-width:1281px) and (max-width:1368px){body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-route-setup{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-route-setup-controls{backdrop-filter:none!important}body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active #retroModeActions{position:fixed!important;right:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important;left:50%!important;z-index:80;box-sizing:border-box;display:flex!important;width:min(720px,calc(100% - 24px))!important;align-items:stretch;flex-direction:row!important;flex-wrap:nowrap!important;gap:7px!important;margin:0!important;padding:7px!important;border:1px solid var(--retro-setup-border);border-radius:11px;background:var(--retro-setup-panel);box-shadow:0 12px 34px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.1);transform:translateX(-50%)!important;backdrop-filter:blur(14px)}body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active #retroModeActions>.start-tournament{width:auto!important;min-width:0!important;min-height:42px!important;flex:1 1 auto!important}body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active #retroModeActions>:not(.start-tournament){width:auto!important;min-height:42px!important;flex:0 0 auto}}
@media(max-width:820px){body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-groups-grid{grid-template-columns:1fr}}
@media(max-width:560px){body.retro-asian-cup-2027-setup-active.retro-asian-cup-2027-setup-active .retro-screen-header,body.retro-mode-active.retro-asian-cup-2027-active.retro-asian-cup-2027-active .retro-screen-header{gap:5px;padding-inline:10px}}
/* Final achievement palette guards. Each competition supplies the complete
   shared token set so the default green theme cannot leak into its panel. */

#achievementsScreen[data-achievement-theme="1998"],
#retroAchievementsModal[data-achievement-theme="1998"] {
  --achievement-accent: #c92f4f;
  --achievement-accent-text: #ffffff;
  --achievement-surface: #1d4887;
  --achievement-surface-deep: #031439;
  --achievement-tab-surface: rgba(2, 18, 53, .82);
  --achievement-card: rgba(24, 67, 126, .86);
  --achievement-card-complete: #224f91;
  --achievement-copy: #f7faff;
  --achievement-muted: #bdcce0;
  --achievement-points: #f08ca2;
  --achievement-shadow: rgba(1, 7, 24, .56);
  border-color: rgba(220, 229, 239, .55) !important;
  color: #f7faff !important;
  background: linear-gradient(145deg, #1d4887, #031439 68%, #691b39) !important;
}

#achievementsScreen[data-achievement-theme="1998"] .achievement-progress-panel,
#retroAchievementsModal[data-achievement-theme="1998"] {
  border-top-color: #c92f4f !important;
  background:
    radial-gradient(circle at 94% -20%, rgba(201, 47, 79, .28), transparent 38%),
    linear-gradient(145deg, #173f79, #031439) !important;
}

#achievementsScreen[data-achievement-theme="1998"] .achievement-year-tabs,
#retroAchievementsModal[data-achievement-theme="1998"] .achievement-year-tabs {
  border-color: rgba(220, 229, 239, .32) !important;
  background: rgba(2, 18, 53, .82) !important;
}

#achievementsScreen[data-achievement-theme="1998"] .achievement-year-tabs button,
#retroAchievementsModal[data-achievement-theme="1998"] .achievement-year-tabs button {
  color: #bdcce0 !important;
  background: transparent !important;
}

#achievementsScreen[data-achievement-theme="1998"] .achievement-year-tabs button[aria-selected="true"],
#retroAchievementsModal[data-achievement-theme="1998"] .achievement-year-tabs button[aria-selected="true"] {
  color: #ffffff !important;
  background: linear-gradient(135deg, #2f71d0, #c92f4f) !important;
}

#achievementsScreen[data-achievement-theme="1998"] .achievement-country,
#retroAchievementsModal[data-achievement-theme="1998"] .achievement-country {
  border-color: rgba(220, 229, 239, .24) !important;
  color: #f7faff !important;
  background: rgba(24, 67, 126, .86) !important;
}

#achievementsScreen[data-achievement-theme="1998"] :is(h1, h2, h3, strong),
#retroAchievementsModal[data-achievement-theme="1998"] :is(h1, h2, h3, strong) {
  color: #f7faff !important;
}

#achievementsScreen[data-achievement-theme="2024"],
#retroAchievementsModal[data-achievement-theme="2024"] {
  --achievement-copy: #ffffff;
  --achievement-muted: #dbe8ff;
  color: #ffffff !important;
  background: linear-gradient(145deg, #0b3f96, #061d54) !important;
}

#achievementsScreen[data-achievement-theme="2024"] .achievement-progress-panel,
#retroAchievementsModal[data-achievement-theme="2024"] {
  background:
    radial-gradient(circle at 94% -20%, rgba(229, 27, 43, .24), transparent 38%),
    linear-gradient(145deg, #0b3f96, #061d54) !important;
}

#achievementsScreen[data-achievement-theme="2024"] :is(
  #achievementProgressLabel,
  #retro2014AchievementCount
),
#retroAchievementsModal[data-achievement-theme="2024"] :is(
  #retroAchievementProgressLabel,
  #retroAchievementModalCount
) {
  color: #ffffff !important;
}

#achievementsScreen[data-achievement-theme="2024"] :is(#achievementsTitle, #achievementsTitle + p) {
  color: #ffffff !important;
}

.achievements-screen[data-achievement-theme="euro-2024"],
.retro-achievements-modal[data-achievement-theme="euro-2024"] {
  --achievement-accent: var(--euro24-yellow);
  --achievement-accent-text: var(--euro24-navy);
  --achievement-surface: #07349e;
  --achievement-surface-deep: #061a50;
  --achievement-tab-surface: rgba(6, 31, 103, .88);
  --achievement-card: rgba(7, 52, 158, .86);
  --achievement-card-complete: #0b43bf;
  --achievement-copy: var(--euro24-white);
  --achievement-muted: var(--euro24-muted);
  --achievement-points: var(--euro24-yellow);
  --achievement-shadow: var(--euro24-shadow);
}

.achievements-screen[data-achievement-theme="euro-2024"] .achievement-progress-panel,
.retro-achievements-modal[data-achievement-theme="euro-2024"] {
  background:
    linear-gradient(124deg, rgba(255, 255, 255, .04) 0 28%, transparent 28.2%),
    linear-gradient(145deg, #07349e, #061a50) !important;
}

.achievements-screen[data-achievement-theme="euro-2024"] :is(.achievements-intro h1, .achievements-intro p) {
  color: var(--euro24-white) !important;
}

.achievements-screen[data-achievement-theme="afcon-2025"],
.retro-achievements-modal[data-achievement-theme="afcon-2025"] {
  --achievement-accent: #ffd34a;
  --achievement-accent-text: #4a000a;
  --achievement-surface: #950016;
  --achievement-surface-deep: #47000a;
  --achievement-tab-surface: rgba(54, 0, 8, .86);
  --achievement-card: rgba(173, 18, 40, .82);
  --achievement-card-complete: #c21b35;
  --achievement-copy: var(--afcon25-white);
  --achievement-muted: var(--afcon25-muted);
  --achievement-points: #ffd34a;
  --achievement-shadow: var(--afcon25-shadow);
  border-color: rgba(255, 211, 74, .58) !important;
  color: var(--afcon25-white) !important;
  background: linear-gradient(145deg, #950016, #47000a) !important;
}

.achievements-screen[data-achievement-theme="afcon-2025"] .achievement-progress-panel,
.retro-achievements-modal[data-achievement-theme="afcon-2025"] {
  border-top-color: #ffd34a !important;
  background:
    radial-gradient(circle at 94% -20%, rgba(255, 211, 74, .18), transparent 38%),
    linear-gradient(145deg, #950016, #47000a) !important;
}

[data-achievement-theme="afcon-2025"] .achievement-year-tabs {
  background: rgba(54, 0, 8, .86) !important;
}

[data-achievement-theme="afcon-2025"] .achievement-year-tabs button:is([aria-selected="true"], .is-selected) {
  color: #4a000a !important;
  background: #ffd34a !important;
}

.achievements-screen[data-achievement-theme="afcon-2025"] :is(.achievements-intro h1, .achievements-intro p) {
  color: var(--afcon25-white) !important;
}

/* The competition palette belongs to the achievement panel. Keep the page
   heading on the normal site canvas instead of drawing a large colour box. */
#achievementsScreen[data-achievement-theme] {
  border: 0 !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}

#achievementsScreen[data-achievement-theme] .achievements-intro h1 {
  color: #f5f7fb !important;
}

#achievementsScreen[data-achievement-theme] .achievements-intro p {
  color: #9eacc2 !important;
}

html.light-mode body.achievements-mode-active #achievementsScreen[data-achievement-theme] .achievements-intro h1 {
  color: #172033 !important;
}

html.light-mode body.achievements-mode-active #achievementsScreen[data-achievement-theme] .achievements-intro p {
  color: #4f5d72 !important;
}
/* Shared tournament team picker: make iPad touch scrolling and taps deterministic. */
@media (hover: none), (pointer: coarse) {
  #spectateModal {
    overflow-x: hidden;
  }

  #spectateModal form {
    overflow: hidden;
  }

  #spectateModal .spectate-list {
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }

  #spectateModal .prediction-option {
    min-height: 56px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .custom-team-picker-panel {
    overscroll-behavior: contain;
  }

  .custom-team-picker-panel > header button,
  .custom-editor-backdrop,
  .custom-team-picker-list > button {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .custom-team-picker-list {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
  }
}
/* Shared blue leaderboard and the compact two-level achievement picker. */
.leaderboard-intro {
  margin-bottom: 18px;
}

.leaderboard-intro h1 {
  color: #ffffff;
}

.leaderboard-screen .home-achievement-leaderboard {
  border-color: rgba(201, 240, 255, .28);
  background:
    radial-gradient(circle at 92% 0%, rgba(98, 205, 244, .2), transparent 34%),
    linear-gradient(145deg, #0784b5, #056b95 72%);
  box-shadow: 0 22px 52px rgba(0, 53, 78, .28);
}

.leaderboard-screen .home-leaderboard-tabs {
  border: 1px solid rgba(209, 243, 255, .2);
  background: rgba(0, 76, 108, .5);
}

.leaderboard-screen .home-leaderboard-tabs button {
  color: #c9efff;
  background: transparent;
}

.leaderboard-screen .home-leaderboard-tabs button[aria-selected="true"] {
  color: #045d80;
  background: #e0f6ff;
  box-shadow: 0 5px 14px rgba(0, 55, 80, .18);
}

.leaderboard-screen .home-achievement-table,
.home-achievement-modal-table {
  border-color: rgba(206, 241, 255, .22);
  background: rgba(3, 91, 126, .34);
}

.leaderboard-screen .home-achievement-row,
.home-achievement-modal-table .home-achievement-row {
  border-color: rgba(207, 242, 255, .16);
  color: #ccefff;
  background: rgba(4, 99, 137, .3);
}

.leaderboard-screen .home-achievement-row {
  grid-template-columns: 54px minmax(170px, 1fr) 110px 100px;
}

.leaderboard-screen .home-achievement-player,
.home-achievement-modal-table .home-achievement-player {
  gap: 16px;
}

.leaderboard-screen .home-achievement-row:nth-child(odd),
.home-achievement-modal-table .home-achievement-row:nth-child(odd) {
  background: rgba(0, 75, 107, .32);
}

.leaderboard-screen .home-achievement-row.is-heading,
.home-achievement-modal-table .home-achievement-row.is-heading {
  color: #bfeaff;
  background: #056f9b;
}

.leaderboard-screen .home-achievement-row.is-current,
.home-achievement-modal-table .home-achievement-row.is-current {
  background: rgba(133, 218, 250, .18);
  box-shadow: inset 4px 0 #9de5ff;
}

.leaderboard-screen .home-achievement-row > strong,
.leaderboard-screen .home-achievement-player b,
.home-achievement-modal-table .home-achievement-row > strong,
.home-achievement-modal-table .home-achievement-player b {
  color: #ffffff;
}

.leaderboard-screen .home-achievement-own {
  border-color: rgba(203, 241, 255, .24);
  background: rgba(0, 74, 105, .38);
}

.leaderboard-screen .home-achievement-own :is(span, b) {
  color: #c9efff;
}

.leaderboard-screen .home-achievement-own strong {
  color: #ffffff;
}

.leaderboard-screen .home-achievement-empty {
  color: #d3f2ff;
}

.simulation-streak {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #ffffff;
  font-weight: 900;
}

.simulation-streak.is-empty {
  color: #a9d9ea;
  font-weight: 700;
}

.home-achievement-modal {
  border-color: rgba(198, 238, 255, .3);
  background: linear-gradient(145deg, #0784b5, #045d80);
  box-shadow: 0 28px 80px rgba(0, 46, 68, .44);
}

.home-achievement-modal header p,
.home-achievement-modal-close {
  color: #c9efff;
}

.achievement-category-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  width: min(700px, 100%);
  margin: 0 0 10px;
  padding: 5px;
  border: 1px solid rgba(195, 235, 252, .22);
  border-radius: 12px;
  background: rgba(1, 72, 103, .62);
}

#achievementsScreen[data-achievement-theme="career"],
#retroAchievementsModal[data-achievement-theme="career"] {
  --achievement-accent: #8fe8ff;
  --achievement-accent-text: #05243a;
  --achievement-surface: #08698d;
  --achievement-surface-deep: #052f50;
  --achievement-tab-surface: rgba(3, 39, 67, .78);
  --achievement-card: rgba(8, 91, 125, .78);
  --achievement-card-complete: #087c7b;
  --achievement-copy: #effbff;
  --achievement-muted: #b8dceb;
  --achievement-points: #8fe8ff;
  --achievement-shadow: rgba(0, 24, 42, .42);
}

.achievement-career-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(143, 232, 255, .36);
  border-radius: 10px;
  color: #05243a;
  background: #8fe8ff;
  font: 900 12px/1 "Manrope", sans-serif;
}

.home-career-player-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

.home-career-player-copy small {
  overflow: hidden;
  color: #bfe7f5;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.achievement-category-tabs button {
  min-height: 42px;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  color: #ccefff;
  background: transparent;
  font: 800 12px "Manrope", sans-serif;
  cursor: pointer;
}

.achievement-category-tabs button[aria-selected="true"] {
  color: #045d80;
  background: #e2f7ff;
  box-shadow: 0 5px 16px rgba(0, 47, 70, .2);
}

/* Competition popups share the same palette as the full Achievements screen.
   These guards live after the generic navigation rules so the fallback blue
   cannot override an edition's own colour tokens. */
#achievementsScreen[data-achievement-theme] .achievement-category-tabs,
#retroAchievementsModal[data-achievement-theme] .achievement-category-tabs {
  border-color: color-mix(in srgb, var(--achievement-accent) 34%, transparent);
  background: var(--achievement-tab-surface);
}

#achievementsScreen[data-achievement-theme] .achievement-category-tabs button,
#retroAchievementsModal[data-achievement-theme] .achievement-category-tabs button {
  color: var(--achievement-muted);
  background: transparent;
  box-shadow: none;
}

#achievementsScreen[data-achievement-theme] .achievement-category-tabs button[aria-selected="true"],
#retroAchievementsModal[data-achievement-theme] .achievement-category-tabs button[aria-selected="true"] {
  color: var(--achievement-accent-text);
  background: var(--achievement-accent);
  box-shadow: 0 5px 16px var(--achievement-shadow);
}

#achievementsScreen .achievement-year-tabs,
#retroAchievementsModal .achievement-year-tabs {
  display: flex !important;
  grid-template-columns: none !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}

#achievementsScreen .achievement-year-tabs button,
#retroAchievementsModal .achievement-year-tabs button {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  min-height: 42px;
  padding-inline: 14px !important;
  scroll-snap-align: start;
  white-space: nowrap;
}

.achievement-year-tabs button[hidden] {
  display: none !important;
}

#retroAchievementsModal .achievement-category-tabs {
  margin-top: 20px;
}

@media (max-width: 560px) {
  .leaderboard-screen .home-achievement-row {
    grid-template-columns: 34px minmax(0, 1fr) 64px 58px;
    gap: 7px;
  }

  .leaderboard-screen .home-achievement-player {
    gap: 10px;
  }

  .leaderboard-screen .home-achievement-flag.country-flag {
    width: 28px;
    height: 19px;
  }

  .leaderboard-screen .home-achievement-own {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .leaderboard-screen .home-achievement-own b {
    grid-column: 1 / -1;
  }

  .achievement-category-tabs button {
    min-height: 44px;
    padding-inline: 8px;
    font-size: 10px;
  }

  .achievement-category-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Simulator hub catalog: clearer competition groups with retained setup routes. */
.simulator-catalog {
  display: none;
}

body.before-start:not([data-desktop-mode-setup]) .simulator-catalog {
  display: grid;
  gap: 22px;
}

body.before-start:not([data-desktop-mode-setup]) .mode-select > .mode-grid {
  display: none;
}

.simulator-catalog-section {
  min-width: 0;
}

.simulator-catalog-section > h2 {
  margin: 0 0 9px;
  color: #ffffff;
  font: 850 clamp(18px, 1.7vw, 21px)/1.15 "Manrope", sans-serif;
  letter-spacing: -.035em;
}

.simulator-catalog-grid {
  display: grid;
  gap: 10px;
}

.simulator-career-section {
  min-width: 0;
}

.simulator-career-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.simulator-career-grid > .simulator-mode-card {
  min-height: 122px;
  align-items: flex-start;
  padding: 16px 46px 16px 16px;
  text-align: left;
  text-decoration: none;
}

.simulator-career-grid .simulator-mode-copy {
  max-width: 100%;
}

.simulator-career-grid .simulator-career-card-player {
  border-color: rgba(226, 208, 255, .58);
  background: radial-gradient(circle at 86% 10%, rgba(255, 157, 226, .42), transparent 34%), radial-gradient(circle at 8% 112%, rgba(103, 216, 255, .26), transparent 42%), linear-gradient(145deg, #8a39d5 0%, #6330bd 54%, #3d278e 100%);
  box-shadow: 0 17px 36px rgba(55, 22, 112, .28), inset 0 1px rgba(255, 255, 255, .17);
}

.simulator-career-grid .simulator-career-beta {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  padding: 4px 7px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 999px;
  color: #32136b;
  background: rgba(247, 235, 255, .94);
  font: 900 9px/1 "DM Mono", monospace;
  letter-spacing: .12em;
  box-shadow: 0 5px 14px rgba(37, 12, 80, .24);
}

.simulator-career-card-manager {
  background: radial-gradient(circle at 88% 12%, rgba(126, 241, 201, .26), transparent 32%), linear-gradient(145deg, #087f89, #075a70);
}

.simulator-career-card-club-manager {
  border-color: rgba(157, 229, 255, .48);
  background: radial-gradient(circle at 88% 12%, rgba(111, 222, 255, .25), transparent 34%), radial-gradient(circle at 8% 112%, rgba(116, 255, 190, .16), transparent 44%), linear-gradient(145deg, #12617f, #183c69 58%, #222d55);
  box-shadow: 0 17px 36px rgba(9, 37, 71, .28), inset 0 1px rgba(255, 255, 255, .14);
}

.simulator-career-card-builder {
  background: radial-gradient(circle at 88% 12%, rgba(255, 220, 126, .24), transparent 32%), linear-gradient(145deg, #16849a, #09647d);
}

.simulator-career-card[disabled] {
  cursor: default;
  opacity: .72;
}

.simulator-career-grid .simulator-card-chevron {
  position: absolute;
  right: 17px;
  bottom: 18px;
  color: #fff;
  font: 800 19px/1 "Manrope", sans-serif;
  opacity: .68;
  transform: translate3d(-2px, 0, 0);
  transition: transform 170ms cubic-bezier(.23, 1, .32, 1), opacity 150ms ease;
}

.simulator-career-grid > .simulator-mode-card:active {
  transform: scale(.97);
}

@media (hover: hover) and (pointer: fine) {
  .simulator-career-grid > .simulator-mode-card:hover .simulator-card-chevron {
    opacity: 1;
    transform: translate3d(3px, 0, 0);
  }
}

@media (max-width: 980px) {
  .simulator-career-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .simulator-career-grid > .simulator-mode-card {
    min-height: 108px;
  }
}

@media (max-width: 720px) {
  .simulator-career-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .simulator-career-grid > .simulator-mode-card {
    min-height: 106px;
  }
}

@media (max-width: 430px) {
  .simulator-career-grid > .simulator-mode-card {
    min-height: 102px;
  }
}

.simulator-international-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.simulator-club-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.simulator-more-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.simulator-mode-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 142px;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
  border: 1px solid rgba(199, 239, 255, .34);
  border-radius: 15px;
  color: #ffffff;
  background:
    radial-gradient(circle at 88% 10%, rgba(151, 226, 255, .28), transparent 35%),
    linear-gradient(145deg, #129ac9 0%, #0784b5 58%, #066c96 100%);
  box-shadow: 0 16px 34px rgba(0, 54, 78, .2), inset 0 1px rgba(255, 255, 255, .1);
  isolation: isolate;
  transition: transform 180ms cubic-bezier(.23, 1, .32, 1), border-color 180ms ease, box-shadow 180ms ease;
}

.simulator-international-grid .simulator-mode-card {
  min-height: 176px;
}

.simulator-mode-card::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 55, 79, .04), rgba(0, 48, 70, .64));
}

.simulator-mode-card::after {
  position: absolute;
  z-index: -2;
  width: 230px;
  height: 230px;
  top: -88px;
  right: -58px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  box-shadow: 0 0 0 34px rgba(255, 255, 255, .035), 0 0 0 72px rgba(255, 255, 255, .025);
}

.simulator-mode-card-world-cup {
  background:
    linear-gradient(110deg, rgba(0, 73, 103, .92), rgba(4, 91, 126, .66)),
    url("./assets/retro-2014/brazil-watercolor-stadium.webp") center 54% / cover no-repeat;
}

.simulator-mode-card-euros {
  background:
    radial-gradient(circle at 82% 20%, rgba(128, 229, 255, .36), transparent 25%),
    linear-gradient(140deg, #137eb7, #076da5 58%, #07557e);
}

.simulator-mode-card-copa {
  background:
    linear-gradient(110deg, rgba(3, 82, 120, .9), rgba(6, 105, 148, .58)),
    url("./assets/copa-america-2024-bg-desktop.svg") center / cover no-repeat;
}

.simulator-mode-card-afcon {
  background:
    radial-gradient(circle at 84% 14%, rgba(255, 210, 116, .35), transparent 28%),
    linear-gradient(140deg, #0c91ae, #087b9f 60%, #075f82);
}

.simulator-mode-card-top-five {
  grid-column: span 2;
  background:
    linear-gradient(110deg, rgba(5, 109, 150, .9), rgba(5, 98, 137, .72)),
    url("./assets/serie-a-2026-27/serie-a-background.png") center / cover no-repeat;
}

.simulator-mode-card-uefa {
  grid-column: 1 / -1;
  min-height: 142px;
  background:
    radial-gradient(circle at 90% 18%, rgba(106, 174, 255, .42), transparent 28%),
    linear-gradient(138deg, #0b76b5, #075d9d 56%, #06477f);
}

.simulator-mode-card-championship {
  background: linear-gradient(145deg, #17a7ce, #0784b5 60%, #086d94);
}

.simulator-mode-card-super-lig {
  background: linear-gradient(145deg, #13a7c4, #0784aa 60%, #066b90);
}

.simulator-mode-card-eredivisie {
  background: linear-gradient(145deg, #159ed2, #087aaf 60%, #06658d);
}

.simulator-mode-card-belgium {
  background: linear-gradient(145deg, #12a0bf, #087ca7 60%, #07658a);
}

.simulator-mode-card-knockout {
  background:
    radial-gradient(circle at 86% 12%, rgba(111, 214, 255, .34), transparent 30%),
    linear-gradient(145deg, #1098ca, #077dad 62%, #06688f);
}

.simulator-mode-mark {
  position: absolute;
  z-index: -1;
  top: 14px;
  right: 16px;
  width: 58px;
  height: 58px;
  object-fit: contain;
  opacity: .82;
  filter: drop-shadow(0 7px 14px rgba(0, 40, 58, .22));
}

.simulator-mode-card-world-cup .simulator-mode-mark,
.simulator-mode-card-copa .simulator-mode-mark,
.simulator-mode-card-afcon .simulator-mode-mark {
  width: 66px;
  height: 66px;
}

.simulator-mode-copy {
  position: relative;
  z-index: 1;
  max-width: min(410px, calc(100% - 62px));
}

.simulator-mode-card-top-five .simulator-mode-copy,
.simulator-mode-card-custom-hub .simulator-mode-copy,
.simulator-mode-card-custom-match-hub .simulator-mode-copy,
.simulator-mode-card-legacy-hub .simulator-mode-copy {
  max-width: 100%;
}

.simulator-mode-copy h3 {
  margin: 0;
  color: #ffffff;
  font: 850 clamp(17px, 1.45vw, 21px)/1.08 "Manrope", sans-serif;
  letter-spacing: -.04em;
}

.simulator-mode-copy p {
  max-width: 430px;
  margin: 5px 0 0;
  color: rgba(232, 249, 255, .82);
  font: 650 11px/1.4 "Manrope", sans-serif;
}

.simulator-mode-options {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 11px;
}

.simulator-mode-options button {
  display: inline-flex;
  width: auto;
  min-width: 0;
  min-height: 32px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px 8px;
  border: 1px solid rgba(210, 244, 255, .34);
  border-radius: 9px;
  color: #ffffff;
  background: rgba(0, 75, 106, .62);
  box-shadow: 0 7px 16px rgba(0, 48, 70, .13);
  font: 800 9.5px/1 "Manrope", sans-serif;
  cursor: pointer;
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, transform 140ms cubic-bezier(.23, 1, .32, 1);
}

.simulator-league-options button {
  justify-content: flex-start;
  padding-inline: 7px 9px;
}

.simulator-league-options .domestic-league-flag {
  width: 18px;
  height: 12px;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0, 36, 52, .22);
}

.simulator-coming-soon {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 9px;
}

.simulator-coming-soon span {
  padding: 8px 10px;
  border: 1px dashed rgba(197, 238, 255, .28);
  border-radius: 999px;
  color: rgba(224, 246, 255, .68);
  background: rgba(2, 91, 126, .34);
  font: 750 10px/1 "Manrope", sans-serif;
}

body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #settingsButton,
body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton {
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(196, 237, 253, .22);
  border-radius: 50%;
  background: rgba(2, 70, 98, .48);
}

body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #settingsButton > span:last-child,
body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton > span:last-child {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .simulator-mode-card:hover {
    border-color: rgba(223, 248, 255, .58);
    box-shadow: 0 20px 42px rgba(0, 47, 68, .27), inset 0 1px rgba(255, 255, 255, .14);
    transform: translateY(-2px);
  }

  .simulator-mode-options button:hover {
    border-color: rgba(230, 250, 255, .72);
    color: #045d80;
    background: #e1f7ff;
  }
}

.simulator-mode-options button:active {
  transform: scale(.97);
}

.simulator-mode-options button:focus-visible {
  outline: 3px solid rgba(224, 247, 255, .62);
  outline-offset: 2px;
}

@media (max-width: 980px) {
  .simulator-club-grid,
  .simulator-more-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .simulator-mode-card-uefa {
    grid-column: span 2;
  }
}

@media (max-width: 700px) {
  body.before-start:not([data-desktop-mode-setup]) .simulator-catalog {
    gap: 20px;
  }

  .simulator-international-grid,
  .simulator-club-grid,
  .simulator-more-grid {
    grid-template-columns: 1fr;
  }

  .simulator-mode-card-top-five,
  .simulator-mode-card-uefa {
    grid-column: auto;
  }

  .simulator-mode-card,
  .simulator-international-grid .simulator-mode-card {
    min-height: 156px;
    padding: 16px;
    border-radius: 15px;
  }

  .simulator-mode-copy {
    max-width: calc(100% - 56px);
  }

  .simulator-mode-mark {
    top: 13px;
    right: 14px;
    width: 54px;
    height: 54px;
  }

  .simulator-mode-options {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .simulator-mode-options::-webkit-scrollbar {
    display: none;
  }

  .simulator-mode-options button {
    min-height: 44px;
    flex: 0 0 auto;
    padding-inline: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .simulator-mode-card,
  .simulator-mode-options button {
    transition: none;
  }
}

.main-account-mobile-icon {
  display: none;
}

/* Mobile site chrome: tools stay in the top bar and section switching sits below it. */
@media (max-width: 850px) {
  body.before-start:not([data-desktop-mode-setup]) .sidebar {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 60px 52px;
    min-height: 120px;
    padding: 0 10px 8px;
    border-bottom: 0;
    background:
      linear-gradient(to bottom, rgba(4, 83, 113, .98) 0 60px, transparent 60px);
    box-shadow: none;
    backdrop-filter: none;
  }

  body.before-start:not([data-desktop-mode-setup]) .sidebar .brand {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    gap: 3px;
    max-width: calc(100vw - 70px);
  }

  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .utility-button,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #settingsButton,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton {
    width: 38px;
    min-width: 38px;
    height: 38px;
    padding: 0;
  }

  body.before-start:not([data-desktop-mode-setup]) .main-section-switch {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    justify-self: center;
    width: min(100%, 340px);
    margin: 7px 0 0;
  }

  body.before-start:not([data-desktop-mode-setup]) .main-section-switch a {
    flex: 1 1 0;
    justify-content: center;
    text-align: center;
  }

  body.before-start:not([data-desktop-mode-setup]) .main-account-button .main-account-flag {
    display: none;
  }

  body.before-start:not([data-desktop-mode-setup]) .main-account-button .main-account-mobile-icon {
    display: inline-flex;
    width: 21px;
    height: 21px;
    align-items: center;
    justify-content: center;
  }

  body.before-start:not([data-desktop-mode-setup]) .main-account-mobile-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
  }
}

@media (max-width: 360px) {
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions {
    gap: 1px;
  }

  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .utility-button,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #settingsButton,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton {
    width: 35px;
    min-width: 35px;
    height: 35px;
  }
}

/* The profile uses the same visible tool set as the simulator header. */
body.profile-mode-active .profile-header #profileDiscordButton {
  display: none !important;
}

/* Premium card refinement: keep the catalogue structure, remove dashboard chrome. */
.simulator-international-section,
.simulator-club-section {
  padding: 4px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.simulator-international-section > h2,
.simulator-club-section > h2 {
  margin-bottom: 14px;
}

.simulator-group-stack,
.simulator-mode-card.simulator-mode-card-club-hub {
  gap: 15px;
}

.simulator-mode-card.simulator-mode-card-club-hub {
  padding: 14px;
  border-color: rgba(199, 239, 255, .14);
  border-radius: 16px;
  background: rgba(2, 70, 98, .18);
  box-shadow: none;
}

.simulator-catalog-group > h3 {
  margin-bottom: 7px;
  color: rgba(225, 247, 255, .82);
  font-size: 11px;
  letter-spacing: .01em;
}

.simulator-world-cup-grid {
  gap: 10px;
}

.simulator-euros-grid,
.simulator-domestic-grid,
.simulator-uefa-grid {
  gap: 9px;
}

.simulator-international-choices {
  gap: 11px;
}

.simulator-choice-grid > .simulator-visual-card,
.simulator-international-choices > .simulator-visual-card {
  grid-template-columns: 56px minmax(0, 1fr) 18px;
  grid-template-rows: auto auto;
  min-height: 116px;
  align-content: center;
  align-items: center;
  justify-items: stretch;
  column-gap: 11px;
  row-gap: 3px;
  padding: 14px;
  border-color: rgba(221, 247, 255, .27);
  border-radius: 14px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 10px 22px rgba(0, 43, 61, .12);
  transition: transform 180ms cubic-bezier(.23, 1, .32, 1), border-color 160ms ease, box-shadow 180ms ease;
}

.simulator-choice-grid > .simulator-visual-card::before,
.simulator-international-choices > .simulator-visual-card::before {
  z-index: 0;
  inset: -8px;
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 255, 255, .12), transparent 32%),
    linear-gradient(180deg, rgba(0, 24, 36, .01) 10%, rgba(0, 29, 43, .7) 100%);
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 240ms cubic-bezier(.23, 1, .32, 1), opacity 180ms ease;
}

.simulator-visual-card > img {
  position: relative;
  z-index: 1;
  top: auto;
  right: auto;
  display: block;
  width: 54px;
  height: 54px;
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  justify-self: center;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 14px;
  background: rgba(2, 35, 52, .22);
  object-fit: contain;
  opacity: 1;
  filter: drop-shadow(0 7px 12px rgba(0, 24, 36, .2));
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 220ms cubic-bezier(.23, 1, .32, 1), background-color 160ms ease;
}

.simulator-visual-card > strong {
  z-index: 1;
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  max-width: 100%;
  color: #fff;
  font: 850 clamp(14px, 1.2vw, 16px)/1.12 "Manrope", sans-serif;
  letter-spacing: -.035em;
}

.simulator-visual-card > small {
  position: relative;
  z-index: 1;
  display: block;
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  overflow: hidden;
  color: rgba(229, 248, 255, .7);
  font: 650 9.5px/1.25 "Manrope", sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.simulator-choice-grid > .simulator-visual-card > .simulator-card-chevron,
.simulator-international-choices > .simulator-visual-card > .simulator-card-chevron {
  z-index: 1;
  display: grid;
  width: 18px;
  min-height: 0;
  height: 24px;
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  opacity: .62;
  color: #fff;
  background: transparent;
  font: 800 18px/1 "Manrope", sans-serif;
  transform: translate3d(-2px, 0, 0);
  transition: transform 170ms cubic-bezier(.23, 1, .32, 1), opacity 150ms ease;
}

.simulator-world-cup-grid > .simulator-visual-card {
  min-height: 132px;
  border-color: rgba(229, 249, 255, .34);
  box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 13px 27px rgba(0, 35, 52, .19);
}

.simulator-world-cup-grid .simulator-visual-card > img {
  width: 60px;
  height: 60px;
  padding: 7px;
  border-radius: 15px;
  background: rgba(2, 27, 42, .3);
}

.simulator-world-cup-grid .simulator-visual-card > strong {
  font-size: clamp(15px, 1.25vw, 17px);
}

.simulator-euros-grid > .simulator-visual-card,
.simulator-international-choices > .simulator-visual-card {
  min-height: 108px;
}

.simulator-domestic-grid > .simulator-visual-card {
  min-height: 110px;
}

.simulator-uefa-grid > .simulator-visual-card {
  min-height: 114px;
}

.simulator-more-grid > button.simulator-mode-card {
  width: 100%;
  min-width: 0;
  min-height: 128px;
  align-items: flex-start;
  padding: 16px 46px 16px 16px;
  border-color: rgba(199, 239, 255, .24);
  color: #fff;
  text-align: left;
  cursor: pointer;
}

.simulator-more-grid > button.simulator-mode-card .simulator-mode-copy {
  max-width: 100%;
}

.simulator-more-grid > button.simulator-mode-card .simulator-card-chevron {
  position: absolute;
  z-index: 2;
  right: 17px;
  bottom: 18px;
  opacity: .62;
  color: #fff;
  font: 800 19px/1 "Manrope", sans-serif;
  transform: translate3d(-2px, 0, 0);
  transition: transform 170ms cubic-bezier(.23, 1, .32, 1), opacity 150ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .simulator-choice-grid > .simulator-visual-card:hover,
  .simulator-international-choices > .simulator-visual-card:hover {
    border-color: rgba(238, 252, 255, .66);
    box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 19px 35px rgba(0, 34, 50, .28), 0 0 24px rgba(76, 201, 240, .09);
    transform: translate3d(0, -3px, 0);
  }

  .simulator-choice-grid > .simulator-visual-card:hover::before,
  .simulator-international-choices > .simulator-visual-card:hover::before {
    opacity: .92;
    transform: translate3d(-3px, 2px, 0) scale(1.045);
  }

  .simulator-visual-card:hover > img {
    background: rgba(2, 35, 52, .34);
    transform: translate3d(0, -1px, 0) scale(1.055);
  }

  .simulator-visual-card:hover > .simulator-card-chevron,
  .simulator-more-grid > button.simulator-mode-card:hover .simulator-card-chevron {
    opacity: 1;
    transform: translate3d(3px, 0, 0);
  }
}

@media (max-width: 700px) {
  .simulator-international-section,
  .simulator-club-section {
    padding: 2px 0;
  }

  .simulator-mode-card.simulator-mode-card-club-hub {
    padding: 11px;
    border-radius: 14px;
  }

  .simulator-choice-grid > .simulator-visual-card,
  .simulator-international-choices > .simulator-visual-card {
    grid-template-columns: 46px minmax(0, 1fr) 15px;
    min-height: 102px;
    column-gap: 8px;
    padding: 11px;
  }

  .simulator-world-cup-grid > .simulator-visual-card {
    min-height: 116px;
  }

  .simulator-visual-card > img,
  .simulator-world-cup-grid .simulator-visual-card > img {
    width: 46px;
    height: 46px;
    padding: 5px;
    border-radius: 12px;
  }

  .simulator-visual-card > strong,
  .simulator-world-cup-grid .simulator-visual-card > strong {
    font-size: 12.5px;
  }

  .simulator-visual-card > small {
    font-size: 8.5px;
  }

  .simulator-choice-grid > .simulator-visual-card > .simulator-card-chevron,
  .simulator-international-choices > .simulator-visual-card > .simulator-card-chevron {
    width: 15px;
    font-size: 16px;
  }

  .simulator-more-grid > button.simulator-mode-card {
    min-height: 118px;
    padding-right: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .simulator-visual-card,
  .simulator-visual-card::before,
  .simulator-visual-card > img,
  .simulator-card-chevron {
    transition-duration: 1ms !important;
  }
}

/* Simulator catalogue hierarchy: featured tournament, compact editions, then clubs. */
.simulator-international-section,
.simulator-club-section {
  padding: 18px;
  border: 1px solid rgba(190, 237, 255, .22);
  border-radius: 18px;
  background: rgba(2, 70, 98, .3);
  box-shadow: 0 14px 32px rgba(1, 48, 68, .14);
}

.simulator-international-section > h2,
.simulator-club-section > h2 {
  margin: 0 0 16px;
  font-size: clamp(21px, 2vw, 26px);
}

.simulator-group-stack,
.simulator-mode-card-club-hub {
  display: grid;
  gap: 17px;
}

.simulator-catalog-group {
  min-width: 0;
}

.simulator-catalog-group > h3 {
  margin: 0 0 8px;
  color: #c9efff;
  font: 800 12px/1.2 "Manrope", sans-serif;
  letter-spacing: -.01em;
}

.simulator-featured-tile {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 158px;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) 126px;
  align-items: center;
  gap: 20px;
  padding: 22px 26px;
  border: 1px solid rgba(210, 244, 255, .38);
  border-radius: 15px;
  color: #fff;
  text-align: left;
  background:
    linear-gradient(100deg, rgba(0, 66, 94, .96) 0%, rgba(4, 99, 137, .88) 58%, rgba(7, 132, 181, .52) 100%),
    url("./assets/retro-2014/brazil-watercolor-stadium.webp") center 55% / cover no-repeat;
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 16px 34px rgba(0, 45, 64, .2);
  cursor: pointer;
  isolation: isolate;
  transition: transform 150ms cubic-bezier(.23, 1, .32, 1), border-color 160ms ease, box-shadow 160ms ease;
}

.simulator-featured-tile::after {
  position: absolute;
  z-index: -1;
  width: 230px;
  height: 230px;
  top: -100px;
  right: -22px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 36px rgba(255, 255, 255, .035);
}

.simulator-featured-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
}

.simulator-featured-copy > strong {
  font: 850 clamp(23px, 2.7vw, 34px)/1.05 "Manrope", sans-serif;
  letter-spacing: -.045em;
}

.simulator-featured-copy > span:not(.simulator-featured-action) {
  max-width: 470px;
  margin-top: 7px;
  color: rgba(232, 249, 255, .82);
  font: 650 11px/1.45 "Manrope", sans-serif;
}

.simulator-featured-action {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 8px 11px;
  border: 1px solid rgba(222, 248, 255, .34);
  border-radius: 9px;
  color: #fff;
  background: rgba(0, 70, 99, .58);
  font: 800 10px/1 "Manrope", sans-serif;
}

.simulator-featured-tile > img {
  width: 112px;
  height: 112px;
  justify-self: end;
  object-fit: contain;
  filter: drop-shadow(0 12px 20px rgba(0, 38, 54, .28));
}

.simulator-choice-grid {
  display: grid;
  gap: 8px;
}

.simulator-world-cup-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.simulator-euros-grid,
.simulator-domestic-grid,
.simulator-uefa-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.simulator-choice-grid > button,
.simulator-international-choices > button {
  display: inline-flex;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid rgba(210, 244, 255, .3);
  border-radius: 10px;
  color: #fff;
  background: rgba(3, 91, 125, .58);
  box-shadow: inset 0 1px rgba(255, 255, 255, .05);
  font: 800 11px/1.15 "Manrope", sans-serif;
  cursor: pointer;
  transition: transform 140ms cubic-bezier(.23, 1, .32, 1), color 150ms ease, border-color 150ms ease, background-color 150ms ease;
}

.simulator-domestic-grid > button,
.simulator-uefa-grid > button {
  justify-content: flex-start;
}

.simulator-uefa-grid > button > span:last-child {
  margin-left: auto;
}

.simulator-domestic-grid .domestic-league-flag {
  width: 21px;
  height: 14px;
  flex: 0 0 auto;
  margin: 0;
  border-radius: 3px;
  box-shadow: 0 2px 7px rgba(0, 35, 50, .2);
}

.simulator-international-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.simulator-international-choices > button {
  min-height: 60px;
  justify-content: flex-start;
  padding: 9px 13px;
}

.simulator-international-choices img {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  object-fit: contain;
}

.simulator-international-choices button > span:nth-child(2) {
  display: grid;
  gap: 3px;
  text-align: left;
}

.simulator-international-choices strong {
  font-size: 11px;
}

.simulator-international-choices small {
  color: rgba(224, 246, 255, .68);
  font-size: 9px;
  font-weight: 750;
}

.simulator-international-choices button > span:last-child {
  margin-left: auto;
  color: #c9efff;
}

.simulator-mode-card.simulator-mode-card-club-hub {
  min-height: 0 !important;
  justify-content: initial;
  padding: 16px;
  background: rgba(4, 100, 139, .5);
  box-shadow: inset 0 1px rgba(255, 255, 255, .06);
  transition: none;
}

.simulator-mode-card.simulator-mode-card-club-hub::before,
.simulator-mode-card.simulator-mode-card-club-hub::after {
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .simulator-featured-tile:hover {
    border-color: rgba(229, 250, 255, .66);
    box-shadow: inset 0 1px rgba(255, 255, 255, .13), 0 20px 40px rgba(0, 42, 60, .26);
    transform: translateY(-2px);
  }

  .simulator-choice-grid > button:hover,
  .simulator-international-choices > button:hover {
    border-color: rgba(230, 250, 255, .7);
    color: #045d80;
    background: #e1f7ff;
  }

  .simulator-mode-card.simulator-mode-card-club-hub:hover {
    border-color: rgba(199, 239, 255, .34);
    box-shadow: inset 0 1px rgba(255, 255, 255, .06);
    transform: none;
  }
}

.simulator-featured-tile:active,
.simulator-choice-grid > button:active,
.simulator-international-choices > button:active {
  transform: scale(.97);
}

.simulator-featured-tile:focus-visible,
.simulator-choice-grid > button:focus-visible,
.simulator-international-choices > button:focus-visible {
  outline: 3px solid rgba(224, 247, 255, .62);
  outline-offset: 2px;
}

@media (max-width: 700px) {
  .simulator-international-section,
  .simulator-club-section {
    padding: 14px;
    border-radius: 15px;
  }

  .simulator-international-section > h2,
  .simulator-club-section > h2 {
    margin-bottom: 13px;
    font-size: 22px;
  }

  .simulator-featured-tile {
    min-height: 142px;
    grid-template-columns: minmax(0, 1fr) 84px;
    gap: 10px;
    padding: 18px;
  }

  .simulator-featured-copy > strong {
    font-size: 24px;
  }

  .simulator-featured-copy > span:not(.simulator-featured-action) {
    display: none;
  }

  .simulator-featured-action {
    margin-top: 13px;
  }

  .simulator-featured-tile > img {
    width: 82px;
    height: 82px;
  }

  .simulator-world-cup-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .simulator-domestic-grid,
  .simulator-uefa-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .simulator-choice-grid > button {
    min-height: 42px;
    padding-inline: 8px;
    font-size: 10px;
  }

  .simulator-international-choices {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 390px) {
  .simulator-featured-tile {
    grid-template-columns: minmax(0, 1fr) 68px;
    padding: 16px;
  }

  .simulator-featured-tile > img {
    width: 66px;
    height: 66px;
  }

  .simulator-featured-copy > strong {
    font-size: 21px;
  }

  .simulator-world-cup-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Compact visual mode cards. Every playable competition uses the same structure. */
.simulator-choice-grid > .simulator-visual-card,
.simulator-international-choices > .simulator-visual-card {
  position: relative;
  display: grid;
  width: 100%;
  min-width: 0;
  min-height: 148px;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr);
  align-content: end;
  justify-items: start;
  gap: 8px;
  padding: 15px;
  border: 1px solid rgba(221, 247, 255, .38);
  border-radius: 13px;
  color: #fff;
  text-align: left;
  background: linear-gradient(145deg, #087fae, #05688f);
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 12px 25px rgba(0, 43, 61, .17);
  cursor: pointer;
  isolation: isolate;
  transition: transform 150ms cubic-bezier(.23, 1, .32, 1), border-color 150ms ease, box-shadow 150ms ease;
}

.simulator-choice-grid > .simulator-visual-card::before,
.simulator-international-choices > .simulator-visual-card::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(0, 24, 36, .03) 24%, rgba(0, 29, 43, .8) 100%);
  pointer-events: none;
}

.simulator-visual-card > img {
  position: absolute;
  z-index: 0;
  top: 12px;
  right: 13px;
  display: block;
  width: 62px;
  height: 62px;
  margin: 0;
  object-fit: contain;
  opacity: .96;
  filter: drop-shadow(0 8px 14px rgba(0, 24, 36, .28));
}

.simulator-visual-card > strong {
  position: relative;
  z-index: 1;
  max-width: calc(100% - 16px);
  color: #fff;
  font: 850 clamp(14px, 1.25vw, 17px)/1.08 "Manrope", sans-serif;
  letter-spacing: -.035em;
}

.simulator-choice-grid > .simulator-visual-card > span,
.simulator-international-choices > .simulator-visual-card > span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 7px 9px;
  border: 1px solid rgba(225, 248, 255, .34);
  border-radius: 8px;
  color: #fff;
  background: rgba(0, 42, 62, .54);
  font: 800 9.5px/1 "Manrope", sans-serif;
}

.simulator-card-wc-1998 {
  background: linear-gradient(145deg, rgba(15, 45, 91, .7), rgba(19, 49, 99, .9)), url("./assets/ui/archive/france-1998.webp") center / cover no-repeat !important;
}

.simulator-card-wc-2002 {
  background: linear-gradient(145deg, rgba(0, 66, 98, .55), rgba(1, 38, 67, .9)), url("./assets/ui/archive/korea-japan-2002.webp") center / cover no-repeat !important;
}

.simulator-card-wc-2006 {
  background: linear-gradient(145deg, rgba(0, 67, 98, .45), rgba(4, 43, 70, .88)), url("./assets/ui/archive/germany-2006.webp") center / cover no-repeat !important;
}

.simulator-card-wc-2010 {
  background: linear-gradient(145deg, rgba(70, 27, 9, .38), rgba(44, 18, 8, .84)), url("./assets/ui/archive/south-africa-2010.webp") center / cover no-repeat !important;
}

.simulator-card-wc-2014 {
  background: linear-gradient(145deg, rgba(0, 87, 89, .42), rgba(0, 49, 59, .86)), url("./assets/ui/archive/brazil-2014.webp") center / cover no-repeat !important;
}

.simulator-card-wc-2018 {
  background: radial-gradient(circle at 82% 12%, rgba(255, 255, 255, .24), transparent 34%), linear-gradient(145deg, #cf392f, #7e151b 68%, #410c14) !important;
}

.simulator-card-wc-2022 {
  background: linear-gradient(145deg, rgba(87, 2, 37, .45), rgba(38, 1, 22, .88)), url("./assets/ui/archive/qatar-2022.webp") center / cover no-repeat !important;
}

.simulator-card-wc-2026 {
  background: radial-gradient(circle at 86% 12%, rgba(50, 255, 215, .28), transparent 34%), linear-gradient(145deg, #0a45ff, #0732a3 64%, #03175e) !important;
}

.simulator-card-euro-2016 {
  background: radial-gradient(circle at 84% 8%, rgba(255, 222, 122, .27), transparent 31%), linear-gradient(145deg, #123a96, #0c2267 66%, #07133e) !important;
}

.simulator-card-euro-2020 {
  background: radial-gradient(circle at 84% 8%, rgba(204, 255, 0, .25), transparent 32%), linear-gradient(145deg, #0aa0ae, #056273 66%, #033a4a) !important;
}

.simulator-card-euro-2024 {
  background: radial-gradient(circle at 85% 10%, rgba(255, 65, 116, .3), transparent 32%), linear-gradient(145deg, #113fb5, #0d237a 64%, #09134d) !important;
}

.simulator-card-copa {
  background: linear-gradient(145deg, rgba(5, 62, 137, .58), rgba(4, 27, 84, .9)), url("./assets/copa-america-2024-bg-desktop.svg") center / cover no-repeat !important;
}

.simulator-card-afcon {
  background: radial-gradient(circle at 85% 8%, rgba(255, 213, 101, .3), transparent 33%), linear-gradient(145deg, #1196ad, #087087 66%, #064654) !important;
}

.simulator-card-premier-league {
  background: radial-gradient(circle at 84% 8%, rgba(255, 255, 255, .18), transparent 32%), linear-gradient(145deg, #642b87, #35104f 70%, #1f082f) !important;
}

.simulator-card-la-liga {
  background: radial-gradient(circle at 84% 8%, rgba(255, 220, 71, .28), transparent 32%), linear-gradient(145deg, #ec2848, #a50d2d 68%, #630b25) !important;
}

.simulator-card-serie-a {
  background: linear-gradient(145deg, rgba(12, 102, 178, .62), rgba(4, 47, 92, .9)), url("./assets/ui/archive/serie-a.webp") center / cover no-repeat !important;
}

.simulator-card-bundesliga {
  background: radial-gradient(circle at 84% 8%, rgba(255, 255, 255, .2), transparent 31%), linear-gradient(145deg, #e1262f, #9d111d 68%, #570910) !important;
}

.simulator-card-ligue-1 {
  background: radial-gradient(circle at 84% 8%, rgba(217, 255, 56, .26), transparent 32%), linear-gradient(145deg, #1744a5, #10255f 68%, #09163c) !important;
}

.simulator-card-championship {
  background: radial-gradient(circle at 84% 8%, rgba(114, 212, 255, .26), transparent 33%), linear-gradient(145deg, #1286bd, #075a83 68%, #053c59) !important;
}

.simulator-card-super-lig {
  background: radial-gradient(circle at 84% 8%, rgba(255, 255, 255, .18), transparent 32%), linear-gradient(145deg, #e33a3f, #a20e23 68%, #610817) !important;
}

.simulator-card-eredivisie {
  background: radial-gradient(circle at 84% 8%, rgba(255, 255, 255, .2), transparent 32%), linear-gradient(145deg, #f28b22, #cc4f18 68%, #7b2910) !important;
}

.simulator-card-belgian {
  background: radial-gradient(circle at 84% 8%, rgba(255, 221, 63, .24), transparent 33%), linear-gradient(145deg, #161616, #3d1711 68%, #1b0908) !important;
}

.simulator-card-ucl {
  background: radial-gradient(circle at 84% 8%, rgba(113, 163, 255, .3), transparent 34%), linear-gradient(145deg, #183c9c, #0d1f65 68%, #070f39) !important;
}

.simulator-card-europa {
  background: radial-gradient(circle at 84% 8%, rgba(255, 146, 54, .32), transparent 34%), linear-gradient(145deg, #2b2b2b, #171717 66%, #080808) !important;
}

.simulator-card-conference {
  background: radial-gradient(circle at 84% 8%, rgba(109, 255, 205, .28), transparent 34%), linear-gradient(145deg, #0a8f70, #075b4b 68%, #03362d) !important;
}

@media (hover: hover) and (pointer: fine) {
  .simulator-choice-grid > .simulator-visual-card:hover,
  .simulator-international-choices > .simulator-visual-card:hover {
    border-color: rgba(238, 252, 255, .76);
    color: #fff;
    box-shadow: inset 0 1px rgba(255, 255, 255, .16), 0 17px 31px rgba(0, 37, 53, .27);
    transform: translateY(-2px);
  }
}

.simulator-choice-grid > .simulator-visual-card:active,
.simulator-international-choices > .simulator-visual-card:active {
  transform: scale(.97);
}

@media (max-width: 700px) {
  .simulator-choice-grid > .simulator-visual-card,
  .simulator-international-choices > .simulator-visual-card {
    min-height: 132px;
    padding: 12px;
    border-radius: 12px;
  }

  .simulator-euros-grid,
  .simulator-world-cup-grid,
  .simulator-international-choices {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .simulator-visual-card > img {
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
  }

  .simulator-visual-card > strong {
    font-size: 13px;
  }
}


/* Shared homepage header: mirror the Predict header exactly. */
body.before-start:not([data-desktop-mode-setup]) .sidebar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 60px;
  min-height: 60px;
  height: 60px;
  align-items: center;
  gap: 0;
  padding: 0 clamp(16px, 4vw, 44px);
  border-bottom: 1px solid rgba(190, 237, 255, .18);
  background: rgba(4, 93, 128, .94);
  box-shadow: 0 8px 24px rgba(1, 40, 57, .18);
  backdrop-filter: blur(16px);
}

body.before-start:not([data-desktop-mode-setup]) .sidebar .brand {
  position: static;
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  margin: 0;
  transform: none;
}

body.before-start:not([data-desktop-mode-setup]) .main-section-switch {
  position: static;
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  margin: 0;
}

body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions {
  position: static;
  inset: auto;
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  gap: 6px;
  margin: 0;
  pointer-events: auto;
}

body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton {
  margin-right: 0;
}

body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .utility-button {
  min-height: 42px;
  border: 1px solid var(--hub-line) !important;
  border-radius: 999px;
  color: #c9efff;
  background: rgba(2, 70, 98, .48) !important;
}

body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .main-account-button {
  background: rgba(7, 132, 181, .72) !important;
}

@media (max-width: 1700px) {
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .utility-button,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #settingsButton,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton {
    width: 42px;
    min-width: 42px;
    height: 42px;
    padding: 0;
  }

  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .utility-button > span:last-child,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #settingsButton > span:last-child,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton > span:last-child {
    display: none;
  }
}

@media (max-width: 720px) {
  body.before-start:not([data-desktop-mode-setup]) .sidebar {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: 60px 52px;
    min-height: 120px;
    height: 120px;
    padding: 0 10px 8px;
    border-bottom: 0;
    background: linear-gradient(to bottom, rgba(4, 93, 128, .98) 0 60px, transparent 60px);
    box-shadow: none;
    backdrop-filter: none;
  }

  body.before-start:not([data-desktop-mode-setup]) .sidebar .brand {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    gap: 3px;
    max-width: calc(100vw - 70px);
  }

  body.before-start:not([data-desktop-mode-setup]) .main-section-switch {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    justify-self: center;
    width: min(100%, 340px);
    margin: 7px 0 0;
  }

  body.before-start:not([data-desktop-mode-setup]) .main-section-switch a {
    flex: 1 1 0;
    justify-content: center;
    text-align: center;
  }

  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .utility-button,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #settingsButton,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
  }
}

@media (max-width: 380px) {
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions {
    gap: 1px;
  }

  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .utility-button,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #settingsButton,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton {
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
  }
}

/* Direct leaderboard routes should never paint the Simulator catalog first. */
html.route-leaderboard body.before-start:not([data-desktop-mode-setup]) .field-overview {
  display: none !important;
}

html.route-leaderboard body.before-start:not([data-desktop-mode-setup]) .main-section-switch a[href="/"] {
  color: var(--hub-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.route-leaderboard body.before-start:not([data-desktop-mode-setup]) .main-section-switch a[href="/leaderboard"] {
  color: #ffffff !important;
  background: var(--hub-accent) !important;
  box-shadow: 0 6px 18px rgba(1, 40, 57, .2) !important;
}

/* Restore the wide World Cup selector and keep every edition visible. */
.simulator-mode-card-world-cup {
  grid-column: 1 / -1;
  min-height: 205px !important;
}

.simulator-mode-card-world-cup .simulator-mode-options {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  width: 100%;
}

.simulator-mode-card-world-cup .simulator-mode-options button {
  width: 100%;
  min-height: 40px;
}

/* One complete club-football surface instead of a wall of separate cards. */
.simulator-club-grid {
  grid-template-columns: minmax(0, 1fr);
}

.simulator-mode-card-club-hub {
  min-height: 218px;
  background:
    linear-gradient(110deg, rgba(5, 109, 150, .93), rgba(5, 98, 137, .78)),
    url("./assets/serie-a-2026-27/serie-a-background.png") center / cover no-repeat;
}

.simulator-mode-card-club-hub .simulator-mode-copy {
  max-width: 100%;
}

.simulator-mode-copy h2 {
  margin: 0;
  color: #ffffff;
  font: 850 clamp(18px, 1.55vw, 22px)/1.08 "Manrope", sans-serif;
  letter-spacing: -.04em;
}

.simulator-club-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;
  gap: 7px;
}

.simulator-club-options button {
  width: 100%;
  min-height: 40px;
}

/* Keep the core builders in the new 256 Teams blue family. */
.simulator-mode-card-knockout,
.simulator-mode-card-custom-hub {
  background:
    radial-gradient(circle at 86% 12%, rgba(132, 225, 255, .34), transparent 30%),
    linear-gradient(145deg, #1398c7 0%, #0784b5 58%, #05668b 100%);
}

@media (max-width: 700px) {
  .simulator-mode-options {
    flex-wrap: wrap;
    overflow: visible;
  }

  .simulator-mode-card-world-cup {
    min-height: 244px !important;
  }

  .simulator-mode-card-world-cup .simulator-mode-options {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: visible;
  }

  .simulator-mode-card-club-hub {
    min-height: 388px !important;
  }

  .simulator-club-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .simulator-club-options button {
    min-height: 44px;
    padding-inline: 8px;
  }
}

/* Match the Predict header controls across the Simulator header. */
body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .utility-button {
  min-height: 42px;
  height: 42px;
  border: 1px solid var(--hub-line) !important;
  border-radius: 999px;
  color: #c9efff;
  background: rgba(2, 70, 98, .48) !important;
  transition:
    transform 140ms cubic-bezier(.23, 1, .32, 1),
    border-color 160ms ease,
    background-color 160ms ease;
}

body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .main-account-button {
  background: rgba(7, 132, 181, .72) !important;
}

@media (max-width: 850px) {
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .utility-button,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #settingsButton,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton {
    width: 38px;
    min-width: 38px;
    min-height: 38px;
    height: 38px;
    padding: 0;
  }
}

@media (max-width: 360px) {
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions .utility-button,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #settingsButton,
  body.before-start:not([data-desktop-mode-setup]) .sidebar .header-actions #newsButton {
    width: 35px;
    min-width: 35px;
    min-height: 35px;
    height: 35px;
  }
}
.unfinished-tournament-resume-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 17px 18px 17px 21px;
  color: #f7fbff;
  background:
    radial-gradient(circle at 88% 12%, rgba(107, 211, 255, 0.2), transparent 34%),
    linear-gradient(115deg, rgba(5, 111, 151, 0.96), rgba(7, 132, 181, 0.9));
  border: 1px solid rgba(165, 231, 255, 0.3);
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(0, 54, 78, 0.14);
}

.unfinished-tournament-resume-section[hidden] {
  display: none;
}

.unfinished-tournament-resume-copy h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.08rem, 1.8vw, 1.3rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.unfinished-tournament-resume-copy p {
  margin: 5px 0 0;
  color: rgba(224, 247, 255, 0.78);
  font-size: 0.88rem;
  line-height: 1.35;
}

.unfinished-tournament-resume-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 17px;
  color: #fff;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 850;
  white-space: nowrap;
  background: rgba(2, 75, 105, 0.58);
  border: 1px solid rgba(197, 240, 255, 0.32);
  border-radius: 12px;
  cursor: pointer;
  transition: transform 150ms ease, background 150ms ease, border-color 150ms ease;
}

.unfinished-tournament-resume-button:hover {
  background: rgba(1, 64, 92, 0.8);
  border-color: rgba(219, 248, 255, 0.58);
}

.unfinished-tournament-resume-button:active {
  transform: scale(0.97);
}

.unfinished-tournament-modal {
  width: min(720px, calc(100vw - 32px));
  max-width: none;
  max-height: min(760px, calc(100dvh - 32px));
  padding: 0;
  overflow: hidden;
  color: #f7fbff;
  background: #08789f;
  border: 1px solid rgba(157, 226, 255, 0.42);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(0, 38, 58, 0.34);
}

.unfinished-tournament-modal::backdrop {
  background: rgba(1, 31, 48, 0.72);
}

.unfinished-tournament-modal[open] {
  animation: unfinished-tournament-enter 180ms ease-out both;
}

@keyframes unfinished-tournament-enter {
  from { opacity: 0; transform: translateY(8px) scale(0.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.unfinished-tournament-modal-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  max-height: min(760px, calc(100dvh - 32px));
}

.unfinished-tournament-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 24px 18px;
  background: linear-gradient(135deg, rgba(11, 141, 184, 0.98), rgba(5, 100, 139, 0.98));
  border-bottom: 1px solid rgba(178, 232, 255, 0.22);
}

.unfinished-tournament-modal-header h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  line-height: 1.15;
  letter-spacing: -0.025em;
}

.unfinished-tournament-modal-header p {
  max-width: 560px;
  margin: 8px 0 0;
  color: rgba(232, 248, 255, 0.82);
  font-size: 0.94rem;
  line-height: 1.45;
}

.unfinished-tournament-close {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  padding: 0;
  color: #fff;
  font: inherit;
  font-size: 1.65rem;
  line-height: 1;
  background: rgba(2, 73, 101, 0.52);
  border: 1px solid rgba(185, 237, 255, 0.27);
  border-radius: 50%;
  cursor: pointer;
  transition: transform 150ms ease, background 150ms ease, border-color 150ms ease;
}

.unfinished-tournament-close:hover {
  background: rgba(2, 64, 91, 0.76);
  border-color: rgba(207, 245, 255, 0.55);
}

.unfinished-tournament-close:active,
.unfinished-tournament-action:active,
.unfinished-tournament-modal-footer button:active {
  transform: scale(0.97);
}

.unfinished-tournament-list {
  display: grid;
  gap: 10px;
  padding: 16px 20px;
  overflow: auto;
  overscroll-behavior: contain;
  background: linear-gradient(180deg, #08789f 0%, #076f96 100%);
}

.unfinished-tournament-item {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  padding: 12px 14px;
  background: rgba(4, 87, 119, 0.72);
  border: 1px solid rgba(169, 228, 251, 0.2);
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0, 48, 70, 0.08);
}

.unfinished-tournament-mark {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  overflow: hidden;
  color: #fff;
  font-weight: 900;
  background: rgba(3, 65, 94, 0.58);
  border: 1px solid rgba(194, 239, 255, 0.22);
  border-radius: 14px;
}

.unfinished-tournament-mark img {
  display: block;
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.unfinished-tournament-details {
  min-width: 0;
}

.unfinished-tournament-name {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 1rem;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.unfinished-tournament-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 8px;
  margin-top: 5px;
  color: rgba(220, 245, 255, 0.76);
  font-size: 0.86rem;
  line-height: 1.3;
}

.unfinished-tournament-stage {
  color: #b9edff;
  font-weight: 750;
}

.unfinished-tournament-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.unfinished-tournament-action {
  min-height: 40px;
  padding: 0 14px;
  color: #fff;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 800;
  background: #0b91c4;
  border: 1px solid rgba(189, 238, 255, 0.34);
  border-radius: 11px;
  cursor: pointer;
  transition: transform 150ms ease, background 150ms ease, border-color 150ms ease;
}

.unfinished-tournament-action:hover {
  background: #15a4d9;
  border-color: rgba(221, 248, 255, 0.64);
}

.unfinished-tournament-action.is-delete {
  color: #ffdadd;
  background: rgba(89, 35, 50, 0.42);
  border-color: rgba(255, 151, 161, 0.3);
}

.unfinished-tournament-action.is-delete:hover,
.unfinished-tournament-action.is-delete.is-confirming {
  color: #fff;
  background: #c83a4b;
  border-color: #ff98a4;
}

.unfinished-tournament-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px;
  color: rgba(224, 247, 255, 0.78);
  font-size: 0.86rem;
  font-weight: 700;
  background: #05688e;
  border-top: 1px solid rgba(181, 234, 255, 0.2);
}

.unfinished-tournament-modal-footer .secondary-button {
  min-height: 40px;
  padding: 0 18px;
  color: #fff;
  background: rgba(3, 76, 105, 0.64);
  border-color: rgba(185, 237, 255, 0.3);
}

@media (max-width: 620px) {
  .unfinished-tournament-resume-section {
    align-items: stretch;
    flex-direction: column;
    gap: 13px;
    padding: 16px;
  }

  .unfinished-tournament-resume-button {
    width: 100%;
  }

  .unfinished-tournament-modal {
    width: min(100vw - 20px, 520px);
    max-height: calc(100dvh - 20px);
    border-radius: 20px;
  }

  .unfinished-tournament-modal-card {
    max-height: calc(100dvh - 20px);
  }

  .unfinished-tournament-modal-header {
    padding: 20px 18px 16px;
  }

  .unfinished-tournament-list {
    gap: 9px;
    padding: 12px;
  }

  .unfinished-tournament-item {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 11px;
    padding: 11px;
  }

  .unfinished-tournament-mark {
    width: 46px;
    height: 46px;
    border-radius: 12px;
  }

  .unfinished-tournament-mark img {
    width: 34px;
    height: 34px;
  }

  .unfinished-tournament-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }

  .unfinished-tournament-action {
    flex: 1 1 0;
  }

  .unfinished-tournament-modal-footer {
    padding: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .unfinished-tournament-modal[open] {
    animation: none;
  }

  .unfinished-tournament-close,
  .unfinished-tournament-resume-button,
  .unfinished-tournament-action,
  .unfinished-tournament-modal-footer button {
    transition: none;
  }
}

/* AFC Asian Cup Saudi Arabia 2027 */
:root {
  --ac27-canvas: #001d12;
  --ac27-deep: #002b19;
  --ac27-surface: #00331f;
  --ac27-card: #005430;
  --ac27-raised: #086842;
  --ac27-accent: #94e9b9;
  --ac27-accent-hover: #b7f5d1;
  --ac27-text: #f6fff9;
  --ac27-muted: #b8ddca;
  --ac27-line: rgba(148, 233, 185, .3);
  --ac27-shadow: rgba(0, 16, 10, .5);
}

body.retro-asian-cup-2027-setup-active,
body.retro-mode-active.retro-asian-cup-2027-active {
  --retro-setup-border: var(--ac27-line);
  --retro-setup-panel: radial-gradient(circle at 100% 0, rgba(148, 233, 185, .2), transparent 34%), linear-gradient(145deg, #005430, #00331f 58%, #001d12);
  --retro-setup-card: linear-gradient(180deg, #086842, #00331f);
  --retro-setup-surface: rgba(0, 43, 25, .88);
  --retro-setup-text: var(--ac27-text);
  --retro-setup-muted: var(--ac27-muted);
  --retro-setup-accent: var(--ac27-accent);
  --retro-setup-accent-deep: #4daa73;
  --retro-setup-accent-text: var(--ac27-deep);
  --retro-setup-selected: linear-gradient(145deg, #b7f5d1, #94e9b9);
  --retro-setup-shadow: #001d12;
  --retro-setup-hover: linear-gradient(180deg, #0b7850, #005430);
}

.competition-folder-asian-cup,
.competition-edition-tile.edition-asian-cup-2027,
.mode-card-retro[data-retro-edition="asian-cup-2027"] {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: linear-gradient(145deg, #086842, #00331f 65%, #001d12) !important;
  box-shadow: 0 18px 40px var(--ac27-shadow) !important;
}

.competition-folder-asian-cup :is(strong, small, .competition-folder-hint),
.competition-edition-tile.edition-asian-cup-2027 :is(strong, small, .competition-edition-arrow),
.mode-card-retro[data-retro-edition="asian-cup-2027"] :is(h3, strong, small, p, span) {
  color: var(--ac27-text) !important;
}

.competition-folder-asian-cup .competition-folder-art,
.competition-edition-tile.edition-asian-cup-2027 .competition-edition-art {
  background: rgba(0, 29, 18, .58) !important;
}

.mode-card-retro[data-retro-edition="asian-cup-2027"] :is(.retro-competition-switch, .retro-year-switch, .landing-segmented, .retro-team-picker),
body.retro-asian-cup-2027-setup-active .retro-route-setup-controls :is(.segmented, .retro-team-picker, .landing-segmented) {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: var(--ac27-deep) !important;
}

.mode-card-retro[data-retro-edition="asian-cup-2027"] :is(button.active, button[aria-pressed="true"]),
body.retro-asian-cup-2027-setup-active .retro-route-setup-controls :is(button.active, button[aria-pressed="true"]),
body.retro-asian-cup-2027-setup-active .retro-inline-team-option.is-selected {
  color: var(--ac27-deep) !important;
  background: var(--ac27-accent) !important;
}

body.retro-asian-cup-2027-setup-active {
  color: var(--ac27-text) !important;
  background: var(--ac27-canvas) !important;
}

body.retro-asian-cup-2027-setup-active .retro-tournament-main {
  width: min(1080px, calc(100% - clamp(96px, 18vw, 300px)));
  margin: 0 auto;
  padding: clamp(18px, 3vw, 40px) 0 48px;
}

body.retro-asian-cup-2027-setup-active .retro-route-setup {
  display: grid;
  gap: 18px;
}

body.retro-asian-cup-2027-setup-active .retro-route-setup-controls {
  display: grid;
  gap: 16px;
  padding: clamp(18px, 3vw, 32px);
  border: 1px solid var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: var(--retro-setup-panel) !important;
  box-shadow: 0 20px 48px var(--ac27-shadow) !important;
}

body.retro-asian-cup-2027-setup-active .retro-route-setup-controls .retro-landing-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.retro-asian-cup-2027-setup-active .retro-inline-team-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
}

body.retro-asian-cup-2027-setup-active :is(.retro-route-setup-back, #restartRetroWorldCupButton, .retro-inline-team-option, .retro-inline-achievement-filter),
body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-screen-action, .retro-screen-restart, .primary-button, .secondary-button, button) {
  border-color: var(--ac27-line) !important;
}

body.retro-asian-cup-2027-setup-active :is(.retro-start-button, #startRetroWorldCupButton):not(:disabled),
body.retro-mode-active.retro-asian-cup-2027-active :is(.primary-button, .retro-screen-action, .live-control):not(:disabled) {
  color: var(--ac27-deep) !important;
  background: var(--ac27-accent) !important;
  box-shadow: none !important;
}

body.retro-asian-cup-2027-setup-active :is(h1, h2, h3, strong, label, p, span),
body.retro-mode-active.retro-asian-cup-2027-active :is(h1, h2, h3, strong) {
  color: var(--ac27-text);
}

body.retro-mode-active.retro-asian-cup-2027-active {
  color: var(--ac27-text);
  background: var(--ac27-canvas) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-screen {
  min-height: 100vh;
  color: var(--ac27-text);
  background:
    radial-gradient(circle at 100% 0, rgba(148, 233, 185, .18), transparent 30%),
    radial-gradient(circle at 0 100%, rgba(8, 104, 66, .34), transparent 32%),
    linear-gradient(150deg, #005430, #00331f 58%, #001d12) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active .retro-screen-header {
  border-bottom: 4px solid var(--ac27-accent) !important;
  color: var(--ac27-text) !important;
  background: rgba(0, 43, 25, .97) !important;
  box-shadow: 0 12px 30px var(--ac27-shadow) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-screen-brand, .retro-tournament-heading, .retro-tournament-progress, .retro-screen-header a, .retro-screen-header button) {
  color: var(--ac27-text) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-view-tabs, .retro-main-section-switch) {
  border-color: var(--ac27-line) !important;
  background: var(--ac27-deep) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-view-tabs button.active, .retro-main-section-switch a.is-active, .history-round-button.active) {
  color: var(--ac27-deep) !important;
  background: var(--ac27-accent) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.match-stage, .round-board, .match-analysis, .fixture, .team, .standard-match-tactics, .standard-tactic-buttons, .penalty-stage, .champion-stage),
body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-match-lineups-panel, .retro-lineup-tabs, .retro-manager-lineup, .retro-manager-section, .retro-manager-pitch-box, .retro-squad-view, .retro-squad-position-group, dialog, .modal-panel) {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background-color: var(--ac27-surface) !important;
  background-image: linear-gradient(145deg, rgba(8, 104, 66, .45), rgba(0, 51, 31, .92)) !important;
  box-shadow: 6px 6px 0 var(--ac27-shadow) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.panel-heading, .match-analysis-heading, .retro-manager-lineup > header, .retro-squad-heading, .retro-squad-position-group > h2) {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: var(--ac27-deep) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.fixture, .retro-manager-player, .retro-live-rating-row, .standard-tactic-buttons button, input, select),
body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-squad-player, .retro-squad-row, .retro-lineup-side, .retro-lineup-tabs button, input, select, textarea, .dropdown-menu) {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: var(--ac27-card) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.stage-round, #goldenBootTitle, .bracket-result-label, .retro-live-rating-row > b, .retro-squad-player > b, .retro-squad-player > em, .retro-manager-section-title span),
body.retro-mode-active.retro-asian-cup-2027-active :is(.asian-cup-2027-section-title h2, .retro-group-table h2, .asian-cup-2027-best-thirds h2) {
  color: var(--ac27-accent) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active #mainContent .retro-manager-pitch {
  border-color: var(--ac27-accent) !important;
  background: repeating-linear-gradient(90deg, #005430 0 12.5%, #086842 12.5% 25%) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-section-title {
  padding: .9rem 1rem;
  border-left: 8px solid var(--ac27-accent);
  color: var(--ac27-text);
  background: var(--ac27-surface);
}

body.retro-mode-active.retro-asian-cup-2027-active .retro-groups-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-group-table, .asian-cup-2027-best-thirds) {
  overflow-x: auto;
  border: 1px solid var(--ac27-line);
  color: var(--ac27-text);
  background: var(--ac27-surface);
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-table-head, .asian-cup-2027-best-thirds-head) {
  color: var(--ac27-text) !important;
  background: var(--ac27-deep) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-table-row, .asian-cup-2027-best-thirds-row) {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: var(--ac27-card) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-table-row.qualified, .retro-table-row.best-third-qualified, .asian-cup-2027-best-thirds-row.qualified) {
  box-shadow: inset 5px 0 var(--ac27-accent) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-bracket-scroll {
  overflow-x: auto;
  scrollbar-color: var(--ac27-accent) var(--ac27-deep);
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-bracket {
  display: grid;
  grid-template-columns: repeat(4, minmax(230px, 1fr));
  min-width: 1040px;
  gap: 1.25rem;
  padding: 1rem;
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-bracket-round {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 1rem;
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-bracket-match {
  border: 1px solid var(--ac27-line);
  border-left: 4px solid var(--ac27-accent);
  color: var(--ac27-text);
  background: var(--ac27-card);
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-bracket-team {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  min-height: 42px;
  padding: .5rem .65rem;
  color: var(--ac27-text);
}

body.retro-mode-active.retro-asian-cup-2027-active :is(button, a, input, select, textarea):focus-visible,
body.retro-asian-cup-2027-setup-active :is(button, a, input, select, textarea):focus-visible {
  outline: 3px solid var(--ac27-accent) !important;
  outline-offset: 3px;
}

.achievements-screen[data-achievement-theme="asian-cup-2027"],
.retro-achievements-modal[data-achievement-theme="asian-cup-2027"],
[data-achievement-theme="asian-cup-2027"] {
  --achievement-accent: var(--ac27-accent);
  --achievement-accent-text: var(--ac27-deep);
  --achievement-surface: var(--ac27-card);
  --achievement-surface-deep: var(--ac27-canvas);
  --achievement-tab-surface: var(--ac27-deep);
  --achievement-card: rgba(0, 84, 48, .9);
  --achievement-card-complete: var(--ac27-raised);
  --achievement-copy: var(--ac27-text);
  --achievement-muted: var(--ac27-muted);
  --achievement-points: var(--ac27-accent);
  --achievement-shadow: var(--ac27-shadow);
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: linear-gradient(145deg, var(--ac27-card), var(--ac27-canvas)) !important;
}

[data-achievement-theme="asian-cup-2027"] .achievement-year-tabs {
  background: var(--ac27-deep) !important;
}

[data-achievement-theme="asian-cup-2027"] .achievement-year-tabs button:is([aria-selected="true"], .is-selected),
[data-achievement-theme="asian-cup-2027"] .achievement-progress-fill {
  color: var(--ac27-deep) !important;
  background: var(--ac27-accent) !important;
}

@media (max-width: 820px) {
  body.retro-asian-cup-2027-setup-active .retro-tournament-main {
    width: min(100% - 22px, 760px);
  }

  body.retro-asian-cup-2027-setup-active .retro-route-setup-controls .retro-landing-settings,
  body.retro-mode-active.retro-asian-cup-2027-active .retro-groups-grid {
    grid-template-columns: 1fr;
  }

  body.retro-asian-cup-2027-setup-active .retro-inline-team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.retro-asian-cup-2027-setup-active .retro-inline-team-option strong {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}

/* AFC Asian Cup Saudi Arabia 2027 */
:root {
  --ac27-canvas: #001d12;
  --ac27-deep: #002b19;
  --ac27-surface: #00331f;
  --ac27-card: #005430;
  --ac27-raised: #086842;
  --ac27-accent: #94e9b9;
  --ac27-accent-hover: #b7f5d1;
  --ac27-text: #f6fff9;
  --ac27-muted: #b8ddca;
  --ac27-line: rgba(148, 233, 185, .3);
  --ac27-shadow: rgba(0, 16, 10, .5);
}

body.retro-asian-cup-2027-setup-active,
body.retro-mode-active.retro-asian-cup-2027-active {
  --retro-setup-border: var(--ac27-line);
  --retro-setup-panel: radial-gradient(circle at 100% 0, rgba(148, 233, 185, .2), transparent 34%), linear-gradient(145deg, #005430, #00331f 58%, #001d12);
  --retro-setup-card: linear-gradient(180deg, #086842, #00331f);
  --retro-setup-surface: rgba(0, 43, 25, .88);
  --retro-setup-text: var(--ac27-text);
  --retro-setup-muted: var(--ac27-muted);
  --retro-setup-accent: var(--ac27-accent);
  --retro-setup-accent-deep: #4daa73;
  --retro-setup-accent-text: var(--ac27-deep);
  --retro-setup-selected: linear-gradient(145deg, #b7f5d1, #94e9b9);
  --retro-setup-shadow: #001d12;
  --retro-setup-hover: linear-gradient(180deg, #0b7850, #005430);
}

.competition-folder-asian-cup,
.competition-edition-tile.edition-asian-cup-2027,
.mode-card-retro[data-retro-edition="asian-cup-2027"] {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: linear-gradient(145deg, #086842, #00331f 65%, #001d12) !important;
  box-shadow: 0 18px 40px var(--ac27-shadow) !important;
}

.competition-folder-asian-cup :is(strong, small, .competition-folder-hint),
.competition-edition-tile.edition-asian-cup-2027 :is(strong, small, .competition-edition-arrow),
.mode-card-retro[data-retro-edition="asian-cup-2027"] :is(h3, strong, small, p, span) {
  color: var(--ac27-text) !important;
}

.competition-folder-asian-cup .competition-folder-art,
.competition-edition-tile.edition-asian-cup-2027 .competition-edition-art {
  background: rgba(0, 29, 18, .58) !important;
}

.mode-card-retro[data-retro-edition="asian-cup-2027"] :is(.retro-competition-switch, .retro-year-switch, .landing-segmented, .retro-team-picker),
body.retro-asian-cup-2027-setup-active .retro-route-setup-controls :is(.segmented, .retro-team-picker, .landing-segmented) {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: var(--ac27-deep) !important;
}

.mode-card-retro[data-retro-edition="asian-cup-2027"] :is(button.active, button[aria-pressed="true"]),
body.retro-asian-cup-2027-setup-active .retro-route-setup-controls :is(button.active, button[aria-pressed="true"]),
body.retro-asian-cup-2027-setup-active .retro-inline-team-option.is-selected {
  color: var(--ac27-deep) !important;
  background: var(--ac27-accent) !important;
}

body.retro-asian-cup-2027-setup-active {
  color: var(--ac27-text) !important;
  background: var(--ac27-canvas) !important;
}

body.retro-asian-cup-2027-setup-active .retro-tournament-main {
  width: min(1080px, calc(100% - clamp(96px, 18vw, 300px)));
  margin: 0 auto;
  padding: clamp(18px, 3vw, 40px) 0 48px;
}

body.retro-asian-cup-2027-setup-active .retro-route-setup {
  display: grid;
  gap: 18px;
}

body.retro-asian-cup-2027-setup-active .retro-route-setup-controls {
  display: grid;
  gap: 16px;
  padding: clamp(18px, 3vw, 32px);
  border: 1px solid var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: var(--retro-setup-panel) !important;
  box-shadow: 0 20px 48px var(--ac27-shadow) !important;
}

body.retro-asian-cup-2027-setup-active .retro-route-setup-controls .retro-landing-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.retro-asian-cup-2027-setup-active .retro-inline-team-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 8px;
}

body.retro-asian-cup-2027-setup-active .retro-inline-team-toolbar {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
}

body.retro-asian-cup-2027-setup-active .retro-inline-achievement-filter {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid var(--retro-setup-border) !important;
  border-radius: 999px !important;
  color: var(--retro-setup-text) !important;
  background: var(--retro-setup-surface) !important;
  font: 800 10px/1 "Manrope", sans-serif;
}

body.retro-asian-cup-2027-setup-active .retro-inline-filter-check {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border: 1px solid var(--retro-setup-border);
  border-radius: 50%;
}

body.retro-asian-cup-2027-setup-active .retro-inline-team-count {
  color: var(--retro-setup-muted);
  font: 800 10px/1 "Manrope", sans-serif;
  white-space: nowrap;
}

body.retro-asian-cup-2027-setup-active .retro-inline-team-option {
  display: flex;
  min-width: 0;
  min-height: 70px;
  align-items: center;
  gap: 9px;
  padding: 9px;
  border: 1px solid var(--retro-setup-border);
  border-radius: 7px;
  color: var(--retro-setup-text);
  background: var(--retro-setup-card);
  cursor: pointer;
  font: inherit;
  text-align: left;
}

body.retro-asian-cup-2027-setup-active .retro-inline-team-option > span:last-child {
  display: grid;
  width: 100%;
  min-width: 0;
  align-content: center;
  gap: 2px;
}

body.retro-asian-cup-2027-setup-active .retro-inline-team-option strong {
  display: block;
  overflow: visible;
  font-size: 10px;
  line-height: 1.15;
  text-overflow: clip;
  text-wrap: balance;
  white-space: normal;
}

body.retro-asian-cup-2027-setup-active .retro-inline-team-option small {
  color: var(--retro-setup-muted) !important;
  font-size: 8px;
}

body.retro-asian-cup-2027-setup-active :is(.retro-inline-team-flag, .retro-inline-team-flag img) {
  width: 34px;
  height: 23px;
  flex: 0 0 34px;
  border-radius: 3px;
  object-fit: cover;
}

body.retro-asian-cup-2027-setup-active :is(.retro-route-setup-back, #restartRetroWorldCupButton, .retro-inline-team-option, .retro-inline-achievement-filter),
body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-screen-action, .retro-screen-restart, .primary-button, .secondary-button, button) {
  border-color: var(--ac27-line) !important;
}

body.retro-asian-cup-2027-setup-active :is(.retro-start-button, #startRetroWorldCupButton):not(:disabled),
body.retro-mode-active.retro-asian-cup-2027-active :is(.primary-button, .retro-screen-action, .live-control):not(:disabled) {
  color: var(--ac27-deep) !important;
  background: var(--ac27-accent) !important;
  box-shadow: none !important;
}

body.retro-asian-cup-2027-setup-active :is(h1, h2, h3, strong, label, p, span),
body.retro-mode-active.retro-asian-cup-2027-active :is(h1, h2, h3, strong) {
  color: var(--ac27-text);
}

body.retro-mode-active.retro-asian-cup-2027-active {
  color: var(--ac27-text);
  background: var(--ac27-canvas) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-screen {
  min-height: 100vh;
  color: var(--ac27-text);
  background:
    radial-gradient(circle at 100% 0, rgba(148, 233, 185, .18), transparent 30%),
    radial-gradient(circle at 0 100%, rgba(8, 104, 66, .34), transparent 32%),
    linear-gradient(150deg, #005430, #00331f 58%, #001d12) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active .retro-screen-header {
  border-bottom: 4px solid var(--ac27-accent) !important;
  color: var(--ac27-text) !important;
  background: rgba(0, 43, 25, .97) !important;
  box-shadow: 0 12px 30px var(--ac27-shadow) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-screen-brand, .retro-tournament-heading, .retro-tournament-progress, .retro-screen-header a, .retro-screen-header button) {
  color: var(--ac27-text) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-view-tabs, .retro-main-section-switch) {
  border-color: var(--ac27-line) !important;
  background: var(--ac27-deep) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-view-tabs button.active, .retro-main-section-switch a.is-active, .history-round-button.active) {
  color: var(--ac27-deep) !important;
  background: var(--ac27-accent) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.match-stage, .round-board, .match-analysis, .fixture, .team, .standard-match-tactics, .standard-tactic-buttons, .penalty-stage, .champion-stage),
body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-match-lineups-panel, .retro-lineup-tabs, .retro-manager-lineup, .retro-manager-section, .retro-manager-pitch-box, .retro-squad-view, .retro-squad-position-group, dialog, .modal-panel) {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background-color: var(--ac27-surface) !important;
  background-image: linear-gradient(145deg, rgba(8, 104, 66, .45), rgba(0, 51, 31, .92)) !important;
  box-shadow: 6px 6px 0 var(--ac27-shadow) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.panel-heading, .match-analysis-heading, .retro-manager-lineup > header, .retro-squad-heading, .retro-squad-position-group > h2) {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: var(--ac27-deep) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.fixture, .retro-manager-player, .retro-live-rating-row, .standard-tactic-buttons button, input, select),
body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-squad-player, .retro-squad-row, .retro-lineup-side, .retro-lineup-tabs button, input, select, textarea, .dropdown-menu) {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: var(--ac27-card) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.stage-round, #goldenBootTitle, .bracket-result-label, .retro-live-rating-row > b, .retro-squad-player > b, .retro-squad-player > em, .retro-manager-section-title span),
body.retro-mode-active.retro-asian-cup-2027-active :is(.asian-cup-2027-section-title h2, .retro-group-table h2, .asian-cup-2027-best-thirds h2) {
  color: var(--ac27-accent) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active #mainContent .retro-manager-pitch {
  border-color: var(--ac27-accent) !important;
  background: repeating-linear-gradient(90deg, #005430 0 12.5%, #086842 12.5% 25%) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-section-title {
  padding: .9rem 1rem;
  border-left: 8px solid var(--ac27-accent);
  color: var(--ac27-text);
  background: var(--ac27-surface);
}

body.retro-mode-active.retro-asian-cup-2027-active .retro-groups-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-group-table, .asian-cup-2027-best-thirds) {
  overflow-x: auto;
  border: 1px solid var(--ac27-line);
  color: var(--ac27-text);
  background: var(--ac27-surface);
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-table-head, .asian-cup-2027-best-thirds-head) {
  color: var(--ac27-text) !important;
  background: var(--ac27-deep) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-table-row, .asian-cup-2027-best-thirds-row) {
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: var(--ac27-card) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-table-row.qualified, .retro-table-row.best-third-qualified, .asian-cup-2027-best-thirds-row.qualified) {
  box-shadow: inset 5px 0 var(--ac27-accent) !important;
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-bracket-scroll {
  overflow-x: auto;
  scrollbar-color: var(--ac27-accent) var(--ac27-deep);
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-bracket {
  display: grid;
  grid-template-columns: repeat(4, minmax(230px, 1fr));
  min-width: 1040px;
  gap: 1.25rem;
  padding: 1rem;
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-bracket-round {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 1rem;
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-bracket-match {
  border: 1px solid var(--ac27-line);
  border-left: 4px solid var(--ac27-accent);
  color: var(--ac27-text);
  background: var(--ac27-card);
}

body.retro-mode-active.retro-asian-cup-2027-active .asian-cup-2027-bracket-team {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  min-height: 42px;
  padding: .5rem .65rem;
  color: var(--ac27-text);
}

body.retro-mode-active.retro-asian-cup-2027-active :is(button, a, input, select, textarea):focus-visible,
body.retro-asian-cup-2027-setup-active :is(button, a, input, select, textarea):focus-visible {
  outline: 3px solid var(--ac27-accent) !important;
  outline-offset: 3px;
}

.achievements-screen[data-achievement-theme="asian-cup-2027"],
.retro-achievements-modal[data-achievement-theme="asian-cup-2027"],
[data-achievement-theme="asian-cup-2027"] {
  --achievement-accent: var(--ac27-accent);
  --achievement-accent-text: var(--ac27-deep);
  --achievement-surface: var(--ac27-card);
  --achievement-surface-deep: var(--ac27-canvas);
  --achievement-tab-surface: var(--ac27-deep);
  --achievement-card: rgba(0, 84, 48, .9);
  --achievement-card-complete: var(--ac27-raised);
  --achievement-copy: var(--ac27-text);
  --achievement-muted: var(--ac27-muted);
  --achievement-points: var(--ac27-accent);
  --achievement-shadow: var(--ac27-shadow);
  border-color: var(--ac27-line) !important;
  color: var(--ac27-text) !important;
  background: linear-gradient(145deg, var(--ac27-card), var(--ac27-canvas)) !important;
}

[data-achievement-theme="asian-cup-2027"] .achievement-year-tabs {
  background: var(--ac27-deep) !important;
}

[data-achievement-theme="asian-cup-2027"] .achievement-year-tabs button:is([aria-selected="true"], .is-selected),
[data-achievement-theme="asian-cup-2027"] .achievement-progress-fill {
  color: var(--ac27-deep) !important;
  background: var(--ac27-accent) !important;
}

@media (max-width: 820px) {
  body.retro-asian-cup-2027-setup-active .retro-tournament-main {
    width: min(100% - 22px, 760px);
  }

  body.retro-asian-cup-2027-setup-active .retro-route-setup-controls .retro-landing-settings,
  body.retro-mode-active.retro-asian-cup-2027-active .retro-groups-grid {
    grid-template-columns: 1fr;
  }

  body.retro-asian-cup-2027-setup-active .retro-inline-team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.retro-asian-cup-2027-setup-active .retro-inline-team-option strong {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}

body.retro-asian-cup-2027-setup-active .retro-route-setup { width: 100%; max-width: none !important; grid-template-columns: minmax(0, 1fr) !important; }
body.retro-asian-cup-2027-setup-active .retro-route-setup-controls { width: 100%; max-width: none !important; }

body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-main::before { content: none !important; }
body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-view-tabs button.active, .retro-main-section-switch a.is-active, .history-round-button.active) { color: #002b19 !important; background: #94e9b9 !important; box-shadow: inset 0 -4px #4daa73 !important; }
body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.spoiler-panel, .standard-match-tactics, .standard-tactic-buttons) { border-color: rgba(148,233,185,.3) !important; color: #f6fff9 !important; background: #002b19 !important; box-shadow: none !important; }
body.retro-mode-active.retro-asian-cup-2027-active #mainContent .standard-tactic-buttons button.active { border-color: #94e9b9 !important; color: #002b19 !important; background: #94e9b9 !important; box-shadow: inset 0 -4px #4daa73 !important; }
body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-group-table, .asian-cup-2027-best-thirds) { box-shadow: 6px 6px 0 rgba(0,16,10,.5) !important; }
body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-view-tabs, .retro-main-section-switch) { border-color: rgba(148,233,185,.3) !important; background: #002b19 !important; box-shadow: 9px 9px 0 rgba(0,29,18,.55) !important; }
body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.panel, .spoiler-icon) { border-color: rgba(148,233,185,.3) !important; box-shadow: 8px 8px 0 rgba(0,29,18,.55) !important; }
body.retro-mode-active.retro-asian-cup-2027-active #mainContent .spoiler-icon { color: #002b19 !important; background: #94e9b9 !important; }
body.retro-mode-active.retro-asian-cup-2027-active .retro-view-tabs::before { border-color: #94e9b9 !important; color: #94e9b9 !important; background: #94e9b9 !important; }
body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.retro-squad-position-group h2, .retro-squad-number, .retro-squad-row > i, .retro-squad-heading small, .retro-squad-heading em) { border-color: #94e9b9 !important; color: #94e9b9 !important; }

/* Completed Player Careers live on the profile as the journey image itself. */
body.profile-mode-active .profile-career-section{overflow:hidden;margin-top:22px;border:1px solid rgba(170,222,240,.2);border-radius:18px;color:#eef8fb;background:rgba(4,54,77,.72)}
body.profile-mode-active .profile-career-heading{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-bottom:1px solid rgba(170,222,240,.16)}
body.profile-mode-active .profile-career-heading h2{margin:0;color:#fff;font-size:20px}
body.profile-mode-active .profile-career-heading strong{color:#b9dae6;font-size:12px}
body.profile-mode-active .profile-career-content{padding:20px}
body.profile-mode-active .profile-career-content>p{margin:0;color:#b9dae6;font-size:14px;line-height:1.55}
body.profile-mode-active .profile-career-snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.profile-mode-active .profile-career-snapshot{display:block;overflow:hidden;border:1px solid rgba(170,222,240,.18);border-radius:12px;color:#d8f1f8;background:#071c27;text-decoration:none;transition:border-color 160ms ease,transform 160ms ease}
body.profile-mode-active .profile-career-snapshot-frame{display:grid;min-height:300px;place-items:center}
body.profile-mode-active .profile-career-snapshot-status{padding:32px;color:#9bc8d8;font-size:13px;font-weight:700;text-align:center}
body.profile-mode-active .profile-career-snapshot img{display:block;width:100%;height:auto}
body.profile-mode-active .profile-career-snapshot img[hidden],body.profile-mode-active .profile-career-snapshot-status[hidden]{display:none}
@media(hover:hover) and (pointer:fine){body.profile-mode-active .profile-career-snapshot.is-ready:hover{border-color:rgba(128,220,249,.62);transform:translateY(-2px)}}
body.profile-mode-active .profile-career-snapshot.is-ready:focus-visible{outline:3px solid #80dcf9;outline-offset:3px}
@media(max-width:720px){body.profile-mode-active .profile-career-heading,body.profile-mode-active .profile-career-content{padding-right:14px;padding-left:14px}body.profile-mode-active .profile-career-snapshot-grid{grid-template-columns:1fr;gap:14px}body.profile-mode-active .profile-career-snapshot-frame{min-height:220px}}
@media(prefers-reduced-motion:reduce){body.profile-mode-active .profile-career-snapshot{transition:none}}

/* Asian Cup 2027 clean tournament UI corrections. */
.competition-folder-asian-cup .competition-folder-art,.competition-edition-tile.edition-asian-cup-2027 .competition-edition-art{overflow:hidden}.competition-folder-asian-cup .competition-folder-art img,.competition-edition-tile.edition-asian-cup-2027 .competition-edition-art img{width:78%!important;height:90%!important;object-fit:cover!important;object-position:center top!important;transform:none!important}body.retro-asian-cup-2027-setup-active .retro-screen-header,body.retro-mode-active.retro-asian-cup-2027-active .retro-screen-header{min-height:72px;border-bottom:1px solid var(--ac27-line)!important;background:rgba(0,43,25,.98)!important;box-shadow:none!important}body.retro-asian-cup-2027-setup-active .retro-screen-header :is(.retro-screen-restart,.retro-screen-action),body.retro-mode-active.retro-asian-cup-2027-active .retro-screen-header :is(.retro-screen-restart,.retro-screen-action){border:1px solid var(--ac27-line)!important;border-radius:4px!important;color:var(--ac27-text)!important;background:var(--ac27-surface)!important;box-shadow:none!important;clip-path:none!important}body.retro-asian-cup-2027-setup-active .retro-screen-brand .brand-mark,body.retro-mode-active.retro-asian-cup-2027-active .retro-screen-brand .brand-mark{border:1px solid var(--ac27-line)!important;border-radius:4px!important;color:var(--ac27-text)!important;background:var(--ac27-card)!important;box-shadow:none!important}body.retro-asian-cup-2027-setup-active .retro-route-setup-identity{min-height:48px;padding:7px 14px;border:1px solid var(--ac27-line);border-radius:4px;background:var(--ac27-surface);box-shadow:none}body.retro-asian-cup-2027-setup-active .retro-route-setup-identity img{width:34px!important;height:39px!important;flex-basis:34px!important;object-fit:cover!important;object-position:center top!important}body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-heading{position:relative;min-height:84px;align-items:center;padding:14px 20px 14px 94px;border:1px solid var(--ac27-line);border-radius:4px;background:linear-gradient(135deg,var(--ac27-card),var(--ac27-surface));box-shadow:none}body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-heading::before{position:absolute;top:11px;bottom:11px;left:20px;width:54px;border:0;background:url("./assets/asian-cup-2027-logo.png") center top/54px auto no-repeat;content:""}body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-heading>*{visibility:visible!important;pointer-events:auto!important}body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-heading>div:first-child>span{display:none!important}body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-heading h1{color:var(--ac27-text)!important;text-shadow:none!important}body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-progress :is(span,strong){color:var(--ac27-muted)!important;text-shadow:none!important}body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-view-tabs,.retro-main-section-switch){border-radius:4px!important;box-shadow:none!important}body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-view-tabs,.retro-main-section-switch)::before,body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.match-stage,.round-board,.match-analysis)::before{display:none!important;content:none!important}body.retro-asian-cup-2027-setup-active :is(.retro-route-setup-back,.retro-start-button,.retro-inline-team-option,.retro-inline-achievement-filter,.segmented,.segmented button,.retro-team-picker),body.retro-mode-active.retro-asian-cup-2027-active :is(.retro-view-tabs,.retro-view-tabs button,.retro-main-section-switch,.retro-main-section-switch a,.primary-button,.play-button,.secondary-button,.live-control,.text-button,.history-round-button,.load-more,.go-to-top,.snapshot-card-button){border-radius:4px!important;clip-path:none!important;box-shadow:none!important}body.retro-mode-active.retro-asian-cup-2027-active #mainContent :is(.match-stage,.round-board,.match-analysis,.standard-match-tactics,.standard-tactic-buttons,.penalty-stage,.champion-stage,.panel,.fixture){border-radius:4px!important;clip-path:none!important;box-shadow:none!important}body.retro-mode-active.retro-asian-cup-2027-active #mainContent .matchup>.team{border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;clip-path:none!important}body.retro-asian-cup-2027-setup-active .retro-route-setup-controls .retro-landing-settings{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.retro-asian-cup-2027-setup-active .retro-route-setup-controls .retro-landing-settings>.landing-setting:not(.landing-team-setting){grid-column:auto!important}body.retro-asian-cup-2027-setup-active .retro-route-setup-controls .retro-landing-settings>.landing-team-setting{grid-column:1/-1!important}@media(max-width:560px){body.retro-asian-cup-2027-setup-active .retro-route-setup-controls .retro-landing-settings{grid-template-columns:1fr!important}body.retro-asian-cup-2027-setup-active .retro-route-setup-controls .retro-landing-settings>.landing-setting{grid-column:1!important}body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-heading{min-height:72px;padding:10px 12px 10px 70px}body.retro-mode-active.retro-asian-cup-2027-active .retro-tournament-heading::before{top:9px;bottom:9px;left:12px;width:44px;background-size:44px auto}}