.watch-shell,.videoarea,.tablearea{position:relative}
.stage-fullscreen{position:absolute;right:10px;top:10px;z-index:5;width:34px;height:32px;padding:0;background:#102a25b8;color:#fff;border:1px solid #ffffff55;font-size:24px;line-height:1}
.stage-fullscreen:hover{background:#214d38}
.watch-nav,.pipbar,.watch-transport,#watchPlay,#watchMore,#watchFit{display:none}
.videoarea video::-webkit-media-controls-fullscreen-button{display:none}
.watch-active{position:fixed!important;inset:auto!important;left:var(--watch-vx,0px)!important;top:var(--watch-vy,0px)!important;width:var(--watch-vw,100vw)!important;height:var(--watch-vh,100dvh)!important;background:#050b09;z-index:90;isolation:isolate;color:#edf3e9;overflow:hidden}
.watch-active.watch-rotated{width:var(--watch-vh)!important;height:var(--watch-vw)!important;left:calc(var(--watch-vx) + var(--watch-vw)/2)!important;top:calc(var(--watch-vy) + var(--watch-vh)/2)!important;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}
.watch-active:fullscreen::backdrop{background:#050b09}
.watch-active .stages{position:absolute;inset:0;display:block;height:100%;background:#050b09}
.watch-active .videoarea,.watch-active .tablearea{position:absolute;inset:0;width:100%;height:100%!important;min-height:0;border:0;background:#050b09}
.watch-active video,.watch-active iframe{width:100%;height:100%;object-fit:contain;display:block}
.watch-active.watch-fill.watch-video .videoarea:not(.watch-pip) video{object-fit:cover}
.watch-active .tableloading{z-index:2}
.watch-active .stage-fullscreen,.watch-active .stagelabel,.watch-active .cameraviews,.watch-active .replaycontrols,.watch-active .syncstatus{display:none}
.watch-active button{background:#17342bd9;border:1px solid #dbe9de55;color:#f5f7f1;backdrop-filter:blur(10px);font-size:11px;padding:7px 10px}
.watch-active button:hover{background:#315545}
.watch-active .watch-nav{position:absolute;left:12px;top:12px;z-index:12;display:flex;gap:6px;opacity:0;pointer-events:none;transition:opacity .2s}
.watch-active.watch-chrome .watch-nav,.watch-active.watch-tools .watch-nav{opacity:1;pointer-events:auto}
.watch-active .watch-nav button{width:34px;height:32px;padding:0;font-size:24px;background:#091a1488;border-color:#ffffff22}
.watch-active #watchMore{display:block;position:absolute;left:12px;bottom:12px;z-index:25;width:36px;height:30px;padding:0;border:0;border-radius:15px;background:#10271d8c;color:#fff;font-size:23px;line-height:1}
.watch-active #watchFit:not([hidden]){display:block;position:absolute;left:94px;top:12px;z-index:20;font-size:10px;padding:7px 10px;background:#091a14dd}
.watch-active #watchPlay:not([hidden]){display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;padding:0 0 0 4px;border:1px solid #fff5;border-radius:50%;background:#0005;backdrop-filter:none;font-size:25px;z-index:6}
.watch-active .watch-transport{position:absolute;bottom:12px;left:58px;right:16px;height:32px;display:flex;align-items:center;gap:10px;z-index:12;opacity:0;pointer-events:none;transition:opacity .2s;background:#06110d99;border-radius:18px;padding:0 10px 0 0;backdrop-filter:blur(8px)}
.watch-active.watch-chrome .watch-transport{opacity:1;pointer-events:auto}
.watch-active #watchPause{width:36px;height:30px;border:0;border-radius:18px;padding:0;font-size:16px;backdrop-filter:none;background:transparent}
.watch-active #watchSeek{flex:1;min-width:0;margin:0;height:3px;accent-color:#d8ebce}
.watch-active #watchClock{font-size:10px;color:#e3eddf;font-variant-numeric:tabular-nums;min-width:30px}
.watch-active .watch-pip{inset:auto;left:0;top:0;transform:translate(var(--pip-x),var(--pip-y));width:clamp(132px,23vw,230px);height:auto!important;aspect-ratio:16/9;z-index:15;border:1px solid #ffffff55;border-radius:9px;overflow:hidden;box-shadow:0 3px 15px #0008;background:#06150f}
.watch-active.watch-rotated .watch-pip{width:clamp(132px,23dvh,230px)}
.watch-active .watch-pip video,.watch-active .watch-pip iframe{height:100%;position:absolute;inset:0;touch-action:none}
.watch-active .watch-pip .pipbar{display:flex;align-items:center;gap:6px;position:absolute;left:0;right:0;top:0;height:24px;z-index:8;background:linear-gradient(#001c14b3,transparent);padding-left:7px;opacity:.25;transition:opacity .2s;touch-action:none;cursor:grab;user-select:none}
.watch-active .pipbar span{margin-right:auto;font-size:9px;letter-spacing:.6px;white-space:nowrap}
.watch-active .pipbar button{height:24px;width:25px;font-size:16px;border:0;border-radius:0;padding:0;background:transparent;backdrop-filter:none}
.watch-active.watch-chrome .watch-pip .pipbar,.watch-active .watch-pip:hover .pipbar,.watch-active.watch-tools .watch-pip .pipbar{opacity:1}
.watch-active.pip-collapsed .watch-pip{visibility:hidden;pointer-events:none}
.watch-active #restoreWatchPip{position:absolute;right:0;z-index:20;border-radius:12px 0 0 12px;padding:14px 5px;border-color:#ffffff33;font-size:18px;writing-mode:initial;letter-spacing:0;background:#0a201a99}
.watch-active[data-pip-dock=left] #restoreWatchPip{right:auto;left:0;border-radius:0 12px 12px 0}
.watch-active.watch-tools .cameraviews,.watch-active.watch-tools .replaycontrols{position:absolute;display:flex;left:10px;right:auto;max-width:calc(100% - 20px);z-index:10;border:1px solid #ffffff22;border-radius:12px;background:#0d281eee;margin:0;padding:8px;flex-wrap:wrap;gap:5px}
.watch-active.watch-tools .cameraviews{bottom:94px}
.watch-active.watch-tools .replaycontrols{bottom:50px}
.watch-active.watch-tools #cameraStatus,.watch-active .replaycontrols small{display:none}
.watch-active .tabletools button{font-size:10px;padding:4px 7px;line-height:1.5;white-space:nowrap}

/* The match scrubber stays available in fullscreen, including while playing. */
.watch-active .watch-transport{opacity:1;pointer-events:auto}
.watch-active .watch-nav #watchFeedback{width:auto;font-size:11px;padding:0 10px;white-space:nowrap;letter-spacing:0}
.watch-active .video-seek-hint{top:42%;font-size:18px;z-index:9}