/* Esport reference theme. Presentation-only; existing components and actions stay in place. */
html[data-ui-theme="sports-20261019"] {
 --ui-navy:#173f65; --ui-blue:#1e76b5; --ui-green:#59851f; --ui-green-bright:#78a936;
 --ui-page:#edf1f5; --ui-line:#d6e0e8; --ui-ink:#233d52; --ui-muted:#61788b;
 --score-blue:#1e76b5; --score-ink:#233d52; --score-muted:#61788b; --score-page:#edf1f5; --score-surface:#fff; --score-line:#d6e0e8;
 background:var(--ui-page);
}
html[data-ui-theme="sports-20261019"] body {background:var(--ui-page);color:var(--ui-ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;}
html[data-ui-theme="sports-20261019"] :is(button,a,input,select,textarea):focus-visible {outline:2px solid #c57800;outline-offset:3px;}
html[data-ui-theme="sports-20261019"] .app-shell {background:var(--ui-page);min-height:100vh;}
html[data-ui-theme="sports-20261019"] .esport-header {--esport-blue:var(--ui-blue);background:var(--ui-navy);border-bottom:0;}
html[data-ui-theme="sports-20261019"] .esport-header-main {max-width:1600px;min-height:64px;padding:0 24px;gap:24px;}
html[data-ui-theme="sports-20261019"] .esport-brand {font-size:29px;}
html[data-ui-theme="sports-20261019"] .esport-nav {gap:0;}
html[data-ui-theme="sports-20261019"] .esport-nav button {padding:0 16px;min-height:64px;font-size:13px;font-weight:700;}
html[data-ui-theme="sports-20261019"] .esport-nav button.active {background:#24547d;box-shadow:inset 0 -3px #8bbb45;}
html[data-ui-theme="sports-20261019"] .esport-wallet {background:var(--ui-green);border:1px solid #719c3c;border-radius:3px;min-height:38px;padding:7px 12px;}
html[data-ui-theme="sports-20261019"] .esport-wallet:hover {background:#4a7119;}
html[data-ui-theme="sports-20261019"] .esport-header .esport-icon-button:hover {background:#2a557b;}
html[data-ui-theme="sports-20261019"] .esport-sports-row {padding:0 24px;background:var(--ui-blue);color:#fff;border:0;}
html[data-ui-theme="sports-20261019"] .thesports-navigation.sport-navigation {max-width:1552px;min-height:52px;background:transparent;}
html[data-ui-theme="sports-20261019"] .thesports-navigation .sport-navigation-primary {gap:0;scrollbar-color:#80afd0 transparent;scrollbar-width:thin;}
html[data-ui-theme="sports-20261019"] .thesports-navigation .sport-navigation-primary>button,
html[data-ui-theme="sports-20261019"] .thesports-navigation .sport-navigation-more>summary {min-height:48px;min-width:80px;border-radius:0;color:#fff;padding:7px 12px;font-size:12px;gap:7px;}
html[data-ui-theme="sports-20261019"] .thesports-navigation .sport-navigation-primary>button.selected,
html[data-ui-theme="sports-20261019"] .thesports-navigation details[open]>summary {color:#173f65;background:#fff;box-shadow:inset 0 -3px #78a936;}
html[data-ui-theme="sports-20261019"] .thesports-navigation .sport-navigation-primary>button:hover,
html[data-ui-theme="sports-20261019"] .thesports-navigation summary:hover {color:#fff;background:#155f96;}
html[data-ui-theme="sports-20261019"] .thesports-navigation .sport-navigation-primary>button.selected:hover {background:#fff;color:#173f65;}
html[data-ui-theme="sports-20261019"] .thesports-navigation>.sport-navigation-other {border-color:#ffffff38;}
html[data-ui-theme="sports-20261019"] .sport-navigation-extra {border:1px solid var(--ui-line);border-radius:3px;box-shadow:0 8px 24px #173f6526;}
html[data-ui-theme="sports-20261019"] .sport-navigation-extra button {color:var(--ui-ink);}
html[data-ui-theme="sports-20261019"] .thesports-navigation .sport-motion-mark {width:23px!important;height:23px!important;flex-basis:23px!important;}
html[data-ui-theme="sports-20261019"] .cricket-notice-ticker {background:#e2eaf1;border-bottom:1px solid #ccd9e4;min-height:34px;}
html[data-ui-theme="sports-20261019"] .cricket-notice-label {color:#173f65;background:#e2eaf1;}
html[data-ui-theme="sports-20261019"] .workspace {max-width:1600px;padding:16px 24px 40px;gap:16px;}
html[data-ui-theme="sports-20261019"] .main-content {min-width:0;margin:0;padding:0;}
html[data-ui-theme="sports-20261019"] .stake-sidebar-card {background:#fff;border:1px solid var(--ui-line);border-radius:3px;padding:0 0 8px;box-shadow:none;}
html[data-ui-theme="sports-20261019"] .service-menu-heading {background:var(--ui-navy);color:#fff;padding:15px 14px;min-height:48px;}
html[data-ui-theme="sports-20261019"] .stake-side-link {font-size:13px;gap:10px;min-height:44px;border-radius:0;color:#294760;padding:10px 14px;}
html[data-ui-theme="sports-20261019"] .stake-side-link svg {width:17px;height:17px;color:#4b7799;}
html[data-ui-theme="sports-20261019"] .stake-side-link:hover {background:#eaf2f8;color:var(--ui-blue);}
html[data-ui-theme="sports-20261019"] .stake-divider {height:1px;margin:8px 12px;background:var(--ui-line);}
html[data-ui-theme="sports-20261019"] .esport-header-panel {border-radius:3px;border-color:var(--ui-line);}
/* The independent feed stays truthful when the provider is unavailable. */
html[data-ui-theme="sports-20261019"] .sports-feed-host {border:1px solid var(--ui-line);border-radius:3px;background:#fff;overflow:clip;}
html[data-ui-theme="sports-20261019"] .sf-project-choice {background:var(--ui-navy);color:#fff;padding:10px 16px;margin:0;gap:14px;font-size:12px;font-weight:700;}
html[data-ui-theme="sports-20261019"] .sf-project-choice select {min-height:38px;min-width:160px;border:1px solid #6a91ae;background:#285577;color:#fff;border-radius:2px;padding:6px 10px;}
html[data-ui-theme="sports-20261019"] .sports-feed {border:0;border-radius:0;padding:0;background:#fff;color:var(--ui-ink);font-family:inherit;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-header {align-items:center;background:#f6f8fa;border-bottom:1px solid var(--ui-line);padding:14px 18px;gap:12px;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-title {font-size:20px;line-height:1.3;letter-spacing:0;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-date-label {display:flex;align-items:center;gap:9px;font-size:11px;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-date {min-height:38px;border-radius:2px;border-color:#b8c9d7;padding:7px 9px;font-size:13px;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-refresh {background:var(--ui-blue);color:white;border:0;border-radius:2px;min-height:38px;padding:7px 18px;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-note {margin:0;padding:10px 18px;border-bottom:1px solid #e5ebf1;font-size:11px;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-status {margin:24px 18px;padding:18px 20px;border:1px solid #e2d7be;border-left:3px solid #b08736;background:#fbf9f2;color:#715c31;font-size:13px;line-height:1.8;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-status:empty {display:none;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-events {gap:0;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-event {border:0;border-bottom:1px solid var(--ui-line);border-radius:0;padding:12px 18px;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-event-meta {background:#e7eef5;color:#31516a;padding:7px 10px;margin:-12px -18px 4px;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-score {background:#e7eef5;color:#173f65;padding:8px 12px;border-radius:2px;}
html[data-ui-theme="sports-20261019"] .sports-feed .sf-details {padding:14px 18px;}
html[data-ui-theme="sports-20261019"] .sports-feed-host .fb-bet-row button {background:#e6eef5;color:#35546c;border:1px solid #d6e2ec;border-radius:2px;}
html[data-ui-theme="sports-20261019"] .sports-feed-host .fb-bet-row b {color:#1d659a;}
html[data-ui-theme="sports-20261019"] :is(.sports-center,.sc-cricket-center) {--sc-blue:#1e76b5;--sc-line:#d6e0e8;--sc-soft:#edf1f5;--sc-ink:#233d52;--cricket-line:#d6e0e8;--cricket-ink:#233d52;--cricket-surface:#fff;}
html[data-ui-theme="sports-20261019"] :is(.sc-main,.sc-league-filter,.sc-top-tools,.sc-cricket-topbar,.sc-cricket-leagues,.sc-cricket-board) {border-radius:3px;box-shadow:none;border-color:var(--ui-line);}
html[data-ui-theme="sports-20261019"] .sc-league-title {background:#dde8f1;color:#254763;border-radius:0;}
html[data-ui-theme="sports-20261019"] .sc-price {background:#e6eef5;border:1px solid #d7e2eb;border-radius:2px;color:#1e6598;}
html[data-ui-theme="sports-20261019"] .sc-status-tabs>button.sc-active {background:#1e76b5;color:white;border-radius:2px;}
@media(min-width:1100px){
 html[data-ui-theme="sports-20261019"] .workspace:has(>.stake-sidebar) {display:grid;grid-template-columns:190px minmax(0,1fr);align-items:start;}
 html[data-ui-theme="sports-20261019"] .workspace>.stake-sidebar {display:block;position:sticky;top:16px;width:auto;max-width:none;transform:none;z-index:2;margin:0;}
 html[data-ui-theme="sports-20261019"] .workspace>.stake-sidebar .service-menu-heading button,
 html[data-ui-theme="sports-20261019"] .esport-header .esport-mobile-menu {display:none;}
}
@media(max-width:1099px){
 html[data-ui-theme="sports-20261019"] .esport-header-main {flex-wrap:wrap;gap:0 12px;padding:8px 16px 0;}
 html[data-ui-theme="sports-20261019"] .esport-nav {order:3;flex:1 0 100%;min-height:40px;width:100%;gap:4px;}
 html[data-ui-theme="sports-20261019"] .esport-nav button {min-height:40px;padding:0 13px;}
 html[data-ui-theme="sports-20261019"] .workspace {padding:14px 16px 30px;}
 html[data-ui-theme="sports-20261019"] .esport-sports-row {padding:0 16px;}
}
@media(max-width:600px){
 html[data-ui-theme="sports-20261019"] .esport-header-main {padding-inline:10px;gap:0 5px;}
 html[data-ui-theme="sports-20261019"] .esport-brand {font-size:22px;}
 html[data-ui-theme="sports-20261019"] .esport-header .esport-icon-button {width:30px;}
 html[data-ui-theme="sports-20261019"] .esport-wallet {padding:6px;font-size:11px;}
 html[data-ui-theme="sports-20261019"] .esport-nav {gap:0;}
 html[data-ui-theme="sports-20261019"] .esport-nav button {padding-inline:11px;font-size:12px;}
 html[data-ui-theme="sports-20261019"] .workspace {padding:10px 10px 24px;}
 html[data-ui-theme="sports-20261019"] .sports-feed .sf-header {padding:12px;gap:10px;}
 html[data-ui-theme="sports-20261019"] .sports-feed .sf-title {font-size:17px;flex-basis:100%;}
 html[data-ui-theme="sports-20261019"] .sports-feed .sf-date-label {flex:1;}
 html[data-ui-theme="sports-20261019"] .sports-feed .sf-date {min-width:0;flex:1;min-height:44px;}
 html[data-ui-theme="sports-20261019"] .sports-feed .sf-refresh {min-height:44px;}
 html[data-ui-theme="sports-20261019"] .sf-project-choice {padding:10px 12px;}
 html[data-ui-theme="sports-20261019"] .sf-project-choice select {min-height:44px;}
 html[data-ui-theme="sports-20261019"] .sports-feed .sf-note {padding:9px 12px;}
 html[data-ui-theme="sports-20261019"] .sports-feed .sf-status {margin:16px 12px;padding:14px 12px;}
}
@media(min-width:1100px){
 html[data-ui-theme="sports-20261019"] .workspace>.stake-sidebar {padding:0;border:0;background:transparent;box-shadow:none;}
 html[data-ui-theme="sports-20261019"] .workspace>.stake-sidebar .stake-sidebar-card {width:100%;}
}
html[data-ui-theme="sports-20261019"] .esport-register {background:#78a936;color:#102616;border:1px solid #88b64b;border-radius:3px;font-weight:700;min-height:38px;}
html[data-ui-theme="sports-20261019"] .esport-register:hover {background:#8bbb45;}
@media(min-width:1100px){
 html[data-ui-theme="sports-20261019"] .app-shell:has(.workspace>.stake-sidebar) .service-menu-backdrop {display:none;}
}

/* Esport shared pages. Presentation only; existing account dark mode is excluded. */
html[data-ui-theme="sports-20261019"] :is(.account-center:not([data-theme="dark"]), .account-overlay, .betting-history, .agent-page, .activities-page, .portal-page, .responsible-page):not(.account-center[data-theme="dark"] *) {
  --ui-navy: #173f65;
  --ui-blue: #1e76b5;
  --ui-canvas: #edf1f5;
  --ui-surface: #fff;
  --ui-line: #d3dde6;
  --ui-ink: #20384e;
  --ui-muted: #536a7e;
  --ui-tint: #e8f1f8;
  --ui-cta: #72a92c;
  --ui-cta-ink: #102616;
}

/* Account menus and existing authentication forms. */
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) {
  --ac-card: var(--ui-surface);
  --ac-bg: var(--ui-canvas);
  --ac-text: var(--ui-ink);
  --ac-muted: var(--ui-muted);
  --ac-border: var(--ui-line);
  --ac-accent: var(--ui-blue);
  --account-member-icon: var(--ui-blue);
  color: var(--ui-ink);
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .account-center-heading {
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--ui-line);
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .account-center-heading h1 {
  color: var(--ui-navy);
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) :is(.account-identity-bar, .account-menu-group, .account-page-content) {
  border: 1px solid var(--ui-line);
  border-radius: 6px;
  background: var(--ui-surface);
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .account-identity-bar {
  padding: 18px;
  border-top: 3px solid var(--ui-blue);
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .account-center-balance > b {
  color: var(--ui-navy);
  font-variant-numeric: tabular-nums;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .account-menu-group > h2 {
  color: var(--ui-navy);
  font-size: 16px;
  line-height: 1.5;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .account-menu-icon {
  color: var(--ui-blue);
  background: var(--ui-tint);
  border-radius: 6px;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .account-menu-grid > button:hover:not(:disabled) {
  color: var(--ui-navy);
  background: var(--ui-tint);
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) :is(.account-action, .account-home-button) {
  min-height: 44px;
  color: var(--ui-navy);
  background: var(--ui-tint);
  border: 1px solid var(--ui-line);
  border-radius: 4px;
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .account-link-button {
  color: var(--ui-blue);
}
html[data-ui-theme="sports-20261019"] :is(.account-center:not([data-theme="dark"]), .account-overlay:not(.account-center[data-theme="dark"] *)) :is(.account-field input, .account-field textarea, .account-field select) {
  border-color: var(--ui-line);
  border-radius: 4px;
  background: var(--ui-surface);
  color: var(--ui-ink);
  font-size: 16px;
  min-height: 44px;
}
html[data-ui-theme="sports-20261019"] :is(.account-center:not([data-theme="dark"]), .account-overlay:not(.account-center[data-theme="dark"] *)) :is(.account-primary, .account-form > button[type="submit"]) {
  min-height: 44px;
  border-radius: 4px;
  background: var(--ui-cta);
  color: var(--ui-cta-ink);
  border-color: var(--ui-cta);
  box-shadow: none;
  font-weight: 700;
}
html[data-ui-theme="sports-20261019"] :is(.account-center:not([data-theme="dark"]), .account-overlay:not(.account-center[data-theme="dark"] *)) .auth-tabs button.selected {
  color: var(--ui-blue);
}
html[data-ui-theme="sports-20261019"] :is(.account-center:not([data-theme="dark"]), .account-overlay:not(.account-center[data-theme="dark"] *)) .auth-tabs button.selected::after {
  background: var(--ui-blue);
}
html[data-ui-theme="sports-20261019"] .account-overlay:not(.account-center[data-theme="dark"] *) > .account-panel {
  border: 1px solid var(--ui-line);
  border-radius: 8px;
  background: var(--ui-surface);
  color: var(--ui-ink);
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) :is(.account-transactions > article, .payout-record, .feedback-detail) {
  border-color: var(--ui-line);
  border-radius: 4px;
  box-shadow: none;
}

/* Wallet remains owned by the existing account and exchange modules. */
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) :is(.wallet-panel, .wallet-content, .wallet-v2-content) {
  --wallet-blue: var(--ui-blue);
  --wallet-blue-bright: var(--ui-blue);
  --wallet-ink: var(--ui-ink);
  --wallet-muted: var(--ui-muted);
  --wallet-line: var(--ui-line);
  --wallet-tint: var(--ui-tint);
  --wallet-radius: 4px;
  background: var(--ui-surface);
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .wallet-v2-content .wallet-balance-card {
  background: var(--ui-tint);
  border: 1px solid var(--ui-line);
  border-radius: 6px;
  padding: 16px;
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .wallet-v2-content .wallet-balance-card > strong {
  color: var(--ui-navy);
  font-variant-numeric: tabular-nums;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .wallet-tabs > button {
  min-height: 44px;
  border-radius: 4px 4px 0 0;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .wallet-field :is(input, select, textarea) {
  border-color: var(--ui-line);
  border-radius: 4px;
  min-height: 44px;
  font-size: 16px;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .wallet-primary {
  color: var(--ui-cta-ink);
  background: var(--ui-cta);
  border-color: var(--ui-cta);
  border-radius: 4px;
  min-height: 44px;
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) :is(.wallet-record, .wallet-receipt) {
  border-color: var(--ui-line);
  border-radius: 4px;
  box-shadow: none;
}

/* Existing history table geometry, status colors and pagination stay intact. */
html[data-ui-theme="sports-20261019"] .betting-history:not(.account-center[data-theme="dark"] *) {
  --bh-blue: var(--ui-blue);
  --bh-blue-dark: var(--ui-navy);
  --bh-ink: var(--ui-ink);
  --bh-muted: var(--ui-muted);
  --bh-line: var(--ui-line);
  --bh-soft: var(--ui-canvas);
  border-color: var(--ui-line);
  border-radius: 6px;
  background: var(--ui-surface);
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .betting-history:not(.account-center[data-theme="dark"] *) :is(.bet-record-tabs, .bet-record-table, .betting-order) {
  border-radius: 4px;
  border-color: var(--ui-line);
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .betting-history:not(.account-center[data-theme="dark"] *) :is(.betting-secondary, .bet-record-tabs button, .bet-record-tools > button) {
  min-height: 44px;
  height: auto;
  border-radius: 4px;
}

/* Agent pages include the current independent ac-root presentation. */
html[data-ui-theme="sports-20261019"] .agent-page:not(.account-center[data-theme="dark"] *) {
  --agent-blue: var(--ui-blue);
  --agent-ink: var(--ui-ink);
  --agent-muted: var(--ui-muted);
  --agent-line: var(--ui-line);
  --agent-soft: var(--ui-canvas);
  color: var(--ui-ink);
}
html[data-ui-theme="sports-20261019"] .agent-page:not(.account-center[data-theme="dark"] *) :is(.agent-section, .agent-overview, .agent-support, .ac-stat, .ac-panel, .ac-rate, .ac-table-wrap) {
  border: 1px solid var(--ui-line);
  border-radius: 6px;
  background: var(--ui-surface);
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .agent-page:not(.account-center[data-theme="dark"] *) .agent-hero {
  background: var(--ui-navy);
  color: #fff;
  border: 1px solid var(--ui-navy);
  border-radius: 6px;
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .agent-page:not(.account-center[data-theme="dark"] *) :is(.agent-tabs button, .ac-tabs button) {
  min-height: 44px;
  border-radius: 4px;
  border-color: var(--ui-line);
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .agent-page:not(.account-center[data-theme="dark"] *) :is(.agent-tabs button[aria-selected="true"], .ac-tabs button.is-active) {
  background: var(--ui-blue);
  border-color: var(--ui-blue);
  color: #fff;
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .agent-page:not(.account-center[data-theme="dark"] *) :is(.ac-table th, .agent-team-labels) {
  background: var(--ui-canvas);
  color: var(--ui-muted);
}

/* Published content keeps its real media, copy, links and actions. */
html[data-ui-theme="sports-20261019"] :is(.activities-page, .portal-page, .responsible-page):not(.account-center[data-theme="dark"] *) {
  color: var(--ui-ink);
}
html[data-ui-theme="sports-20261019"] .activities-page:not(.account-center[data-theme="dark"] *) .activities-hero {
  padding: 22px;
  gap: 16px;
  background: var(--ui-navy);
  border-color: var(--ui-navy);
  border-radius: 6px;
  color: #fff;
}
html[data-ui-theme="sports-20261019"] .activities-page:not(.account-center[data-theme="dark"] *) .activities-hero h1 {
  color: inherit;
  font-size: 24px;
}
html[data-ui-theme="sports-20261019"] .activities-page:not(.account-center[data-theme="dark"] *) :is(.activities-card, .activities-detail) {
  border: 1px solid var(--ui-line);
  border-radius: 6px;
  background: var(--ui-surface);
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .activities-page:not(.account-center[data-theme="dark"] *) :is(.activities-button, .activities-back) {
  min-height: 44px;
  border-radius: 4px;
  color: var(--ui-blue);
}
html[data-ui-theme="sports-20261019"] .portal-page:not(.account-center[data-theme="dark"] *) :is(.portal-card, .portal-header) {
  border-color: var(--ui-line);
  border-radius: 6px;
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .portal-page:not(.account-center[data-theme="dark"] *) .portal-card {
  background: var(--ui-surface);
}
html[data-ui-theme="sports-20261019"] .portal-page:not(.account-center[data-theme="dark"] *) .portal-header {
  background: var(--ui-navy);
  color: #fff;
}
html[data-ui-theme="sports-20261019"] .portal-page:not(.account-center[data-theme="dark"] *) .portal-header h1 {
  color: inherit;
}
html[data-ui-theme="sports-20261019"] .portal-page:not(.account-center[data-theme="dark"] *) .portal-card h2 {
  color: var(--ui-navy);
}
html[data-ui-theme="sports-20261019"] .responsible-page:not(.account-center[data-theme="dark"] *) {
  --responsible-blue: var(--ui-blue);
  --responsible-ink: var(--ui-ink);
  --responsible-muted: var(--ui-muted);
  --responsible-line: var(--ui-line);
}

/* Visible focus is limited to the touched modules. */
html[data-ui-theme="sports-20261019"] :is(.account-center:not([data-theme="dark"]), .account-overlay, .betting-history, .agent-page, .activities-page, .portal-page, .responsible-page):not(.account-center[data-theme="dark"] *) :is(button, input, select, textarea, a):focus-visible {
  outline: 2px solid var(--ui-blue);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .account-center-heading h1 {
    font-size: 20px;
  }
  html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .account-identity-bar {
    padding: 12px;
  }
  html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .wallet-v2-content .wallet-balance-grid {
    gap: 8px;
  }
  html[data-ui-theme="sports-20261019"] .account-center:not([data-theme="dark"]) .wallet-v2-content .wallet-balance-card {
    padding: 12px;
  }
  html[data-ui-theme="sports-20261019"] .activities-page:not(.account-center[data-theme="dark"] *) .activities-hero {
    padding: 16px;
  }
  html[data-ui-theme="sports-20261019"] .activities-page:not(.account-center[data-theme="dark"] *) .activities-hero h1 {
    font-size: 20px;
  }
}

/* Mobile presentation only. Load after the existing mobile bundle and base theme. */
html[data-ui-theme="sports-20261019"] .mobile-site {
  background: #edf1f5;
  color: #233d52;
  padding-bottom: calc(76px + env(safe-area-inset-bottom));
}

html[data-ui-theme="sports-20261019"] .mobile-site .mobile-header {
  box-sizing: border-box;
  height: calc(56px + env(safe-area-inset-top));
  gap: 8px;
  background: #173f65;
  border-bottom: 1px solid #ffffff14;
}
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-brand { gap: 4px; flex: 0 0 auto; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-brand strong { font-size: 24px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-brand img { width: 29px; height: 29px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-header-actions { gap: 4px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-header-actions button { min-height: 44px; border-radius: 3px; padding-inline: 10px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-header-actions .mobile-header-icon { padding-inline: 8px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-header-actions .mobile-register {
  background: #72a92c;
  color: #102d16;
  border: 1px solid #8dbd51;
}
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-header-actions .mobile-wallet-trigger {
  background: #24547d;
  border-color: #6c8ca7;
  color: #fff;
}

/* Existing horizontal sport selection remains scrollable, with its original icons. */
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sports {
  margin-bottom: 0;
  background: #1e76b5;
  border-bottom: 1px solid #175f94;
}
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sports .mobile-sport-track > button {
  flex-basis: 66px;
  min-height: 66px;
  gap: 4px;
  padding: 8px 4px;
  color: #fff;
  background: transparent;
  font-size: 11px;
  line-height: 16px;
  border-radius: 0;
}
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sports .mobile-sport-track > button[aria-current="page"] {
  color: #173f65;
  background: #edf1f5;
  font-weight: 700;
}
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sports .mobile-sport-track > button[aria-current="page"]::after {
  left: 8px;
  right: 8px;
  bottom: 0;
  height: 3px;
  border-radius: 0;
  background: #72a92c;
}
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sports .mobile-sport-more {
  flex-basis: 48px;
  min-height: 66px;
  background: #19669e;
  color: #fff;
  border-left-color: #ffffff30;
  border-radius: 0;
  box-shadow: none;
}
html[data-ui-theme="sports-20261019"] .mobile-site :is(.mobile-header, .mobile-sports) button:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sport-track > button[aria-current="page"]:focus-visible { outline-color: #173f65; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page { padding: 10px 8px 16px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-service-page { padding: 12px 10px; }

/* Sports list controls keep their touch targets; only surplus spacing is reduced. */
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sports-center { padding-top: 0; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-heading { margin: 0 2px 10px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-heading h1 { font-size: 16px; color: #173f65; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-top-tools { padding: 6px; gap: 4px; flex-wrap: wrap; border-radius: 3px 3px 0 0; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-date { flex: 1 1 230px; gap: 2px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-date > button { color: #1e76b5; border-radius: 2px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-date label { background: #edf1f5; border-radius: 2px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-source-note { margin-bottom: 8px; border-radius: 0 0 3px 3px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-service-note { margin-bottom: 8px; border-radius: 3px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-main { border: 1px solid #d6e0e8; border-radius: 3px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-board-tools { padding: 6px 6px 4px; gap: 5px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-status-tabs { gap: 2px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-status-tabs > button { min-height: 44px; padding: 6px; border-radius: 2px; background: #edf1f5; color: #3e5c74; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-status-tabs > button.sc-active { background: #1e76b5; color: #fff; box-shadow: inset 0 -3px #72a92c; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-filter-bar { padding: 4px 6px 8px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page :is(.sc-search, .sc-mobile-leagues, .sc-widget-toggle) { border-radius: 2px; border-color: #d6e0e8; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-scoreboard { padding: 0 4px 4px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-league-group { margin-bottom: 8px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-league-title { min-height: 34px; background: #dde8f1; color: #254763; border-radius: 0; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-match { min-height: 74px; border-bottom-color: #e1e8ef; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-match-main { padding-block: 9px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-team { font-size: 12px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page :is(.sc-teams, .sc-score) { gap: 10px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-details { margin-top: 10px; border-radius: 3px; }

/* Keep the existing fixed navigation and safe-area reservation. */
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-bottom-nav {
  box-sizing: border-box;
  height: calc(62px + env(safe-area-inset-bottom));
  padding: 3px 6px calc(3px + env(safe-area-inset-bottom));
  background: #173f65;
  border-top: 1px solid #2c5578;
  box-shadow: 0 -2px 8px #173f6514;
}
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-bottom-nav > button {
  min-height: 50px;
  gap: 3px;
  border-radius: 2px;
  font-size: 11px;
  color: #dce7f0;
}
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-bottom-nav > button[aria-current="page"] {
  background: #24547d;
  color: #fff;
  box-shadow: inset 0 3px #72a92c;
}
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-bottom-nav > button[aria-current="page"] svg { fill: none; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-bottom-nav > button:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }

html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sheet { border-radius: 8px 8px 0 0; padding-inline: 12px; color: #233d52; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sheet > header { padding-block: 8px; border-bottom-color: #d6e0e8; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sheet h2 { color: #173f65; font-size: 16px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sheet header button { border-radius: 3px; background: #edf1f5; color: #173f65; }
html[data-ui-theme="sports-20261019"] .mobile-site :is(.mobile-sport-grid, .mobile-service-grid) { gap: 6px; padding-top: 12px; }
html[data-ui-theme="sports-20261019"] .mobile-site :is(.mobile-sport-grid, .mobile-service-grid) > button { min-height: 78px; padding: 10px 4px; gap: 8px; border-radius: 3px; border-color: #d6e0e8; background: #f6f8fa; color: #254763; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sport-grid > button[aria-current="page"] { background: #e5eff6; color: #173f65; border-color: #1e76b5; box-shadow: inset 0 -3px #72a92c; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-service-grid > button > svg { color: #1e76b5; }

/* These mobile-only additions sit outside the shared account form styling. */
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-benefits { gap: 8px; margin-bottom: 12px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-benefits > button { min-height: 70px; padding: 12px; border-radius: 3px; border-color: #d6e0e8; background: #fff; color: #233d52; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-benefits strong { font-size: 15px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-benefits small { color: #61788b; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-service-icon { border-radius: 3px; color: #1e76b5; background: #e7eef5; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-welcome { margin-bottom: 12px; padding: 16px 12px; border-radius: 3px; background: #173f65; color: #fff; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-welcome-identity { margin-bottom: 14px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-welcome-identity > span { background: #fff; color: #173f65; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-welcome-actions { gap: 8px; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-welcome-actions button { border-radius: 3px; border-color: #86a2ba; background: #24547d; color: #fff; }
html[data-ui-theme="sports-20261019"] .mobile-site .mobile-member-welcome-actions button + button { border-color: #8dbd51; background: #72a92c; color: #102d16; }

@media (min-width: 520px) {
  html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sports .mobile-sport-track > button { flex-basis: 74px; }
  html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page { padding-inline: 12px; }
}
@media (max-width: 374px) {
  html[data-ui-theme="sports-20261019"] .mobile-site .mobile-header { padding-inline: 8px; gap: 4px; }
  html[data-ui-theme="sports-20261019"] .mobile-site .mobile-brand strong { font-size: 22px; }
  html[data-ui-theme="sports-20261019"] .mobile-site .mobile-header-actions { gap: 2px; }
  html[data-ui-theme="sports-20261019"] .mobile-site .mobile-header-actions button { padding-inline: 8px; }
  html[data-ui-theme="sports-20261019"] .mobile-site .mobile-sports .mobile-sport-track > button { flex-basis: 62px; }
  html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page { padding-inline: 6px; }
  html[data-ui-theme="sports-20261019"] .mobile-site .mobile-scores-page .sc-team { font-size: 11px; }
}