.squad-watch{--watch-cyan:#8be3ff;--watch-green:#a0f0a6;color:#f3f5f5}.br-dialog:has(.squad-watch){width:calc(100vw - 24px);max-width:1080px}.watch-score{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 0;font:700 13px 'Arial',sans-serif;font-variant-numeric:tabular-nums}.watch-recorded{font-size:10px;letter-spacing:.12em;color:var(--watch-cyan);margin-right:auto}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px}.watch-map-column{min-width:0}.watch-stage{position:relative;background:#10222c;border-radius:8px;overflow:hidden;aspect-ratio:1}.watch-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.watch-stage canvas:active{cursor:grabbing}.watch-stage canvas:focus-visible{outline:3px solid var(--watch-cyan);outline-offset:-3px}.watch-map-title{position:absolute;left:10px;top:10px;background:#07151bd9;padding:7px 9px;font-size:11px;pointer-events:none;border-left:2px solid var(--watch-cyan)}.watch-camera,.watch-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:10px 0}.squad-watch button{background:#253844;color:#f5f6f6;border:1px solid #526571;border-radius:5px;min-height:44px;padding:9px 12px;font-size:12px;cursor:pointer}.squad-watch button:hover,.squad-watch button[aria-pressed=true]{border-color:var(--watch-cyan);color:var(--watch-cyan)}.squad-watch button:focus-visible,.squad-watch select:focus-visible,.squad-watch input:focus-visible{outline:2px solid var(--watch-cyan);outline-offset:2px}.watch-camera button{padding:7px 10px}.watch-camera output{font-size:11px;color:#b9c9d4}.watch-detail{min-width:0}.watch-detail label,.watch-seek{font-size:11px;color:#b9c9d4;display:block}.watch-detail select{display:block;width:100%;margin-top:7px;background:#172a35;color:white;border:1px solid #657681;padding:10px 7px;min-height:44px;border-radius:5px;font-size:12px}.watch-team-title{padding:16px 0 7px;overflow-wrap:anywhere}.watch-team-title strong{font-size:17px}.watch-team-title span{display:block;color:var(--watch-cyan);font-size:12px;margin-top:5px}.watch-player{padding:12px 0;border-bottom:1px solid #334956}.watch-player strong{font-size:13px;overflow-wrap:anywhere}.watch-player span{display:block;font-size:10px;color:#b4c5ce;margin-top:3px}.watch-player small{font:10px Arial,sans-serif;color:#b4c5ce}.watch-hp,.watch-shield{height:4px;background:#3e4c56;margin:6px 0;overflow:hidden;border-radius:2px}.watch-hp i,.watch-shield i{display:block;height:100%;background:var(--watch-green)}.watch-shield i{background:#a8b9ff}.watch-out{opacity:.45}.watch-feed{font-size:12px;line-height:1.7;color:#ffe0b4;overflow-wrap:anywhere;margin:16px 0}.watch-key,.watch-note{font-size:10px;line-height:1.7;color:#aebfc9}.watch-controls button:first-child{background:#b5e8f4;color:#10212c;font-weight:700;min-width:90px}.watch-seek input{display:block;width:100%;accent-color:var(--watch-cyan);min-height:32px;cursor:pointer}.watch-note{margin-top:8px}@media(max-width:650px){.br-dialog:has(.squad-watch){width:calc(100vw - 12px);max-height:96dvh}.br-dialog:has(.squad-watch) .modal-pad{padding:14px}.watch-layout{grid-template-columns:1fr;gap:8px}.watch-detail{display:grid;grid-template-columns:1fr;gap:0}.watch-team-title{padding-top:12px}.watch-player{padding:8px 0}.watch-player>div:first-child{display:flex;justify-content:space-between;gap:5px}.watch-player span{max-width:58%;text-align:right;overflow-wrap:anywhere}.watch-key{display:none}.watch-score{gap:10px;font-size:12px}.watch-recorded{width:100%}.watch-camera button{padding:7px 8px;font-size:11px}.watch-controls{display:grid;grid-template-columns:repeat(3,1fr)}.watch-controls button{padding:8px 5px;font-size:11px}.watch-controls button:first-child{min-width:0}.watch-feed{margin:12px 0 0}.watch-map-title{font-size:10px;padding:5px 7px}}