/* 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:#ff9299;--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);mix-blend-mode:screen;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}}