/* Visitor light/dark appearance. The MyDartLeague identity is fixed. */
.color-mode-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:600 12px/1.3 Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer;flex-shrink:0}
.color-mode-toggle svg{width:19px;height:19px;flex-shrink:0}.color-mode-toggle svg[hidden]{display:none}.has-account-link>.color-mode-toggle{margin-left:0}.color-mode-toggle:hover{border-color:var(--link)}.color-mode-toggle:focus-visible{outline:3px solid var(--link);outline-offset:3px}
html[data-color-mode=dark][data-theme=mydartleague]{--bg:#111418;--surface:#1c2128;--ink:#f1f3f5;--muted:#b7bec8;--line:#3b434e;--header:#171b21;--hero:#202124;--link:#FF0000;--shadow:0 3px 14px #0002;color-scheme:dark}
html[data-color-mode=light]{color-scheme:light}
html[data-color-mode=dark] body{background:var(--bg);color:var(--ink)}
html[data-color-mode=dark] .header .topbar{color:var(--ink)}
html[data-color-mode=dark] .edition{color:var(--muted);border-color:var(--line)}
html[data-color-mode=dark] .scoreboard-strip,html[data-color-mode=dark] .scoreboard-game,html[data-color-mode=dark] .logo-option,html[data-color-mode=dark] .data-section{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] .scoreboard-game:hover{background:#282f39}
html[data-color-mode=dark] .scoreboard-label small,html[data-color-mode=dark] .scoreboard-meta>span{color:var(--muted)}
html[data-color-mode=dark] .scoreboard-game .scoreboard-meta,html[data-color-mode=dark] .scoreboard-game small{color:var(--link)}
html[data-color-mode=dark] input,html[data-color-mode=dark] select,html[data-color-mode=dark] textarea,html[data-color-mode=dark] button:not(.button){color:var(--ink);background-color:var(--surface);border-color:var(--line)}
html[data-color-mode=dark] input::placeholder,html[data-color-mode=dark] textarea::placeholder{color:#aab3bf;opacity:1}
html[data-color-mode=dark] .official-logo{filter:invert(1) hue-rotate(180deg) saturate(10);mix-blend-mode:normal;background:transparent}
html[data-color-mode=dark] .skip{background:var(--surface)}
html[data-color-mode=dark] .status-approved{color:#a8edbc;background:#1c3d2a}
html[data-color-mode=dark] .status-pending{color:#ffe19b;background:#493810}
html[data-color-mode=dark] .stat-games button[aria-pressed=true],html[data-color-mode=dark] .challenge-option button[aria-pressed=true]{background:var(--hero);color:#fff;border-color:var(--accent)}
@media(max-width:760px){.color-mode-toggle{padding:9px;gap:6px;font-size:11px}.topbar .color-mode-toggle{margin-left:0}.topbar .brand{margin-right:auto}}
@media(max-width:520px){.color-mode-toggle>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}

/* Brighter green keeps both the W and currentColor circle visible on dark surfaces. */
html[data-color-mode=dark][data-theme] .result-winner{color:#4ade80}

html[data-color-mode=dark][data-theme] .result-score-win{color:#4ade80}
html[data-color-mode=dark][data-theme] .result-score-loss{color:var(--ink)}

html[data-color-mode=dark] .achievement-badge.earned .badge-medal{box-shadow:0 0 0 1px #ffffff18}

/* Shared contrast and keyboard treatment for interactive data and previews. */
html[data-color-mode=dark][data-theme=mydartleague]{--link:#ff7777}
html[data-color-mode=dark][data-theme] .result-score-loss{color:var(--ink)}
:where(a,button,input,select,textarea,summary,[tabindex="0"]):focus-visible{outline:3px solid var(--ink);outline-offset:3px}
html[data-color-mode=dark] :is(select,option,optgroup){color:var(--ink);background:var(--surface)}
html[data-color-mode=dark] :is(.share-dialog,.share-dialog input,.contact-card textarea,.contact-card input){color:var(--ink);background:var(--surface)}
html[data-color-mode=dark] :is(.playoff-match,.bracket-match,.bracket-team){border-color:var(--line)}
.career-section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--sticky-stack-height,180px) + 16px)}
.career-current-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.career-current-links>a{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--bg);padding:14px 16px;border-radius:8px;min-height:44px;font-weight:600;font-size:14px;overflow-wrap:anywhere}
@media(max-width:600px){.career-current-links{grid-template-columns:1fr}.career-section{margin-top:22px;padding-top:18px}.career-section h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}