/* Default accent-to-black appearance; light remains available in settings. */
html[data-look="dark"]{color-scheme:dark;background:#000;color:#f5f5f7;--muted:#a2a5ad;--line:#2b2d32;--night-surface:#131417;--night-raised:#1c1e23;--night-accent:color-mix(in srgb,var(--accent) 46%,#fff);--night-accent-soft:color-mix(in srgb,var(--accent) 20%,#151619)}
html[data-look="dark"] body{background:#000;color:#f5f5f7}
html[data-look="dark"] body::before{height:330px;background:linear-gradient(180deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 65%,#000) 32%,#000 100%)}
html[data-look="dark"] .header-identity,html[data-look="dark"] .header-identity .header-wordmark{color:#fff}
html[data-look="dark"] :is(.brand-people,.brand-flag){background:#fff}
html[data-look="dark"] main>header>.teams-button{background:#ffffff1a;color:#fff;border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff12,0 4px 15px #00000012}
html[data-look="dark"] main>header>.teams-button:hover{background:#ffffff28}
html[data-look="dark"] :is(.section-title h2,.month-nav h2,.league-info b,.standing-place,.standing-points,.team-overview h3,.kit-card h3,.roster-card h3,.team-schedule h3,.competition-heading,.calendar-list-heading){color:#f5f5f7}
html[data-look="dark"] :is(.text-button,.competition-tabs button.selected,.round-navigation h3,.compact-match-team.ours,.source-link,.footer-appearance>span,.team-option-name,.curated-team-description b,.teams-panel h2,.appearance-panel h2,.match-detail h2,.match-detail h3){color:var(--night-accent)}
html[data-look="dark"] .match-card{box-shadow:0 0 0 1px #ffffff15,0 8px 24px #0003}
html[data-look="dark"] :is(.result-group,.team-performance,.league-card,.calendar-box,.team-overview,.kit-card,.roster-card,.team-schedule,.unavailable-card,.club-profile,.compact-match){background:var(--night-surface);border:1px solid var(--line);color:#f5f5f7}
html[data-look="dark"] .result-group>.results{background:transparent}
html[data-look="dark"] :is(.result-row,.result-group-heading,.schedule-row,.team-overview dl>div,.team-performance .performance-heading,.compact-match>small,.roster-card li,.lineup li,.curated-team-option,.panel-divider){border-color:var(--line)}
html[data-look="dark"] :is(.result-team-line,.result-date,.result-date small,.result-outcome small,.result-group-heading p,.result-group-heading>div>span,.performance-heading p,.performance-totals,.performance-source,.performance-standing p,.goals-average h4 span,.goal-average-row>div>span,.team-overview>p,.team-overview dt,.kit-card>p,.kit-note,.kit-source,.roster-card>p,.roster-card>small,.team-schedule>p,.schedule-row small,.schedule-source,.compact-match-meta,.compact-match>small,.detail-note,.table-key,.table-scroll-hint,.club-profile p,.club-profile>span,.club-feed-note,.instagram-status,.curated-update-note,.teams-panel .panel-description,.curated-team-description small,.curated-team-description em,.data-note,footer p,.section-title>div>p){color:var(--muted)}
html[data-look="dark"] :is(.result-team-line.followed,.result-team-line>b,.goal-average-row b,.goal-difference strong,.performance-standing strong,.team-overview dd,.schedule-row b,.roster-card li,.match-detail p,.lineup h4,.lineup li,.month-grid .day,.club-profile h3){color:#f5f5f7}
html[data-look="dark"] .average-track{background:#ffffff12}
html[data-look="dark"] .goal-average-row.scored .average-track i{background:#54b58a}
html[data-look="dark"] .goal-average-row.conceded .average-track i{background:#d17e7e}
html[data-look="dark"] :is(.table-wrap,.official-table){background:var(--night-surface);color:#e7e8ec}
html[data-look="dark"] .official-table :is(td,th){border-color:var(--line)}
html[data-look="dark"] .official-table thead th{background:#1c1e23;color:#b7bbc4}
html[data-look="dark"] .official-table th:nth-child(2){background:var(--night-surface)}
html[data-look="dark"] .official-table thead th:nth-child(2){background:#1c1e23}
html[data-look="dark"] .official-table tr.own,html[data-look="dark"] .official-table tr.own th:nth-child(2){background:var(--night-accent-soft);color:#fff}
html[data-look="dark"] :is(.competition-tabs,.round-tabs){border-color:var(--line);scrollbar-color:#555963 transparent}
html[data-look="dark"] :is(.competition-tabs button,.round-tabs button){color:#a2a5ad}
html[data-look="dark"] .competition-tabs button.selected{border-color:var(--night-accent)}
html[data-look="dark"] :is(.round-tabs button.selected,.round-navigation button,.calendar-box .selected-day,.has-match,.lineup){background:var(--night-accent-soft);color:var(--night-accent);border-color:var(--accent)}
html[data-look="dark"] .has-match>span:first-child{color:var(--night-accent)}
html[data-look="dark"] .compact-match-meta>span:first-child{color:#c5c8cf}
html[data-look="dark"] .lineup h5,html[data-look="dark"] .lineup li b{color:#abb0ba}
html[data-look="dark"] :is(.detail-score,.goal-timeline li){border-color:var(--line)}
html[data-look="dark"] dialog{background:#18191d;color:#f5f5f7;border:1px solid #ffffff1a;box-shadow:0 24px 90px #0009}
html[data-look="dark"] dialog::backdrop{background:#0007;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-look="dark"] :is(.close,.team-option-avatar){background:var(--night-raised);color:var(--night-accent)}
html[data-look="dark"] .team-option input[type="checkbox"]{border-color:#727782;background:transparent}
html[data-look="dark"] .team-option input[type="checkbox"]:checked{background:var(--accent);border-color:var(--night-accent)}
html[data-look="dark"] :is(.club-post,.instagram-placeholder){background:var(--night-surface);border-color:var(--line)}
html[data-look="dark"] .more-posts{background:var(--accent);color:#fff}
html[data-look="dark"] .mobile-nav{background:rgba(24,25,29,.86);border-color:#ffffff24;box-shadow:0 8px 36px #0008,inset 0 1px 0 #ffffff08}
html[data-look="dark"] .mobile-nav button{color:#9b9fa8}
html[data-look="dark"] .mobile-nav button.active{color:var(--night-accent)}
html[data-look="dark"] .nav-gradient-start{stop-color:var(--night-accent)}
html[data-look="dark"] .nav-gradient-end{stop-color:color-mix(in srgb,var(--night-accent) 65%,var(--accent))}
html[data-look="dark"] :is(button,a):focus-visible{outline-color:var(--night-accent)}
@media(max-width:600px){html[data-look="dark"] body::before{height:310px}}
html[data-look="dark"] :is(.look-settings>span,.eyebrow,footer>span){color:var(--night-accent)}
html[data-look="dark"] .look-options{background:#0d0e11;border:1px solid #ffffff0c}
html[data-look="dark"] .look-options>button{color:#a2a5ad}
html[data-look="dark"] .look-options>button[aria-pressed=true]{color:#fff;background:#2a2c33;border-color:#ffffff16;box-shadow:0 2px 5px #0003}
html[data-look="dark"] .match-detail .map-app-icon{filter:grayscale(1) brightness(0) invert(1)}
html[data-look="dark"] .official-table .points{color:var(--night-accent)}