/* The existing light palette remains intact; dark mode changes colour only. */
.theme-toggle{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;color:inherit}
.theme-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html:not([data-color-mode="light"]){color-scheme:dark;color:#eef0f7;background:#101219;--ink:#eef0f7;--muted:#a9afc1;--line:#343949;--blue:#97a8ff;--lcd:#97a8ff;--surface:#191d28;--raised:#222735;--field:#141823}
html:not([data-color-mode="light"]) .quiet-button{color:var(--ink)}
html:not([data-color-mode="light"]) .quiet-button:hover{background:var(--raised)}
html:not([data-color-mode="light"]) :is(.radio,.multiplayer-card,.player-status-card,.leaderboard-panel,dialog){background:var(--surface);border-color:var(--line);box-shadow:0 15px 40px #00000025}
html:not([data-color-mode="light"]) :is(.era-knob,.preset,.radio-footer){background:var(--raised)}
html:not([data-color-mode="light"]) .era-knob.is-selected{background:#2947ed;border-color:#647cff;color:#fff;box-shadow:0 3px 14px #2446f530}
html:not([data-color-mode="light"]) .era-knob.is-selected span{color:#e5eaff}
html:not([data-color-mode="light"]) .step-number{border-color:#5a637b}
html:not([data-color-mode="light"]) .guess-panel>.section-label{color:var(--muted)}
html:not([data-color-mode="light"]) :is(.search-box input,.mp-field input,.display-name-field input){background:var(--field);border-color:#47516a;color:var(--ink)}
html:not([data-color-mode="light"]) input::placeholder{color:#9ba4bb;opacity:1}
html:not([data-color-mode="light"]) .search-box input:focus{background:#1c2231;border-color:var(--blue)}
html:not([data-color-mode="light"]) :is(.search-results,.search-result,.search-results button){background:var(--surface);border-color:var(--line);color:var(--ink)}
html:not([data-color-mode="light"]) :is(.search-result:hover,.search-results button:hover){background:#303b60}
html:not([data-color-mode="light"]) .preset{color:#b1b8cb}
html:not([data-color-mode="light"]) .preset.is-active{background:#273351;border-color:#576995;color:#c8d3ff}
html:not([data-color-mode="light"]) .preset.is-current{background:#10141f;border-color:#647296;color:var(--lime)}
html:not([data-color-mode="light"]) :is(.legacy-timeline,.guess-distribution-bar){background:#30374a}
html:not([data-color-mode="light"]) .dial-copy{background:#171921}
html:not([data-color-mode="light"]) :is(.skip-button,.mp-button){color:#171921}
html:not([data-color-mode="light"]) :is(.reset-control,.challenge-button,.leaderboard-close,.dialog-close,.results-close){background:var(--raised);color:var(--ink);border-color:var(--line)}
html:not([data-color-mode="light"]) :is(.reset-control,.challenge-button,.leaderboard-close,.dialog-close,.results-close):hover{background:#30394c}
html:not([data-color-mode="light"]) .lobby-entry a:last-child{background:#eef0f7;color:#171921;border-color:#eef0f7}
html:not([data-color-mode="light"]) :is(.lobby-entry a,.leaderboard-toggle):hover{background:#2947ed;color:#fff;border-color:#647cff}
html:not([data-color-mode="light"]) .result-rewards{background:#29371f;color:#d5fa8e}
html:not([data-color-mode="light"]) :is(.wrong-kicker,.search-hint[data-tone="wrong"],.mp-error,.results-error){color:#ff9bab}
html:not([data-color-mode="light"]) :is(.leaderboard-own,.scoring-list li,.mp-score,.mp-answer,.mp-button.secondary,.podium-place){background:#283252;color:#c5d0ff;border-color:#566797}
html:not([data-color-mode="light"]) .leaderboard-list li{border-color:var(--line)}
html:not([data-color-mode="light"]) :is(.challenge-banner,.connection-banner){background:#3b311d;color:#ffe2a6;border-color:#806a38}
html:not([data-color-mode="light"]) .share-toast{background:#eef0f7;color:#171921}
html:not([data-color-mode="light"]) :is(.about-content p,.about-content li){color:var(--muted)}
html:not([data-color-mode="light"]) .player-status-card.is-locked{background:#283252;border-color:#687dbb}
html:not([data-color-mode="light"]) .player-status-card.is-correct{background:#29371f;border-color:#70884b}
html:not([data-color-mode="light"]) .is-correct .player-card-state{color:#d5fa8e}
html:not([data-color-mode="light"]) .player-status-card.is-wrong{background:#402632;border-color:#996074}
html:not([data-color-mode="light"]) .podium-place.podium-winner{background:var(--lime);border-color:#b8d74c;color:#171921}
html:not([data-color-mode="light"]) .podium-winner .podium-medal{color:#2446f5}
html:not([data-color-mode="light"]) :is(button,a,input):focus-visible{outline-color:#c1a0ff}
@media(max-width:360px){.study-header{flex-wrap:wrap;gap:12px}.study-header>.header-actions{width:100%;justify-content:flex-end}.theme-toggle{padding:10px}}