:root{--ink:#172832;--green:#236d68;--muted:#64767d;--line:#dce5e7;--paper:#f6f8f8;--surface:#fff;--soft:#edf3f3;--selected:#dcebea;--accent-ink:#fff;--danger:#a44737;--warning-bg:#fff1d9;--warning-ink:#725020;--qm-green:#165c3d;--qm-red:#9c2935}
:root[data-theme=dark]{--paper:#101923;--surface:#18242f;--soft:#20333b;--selected:#2b4548;--ink:#edf4f6;--green:#88cec6;--muted:#a9bac4;--line:#3a4c59;--accent-ink:#102923;--danger:#ffaaa0;--warning-bg:#42331d;--warning-ink:#ffe0a3;--qm-green:#154b34;--qm-red:#722735}
body,.card,.org-match,button,input,select,textarea,dialog{transition:background-color .16s ease,color .16s ease,border-color .16s ease}
.card,.org-match,input,select,textarea,dialog,button{background-color:var(--surface);color:var(--ink)}
body{background:var(--paper);color:var(--ink)}a{color:var(--green)}
.primary{background:var(--green);color:var(--accent-ink);border-color:var(--green)}
nav button{background:transparent}nav button.active,.brand span{background:var(--ink);color:var(--paper)}
.match,.eco-banner,.prep .summary,.org-role-bar,.org-champion,.upload-zone,.avatar{background:var(--soft);color:var(--ink)}
.pill,.org-contender.winner{background:var(--selected);color:var(--ink)}
.org-champion,.org-match.finished,.upload-zone{border-color:var(--line)}.org-contender{border-color:var(--line)}
.danger,.money.minus{color:var(--danger)}.prep .warning{background:var(--warning-bg);color:var(--warning-ink)}
input:focus,select:focus,textarea:focus,button:focus-visible{outline-color:var(--green)}
.appearance-settings{margin:0 0 22px}.appearance-settings select{max-width:300px;margin-bottom:10px}
.qm-player-0{background:var(--qm-green)}.qm-player-1{background:var(--qm-red)}
.qm-panel,.qm-panel h2,.qm-score,.qm-panel p{color:#fff}.qm-score{background:transparent}.qm-panel .qm-score:hover{background:#ffffff0c}
.qm-adjust button{background:#fff;color:#15382c;border-color:#ffffff88}.qm-adjust button:disabled{opacity:1;background:#ffffffb3;color:#364c40}
:root[data-theme=dark] .qm-adjust button{background:#e3eee6;color:#14271a}
.qm-panel{position:relative}.qm-panel[data-qm-panel]{cursor:pointer;touch-action:manipulation;user-select:none}
.qm-winner{outline:4px solid var(--green);outline-offset:3px}.qm-winner-label{display:block;font-weight:700;font-size:16px;padding:6px;color:#fff}
.qm-appearance{max-width:170px}.qm-appearance label{margin:0 0 4px}.qm-appearance select{padding:8px}
#main:fullscreen{background:var(--paper);color:var(--ink);padding:20px;overflow:auto}
#main.qm-focused{position:fixed;inset:0;z-index:100;background:var(--paper);padding:20px;overflow:auto}
#main:fullscreen .qm-live,#main.qm-focused .qm-live{max-width:1600px;margin:auto;min-height:90vh;display:flex;flex-direction:column}
#main:fullscreen .qm-players,#main.qm-focused .qm-players{flex:1}#main:fullscreen .qm-score,#main.qm-focused .qm-score{font-size:clamp(64px,min(18vw,24vh),260px)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media(max-width:600px){.qm-heading .actions{gap:6px}.qm-heading .actions button{padding:10px}.qm-appearance{max-width:150px}#main:fullscreen,#main.qm-focused{padding:12px}}
@media(max-height:500px) and (orientation:landscape){.qm-heading{margin:6px 0}.qm-panel h2{margin:0}.qm-score{font-size:clamp(64px,25vh,150px);margin:0;padding:2px}.qm-adjust button{min-height:44px}.qm-live .qm-heading h1{font-size:22px}}
@media print{:root[data-theme=dark]{--paper:#fff;--surface:#fff;--ink:#15382c;--muted:#697870;--line:#dce4df;--soft:#e9f0e8;--green:#21684b;--selected:#dcebdc}.appearance-settings,[data-open-appearance],.qm-appearance{display:none!important}}
.team-bar{background:var(--soft)}.pill.clash{background:var(--warning-bg);color:var(--warning-ink)}
.qm-score:focus-visible{outline:3px solid #fff}.qm-panel .qm-tap{border:0}