/* Reference study viewport: the field occupies the entire 776:500 frame. */
#match-dialog{width:min(1040px,98vw);max-height:98vh;border-radius:0;border:2px solid #a4aaa6;background:#303b38}
#match-dialog .dialog-head{padding:5px 9px;background:linear-gradient(#d8ddd5,#8f9a95);border-bottom:2px solid #4c5955;min-height:30px}
#match-dialog .dialog-head .eyebrow{display:none}#match-dialog .dialog-head h2{font:12px sans-serif;color:#20352f;letter-spacing:0}
#match-dialog .dialog-head .icon-button{width:24px;height:22px;border-radius:0;background:#64736f;color:#fff}
.manager-stage{height:auto!important;background:#172820;margin-bottom:12px!important;border:0;overflow:visible;isolation:isolate}
.manager-stage #stadium-canvas{width:100%;height:auto;aspect-ratio:776/500;display:block;object-fit:fill;image-rendering:auto}
.manager-stage:after,.manager-stage .broadcast-score,.manager-stage .broadcast-brand,.manager-stage .stadium-duel,.manager-stage .camera-controls,.manager-stage .event-callout,.manager-stage .stadium-tag,.manager-stage .runner-hud,.manager-stage .strategy-panel{display:none!important}
.manager-controls{position:relative;inset:auto;z-index:4;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:6px 8px;min-height:36px;background:linear-gradient(#a7b0a5,#707c74);border-top:2px solid #dae0d5}
.manager-controls button,.manager-controls select,.manager-controls a{padding:5px 7px;border:1px solid #47544d;border-top-color:#d3dbce;border-left-color:#d3dbce;background:#d0d5c9;color:#182d25;border-radius:0;font:10px sans-serif;cursor:pointer;text-decoration:none}
.manager-controls span{font:10px sans-serif;color:#13261e;margin-left:auto}
@media(max-width:600px){.manager-controls{gap:4px;padding:5px}.manager-controls button,.manager-controls select,.manager-controls a{font-size:9px;padding:5px}.manager-controls span{flex-basis:100%;text-align:right}#match-dialog .dialog-head h2{font-size:11px}}

.presentation-running>.match-status,.presentation-running>.match-details{display:none!important}

.pitch-status{display:flex;gap:18px;align-items:center;padding:10px 14px;background:#182a25;color:#ecebd2;font-size:13px}.pitch-status strong{font:700 18px monospace;color:#eddf73}.pitch-status span{flex:1}

.pitch-status em{font-style:normal}.pitch-history{padding:8px 14px;background:#20352e;font-size:12px}.pitch-history span{display:inline-block;margin:6px 14px 2px 0}

/* Match frame shares the night field palette; controls remain outside play. */
#match-dialog{border:1px solid #65776e;background:#192c28;box-shadow:0 20px 80px #0009}
#match-dialog .dialog-head{background:#122722;border-bottom:1px solid #65766a;padding:8px 12px}
#match-dialog .dialog-head h2{color:#eeead7;font:600 13px system-ui,sans-serif}
#match-dialog .dialog-head .icon-button{background:#2d443b;border:1px solid #6d8173;color:#e8eadb}
.manager-controls{background:#132822;border-top:1px solid #607567;padding:8px;gap:6px}
.manager-controls button,.manager-controls select,.manager-controls a{background:#284138;border:1px solid #667d6b;color:#f1efdd;font:11px system-ui,sans-serif;padding:6px 9px}
.manager-controls button:hover,.manager-controls a:hover{background:#3a5748;border-color:#b7a76c}
.manager-controls button:focus-visible,.manager-controls select:focus-visible,.manager-controls a:focus-visible{outline:2px solid #e0c87e;outline-offset:2px}
.manager-controls button:disabled{opacity:.45;cursor:default}
.manager-controls span{font:11px system-ui,sans-serif;color:#c3cebf}
@media(max-width:600px){.manager-controls button,.manager-controls select,.manager-controls a{font-size:10px;padding:6px}.manager-controls{gap:4px}}
.presentation-running > .match-coach-note{display:none}.match-coach-note p+p{margin-top:8px}
