:root[data-site-theme=dark]:not(.watch-mode){color-scheme:dark;--green:#9ed3a9;--ink:#e5eee8;--muted:#abbcb0;--line:#35493d;--bg:#111b16;--paper:#18261e}
html[data-site-theme=dark]:not(.watch-mode) body,html[data-site-theme=dark]:not(.watch-mode) .main-shell,html[data-site-theme=dark]:not(.watch-mode) footer{background:var(--bg);color:var(--ink)}
html[data-site-theme=dark]:not(.watch-mode) :is(.sidebar,header,.panel,.stat,.team-card,.player-card,.profile-card,.shop-pack,.shared-squad,.wallet-ranking,.notice-rail,.notice-rail-section,.patch-rail,.mission-card,.match-card,.pred-fixture,.pred-market,.calendar-grid,.calendar-day,.account-card,.club-panel,.mail-item,.suggestion-item,.gallery-card,.shop-dialog,.pred-dialog,.member-dialog,.upgrade-dialog,dialog){background-color:#1b2b21;color:var(--ink);border-color:var(--line)}
html[data-site-theme=dark]:not(.watch-mode) :is(button,.btn,input,textarea,select,.season-pill,.site-stats,.avatar,.tag,.pred-game-tabs a,.squad-slot-tabs button){background-color:#263c2e;color:#e6eee7;border-color:#455e4c}
html[data-site-theme=dark]:not(.watch-mode) :is(.btn.primary,button.primary,nav a.active,.pred-game-tabs a.active){background:#326c48;color:#f5fff4}
html[data-site-theme=dark]:not(.watch-mode) :is(nav a:hover,.stat-icon,.pred-odds>div,.pred-mybet,.pred-result,.club-subnav,.account-supporter-preview,.shop-filters,.collection-empty,.shop-message,.help-box,.mission-section,.member-nickname-form){background-color:#23382b;color:#d8e8d9}
html[data-site-theme=dark]:not(.watch-mode) :is(h1,h2,h3,h4,.breadcrumb b,.stat-value,.team-info h3,.player-name,.account-balance,.jp-balance,.wallet-ranking strong,.rank-name,.pred-odds strong,.club-balance){color:#e4f3e3}
/* Explicit child colors do not inherit the dark text color from their parent. */
html[data-site-theme=dark]:not(.watch-mode) .site-stats{color:#c8d9cc}
html[data-site-theme=dark]:not(.watch-mode) .site-stats b{color:#f1fff3}
html[data-site-theme=dark]:not(.watch-mode) .site-online:before{background:#92d3a0}
html[data-site-theme=dark]:not(.watch-mode) :is(.record-match-score strong,.mc-scoreline>strong,.mc-scoreline b){color:#f1fff3}
html[data-site-theme=dark]:not(.watch-mode) :is(.record-match-card>time,.record-match-score small,.record-open,.record-match-score em,.mc-scoreline em,.mc-game-number,.mc-score>p){color:#bfd6c2}
html[data-site-theme=dark]:not(.watch-mode) :is(.club-notice-rail button[data-club-notice],.club-notice-row>button:first-child,.club-profile-panel .club-profile-choice,.club-profile-choice.selected>span:last-child,#club-dialog){color:#e4f3e3}
html[data-site-theme=dark]:not(.watch-mode) .club-ledger .positive{color:#9ed3a9}
html[data-site-theme=dark]:not(.watch-mode) .club-profile-default{background:#304735;color:#e4f3e3}
html[data-site-theme=dark]:not(.watch-mode) #club-dialog .club-error{color:#ffabab}
html[data-site-theme=dark]:not(.watch-mode) :is(.help,.note,.muted,.shop-help,.shop-empty,.stat-note,.stat-label,.stat-value small,.team-info p,.team-meta,.player-meta,.breadcrumb,.community,.account-email,.field-label,.privacy-footer,.section-heading small,.rank-note,.profile-subtitle){color:#aebeb2}
html[data-site-theme=dark]:not(.watch-mode) :is(.team-cover,.team-banner){background:color-mix(in srgb,var(--wash,#78a67b) 18%,#15251b)}
html[data-site-theme=dark]:not(.watch-mode) :is(.team-status,.status-pill,.pred-status){background:#2d4935;color:#d8edc6}
html[data-site-theme=dark]:not(.watch-mode) :is(th,td,.team-meta,.player-detail-row,.mail-item,.dialog-heading){border-color:var(--line)}
html[data-site-theme=dark]:not(.watch-mode) th{background:#253b2c;color:#deecdf}
html[data-site-theme=dark]:not(.watch-mode) tr:nth-child(even){background:#1b2b2180}
html[data-site-theme=dark]:not(.watch-mode) dialog::backdrop{background:#000b}
html[data-site-theme=dark]:not(.watch-mode) .club-notice,html[data-site-theme=dark]:not(.watch-mode) .notice-popup{background:#1c2d22;color:#e6eee7}
.theme-toggle{white-space:nowrap;font-size:12px!important;padding:8px 10px!important}
.sidebar-toggle{display:block;margin:12px 0;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper,#fff);color:var(--ink);font:inherit;font-size:11px;cursor:pointer}
.nav-collapsed .sidebar :is(nav,.brand-caption,.nav-label,.side-bottom){display:none}
@media(min-width:801px){.nav-collapsed .sidebar{width:120px;padding:24px 10px}.nav-collapsed .sidebar .brand{width:100%;margin:0}.nav-collapsed .sidebar .site-logo{width:100%;height:auto;max-width:100%}.nav-collapsed .main-shell{margin-left:120px}}
@media(max-width:800px){.sidebar-toggle{margin:8px 0 0}.nav-collapsed .sidebar{padding-bottom:12px}}
/* Nested surfaces also need dark backgrounds when their headings inherit light text. */
html[data-site-theme=dark]:not(.watch-mode) :is(.registered-streamer,.quick,.link-card,.roster-card,.squad-manager-panel,.club-products article,.player-match-metrics>div,.pred-game-board,.pred-fixture-popup,.match-pitch-panel,.team-record-stats>div,.mc-match-mvp,.match-mom){background-color:#23382b;color:var(--ink);border-color:var(--line)}
html[data-site-theme=dark]:not(.watch-mode) :is(.info-row b,.quick b,.quick strong,.registered-streamer strong,.link-card b,.roster-card strong,.club-products article h3){color:#e4f3e3}
html[data-site-theme=dark]:not(.watch-mode) :is(.info-row,.registered-streamer small,.quick small,.link-card small,.date-chip){color:#b3c5b6}
html[data-site-theme=dark]:not(.watch-mode) :is(.weekday,.day.blank,.match-center th,.match-center .match-totals,.mc-tabs a,.club-switch a){background:#203227;color:#c9ddcc;border-color:var(--line)}
html[data-site-theme=dark]:not(.watch-mode) :is(.day:hover,.day.today:hover,.quick:hover,.team-roster a.roster-card:hover,button.roster-card:hover,.roster-card.is-placed,.drag-handle:hover,.squad-remove-zone.drop-hover){background:#304b38;color:#f0f8ee}
html[data-site-theme=dark]:not(.watch-mode) :is(.position-tag,.player-tag,.sample-tag,.notice-jp,.pred-player-avatar,.pred-empty-player,.match-pitch-panel h3 small){background:#304735;color:#d4eacb;border-color:#526c58}
html[data-site-theme=dark]:not(.watch-mode) :is(.tabs button.selected,.mc-tabs a.active,.club-switch a.active){background:#326c48;color:#f5fff4}
html[data-site-theme=dark]:not(.watch-mode) :is(.rail-section,.directory-card,.club-nav,.club-notice-rail,.club-profile-choice,.directory-summary,.portrait-unavailable,.squad-remove-zone){background:#1d3024;color:#dbeadd;border-color:var(--line)}
html[data-site-theme=dark]:not(.watch-mode) :is(.club-hero,.player-profile-hero,.record-match-card,.mc-score){background:linear-gradient(120deg,#203e2b,#19271f);color:#e7f1e6;border-color:var(--line)}
html[data-site-theme=dark]:not(.watch-mode) :is(#notice-rail,#patch-rail summary,.notice-rail-title,.jp-email,.jp-muted,.directory-card p,.side-bottom strong){color:#b9d2bc}
[data-open-mail]{position:relative;display:inline-flex;gap:6px;align-items:center}.mail-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:12px;background:#c6374b;color:#fff;font-size:11px;line-height:1;font-weight:700}
.effects-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}.effects-controls label{display:flex;align-items:center;gap:8px}.effects-controls input[type=range]{width:100px;max-width:30vw;min-height:24px;padding:0}.effects-controls button{padding:6px 10px;border-radius:8px;border:1px solid #64846c;background:#203c2c;color:#edf5ea;font:inherit}
@media(max-width:600px){.theme-toggle{font-size:11px!important}.header-right{flex-wrap:wrap}.effects-controls{gap:6px}}