body.viewer{background:#f3f4f0;color:#17251e;padding-bottom:24px}body.viewer>header,body.viewer>.bottomnav,.viewer .pagehead,.viewer .matchhead,.viewer .racktoolbar,.viewer .modebar,.viewer .shotpanel,.viewer .shotcontext,.viewer .shotnote,.viewer .inlineactions:not(dialog .inlineactions),.viewer .historical,.viewer #matchCoverage,.viewer .reviewmain>.fineprint,.viewer .challengepanel,.viewer #practiceView,.viewer #rewardsView,.viewer #mineView{display:none!important}
.viewer main{max-width:1100px;padding:0 24px;margin:0 auto}.viewer .reviewgrid{display:block}.viewer .reviewmain{min-width:0}.viewer-head{max-width:1100px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6d776e}.viewer-brand{font-weight:800;color:#213e2c;font-size:16px}.viewer-brand span{font-weight:400;margin-left:10px;font-size:12px;color:#7e877e}
#viewerIntro{max-width:1100px;padding:8px 24px 20px;margin:auto}#viewerIntro>p{color:#75816f;font-size:11px;letter-spacing:3px;margin:0 0 8px}#viewerIntro h1{font-size:34px;letter-spacing:1px;margin:0 0 22px;font-weight:700}#viewerIntro h1 span{font-size:17px;font-weight:400;padding:0 10px;color:#899385}#episodeTabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#episodeTabs button{border:1px solid #d5dccf;border-radius:12px;background:#fafbf8;padding:12px;text-align:left;color:#50604d;display:flex;align-items:center;justify-content:space-between;font-weight:600}#episodeTabs button[aria-current=true]{color:#f0f4ea;background:#243f2c;border-color:#243f2c}#episodeTabs small{font-weight:400;font-size:10px;opacity:.65}
.viewer #watchShell:not(.watch-active){border-radius:16px;overflow:hidden;background:#07100b}.viewer #watchShell:not(.watch-active) .stages{display:grid;grid-template-columns:1fr;aspect-ratio:auto;min-height:0}.viewer #watchShell:not(.watch-active) .videoarea{position:relative;width:100%;height:auto;aspect-ratio:16/9}.viewer #watchShell:not(.watch-active) video{object-fit:contain;width:100%;height:100%}.viewer #watchShell:not(.watch-active) .tablearea{position:relative;inset:auto;width:100%;height:290px!important;min-height:0;aspect-ratio:auto;z-index:auto;border-radius:0;border:0;border-top:1px solid #ffffff30;box-shadow:none}.viewer #watchShell:not(.watch-active) .tablearea iframe{position:absolute;inset:0;width:100%;height:100%}.viewer #watchShell:not(.watch-active) .tabletools{display:flex}.viewer #syncStatus{display:block}.viewer #watchShell:not(.watch-active) .stagelabel{font-size:10px;max-width:90%;padding:5px 8px;background:#10211688}.viewer #watchShell:not(.watch-active) #layoutStatus{display:none}.viewer .watch-tools .tabletools{display:flex}
#episodeTransport{padding:12px 0 4px}#episodeSeek{width:100%;accent-color:#2d5137;cursor:pointer;margin:0;height:4px}#episodeTransport>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7a8477;margin-top:5px}#episodeTransport button{font-size:11px;padding:5px 0}.viewer-actions{display:flex;justify-content:space-between;gap:12px;padding:12px 0 20px}.viewer-actions button{border-radius:12px;font-size:13px;padding:12px 18px;background:#e6ebe0;border:0;color:#345139}#viewerShare{background:#284b32;color:#f4f6ef;min-width:160px}.viewer-ad{display:flex;gap:15px;align-items:center;justify-content:space-between;border:1px solid #dbe1d4;background:linear-gradient(120deg,#e9efdf,#f8f8f2);padding:20px 24px;border-radius:15px}.viewer-ad span{display:block;letter-spacing:2px;font-size:10px;color:#7a8b68;margin-bottom:8px}.viewer-ad b{display:block;font-size:17px;font-weight:600}.viewer-ad p{margin:6px 0 0;font-size:12px;color:#7b876f}.viewer-ad button{background:#fff;border:1px solid #becbb0;color:#466235;font-size:12px;border-radius:20px;white-space:nowrap;padding:10px 16px}.viewer-note{font-size:10px;color:#969e90;margin-top:16px}.viewer #viewerAdmin{font-size:11px;color:#7d8973;display:block;margin:10px 0}.viewer #viewerAdmin[hidden]{display:none}
#viewerShareDialog{width:min(430px,calc(100vw - 32px));border-radius:20px;border:1px solid #e0e5d8;padding:24px}#viewerShareDialog .dialoghead button{border:0;background:none;font-size:24px;color:#7e8975}#viewerShareDialog h2{font-size:19px}#viewerShareReason{font-size:14px;color:#7c8776;line-height:1.7}#viewerShareURL{font-size:12px}#viewerShareLater{width:100%;margin-top:10px;color:#7d8975}.viewer dialog .inlineactions{display:flex!important}
@media(max-width:600px){.viewer-head{padding:18px 16px}.viewer main{padding:0 12px}#viewerIntro{padding:4px 16px 15px}#viewerIntro h1{font-size:27px;margin-bottom:18px}#episodeTabs{gap:6px}#episodeTabs button{display:block;padding:10px 12px}#episodeTabs small{display:block;margin-top:4px;font-size:9px}.viewer #watchShell:not(.watch-active){border-radius:10px}.viewer #watchShell:not(.watch-active) .tablearea{height:260px!important}.viewer #watchShell:not(.watch-active) .stage-fullscreen{font-size:15px;right:4px;top:4px}.viewer #watchShell:not(.watch-active) .tablearea .stagelabel{display:block}.viewer-ad{padding:18px 15px}.viewer-ad b{font-size:14px}.viewer-ad p{font-size:11px}.viewer-ad button{padding:9px 11px;font-size:11px}.viewer-actions{padding:12px 0 18px}.viewer-actions button{font-size:12px}.viewer-head>span{font-size:10px}}

.viewer-inline-play,.viewer-mini-play{display:none}.viewer #watchShell:not(.watch-active) .viewer-inline-play:not([hidden]){display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:#10211699;border:1px solid #ffffff77;color:#fff;border-radius:50%;width:52px;height:52px;font-size:23px;padding-left:4px}.viewer #watchShell:not(.watch-active) .viewer-mini-play:not([hidden]){display:grid;place-items:center;position:absolute;bottom:10px;left:12px;z-index:5;width:30px;height:30px;border-radius:50%;padding:0;border:0;background:#15281b99;color:#fff;font-size:13px}.viewer #watchShell:not(.watch-active) .videoarea>.stage-fullscreen{top:auto;bottom:10px;right:12px;width:30px;height:30px;background:#15281b99;padding:0;font-size:18px}.viewer #watchShell.watch-active .viewer-inline-play,.viewer #watchShell.watch-active .viewer-mini-play{display:none!important}

#readyRacks{margin-top:16px}.ready-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.ready-heading b{font-size:13px;color:#334b36}.ready-heading span{font-size:10px;color:#87917f}#readyRackList{display:flex;gap:8px;flex-wrap:wrap}.ready-rack{display:grid;grid-template-columns:auto auto;gap:3px 14px;min-width:155px;padding:10px 13px;background:#e8eee2;border:1px solid #d7e0ce;border-radius:11px;color:#35513a;text-align:left}.ready-rack b{font-size:13px}.ready-rack span{font-size:11px;align-self:center}.ready-rack small{grid-column:1/-1;font-size:10px;color:#7b8872}.ready-rack[aria-current=true]{border-color:#749369;background:#e1ead9}#readyRackNote{font-size:10px;line-height:1.5;color:#8a9581;margin:8px 0 0}@media(max-width:600px){#readyRacks{margin-top:13px}.ready-rack{flex:1;min-width:140px;padding:9px 11px}}

.viewer #watchShell:not(.watch-active) .videoarea{aspect-ratio:auto}
.viewer #watchShell:not(.watch-active) .videoarea video{height:auto;aspect-ratio:16/9}
.rack-transport{display:flex;align-items:center;gap:10px;min-height:46px;padding:5px 12px;color:#e0ebdc;background:#12251d}
.rack-transport button{flex:0 0 32px;padding:3px;border:0;background:transparent;color:inherit}
.rack-transport input{flex:1;min-width:35px;margin:0;accent-color:#b0cd8c;touch-action:none;cursor:pointer;height:32px}
.rack-transport span{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.watch-active .rack-transport{display:none}
@media(max-width:540px){.rack-transport{gap:6px;padding:4px 8px;min-height:44px}.rack-transport span{font-size:10px}}
/* Keep the full match selector compact on a phone. */
.viewer #readyRackList{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.viewer #readyRackList .ready-rack{flex:0 0 164px;scroll-snap-align:start}
@media(max-width:600px){.viewer #readyRackList .ready-rack{flex-basis:154px}}

/* All racks stay in a collapsed picker; the page only spends one row on navigation. */
.viewer #readyRacks{padding-top:0}
.viewer #readyRackList{display:flex;flex-wrap:nowrap;gap:8px;overflow:visible;padding:0;align-items:center;scroll-snap-type:none}
#readyRackList button{flex:0 0 auto;min-width:74px;padding:8px 11px;font-size:12px;border-radius:9px;white-space:nowrap}
#readyRackSelect{flex:1;min-width:100px;max-width:180px;margin:0;padding:9px 12px;font-size:13px;border:1px solid #d2deca;border-radius:9px;background:#e8eee2;color:#35513a}
.viewer #readyRackNote{margin:6px 0 0;font-size:10px}
@media(max-width:600px){#readyRackList button{padding:7px 10px;min-width:72px}.viewer #ready-heading{margin-bottom:6px}}
.viewer #watchShell:not(.watch-active) .videoarea>.stage-fullscreen{bottom:56px;right:10px}
/* Reports stay beside the player; the form also works over document fullscreen. */
.viewer-actions{flex-wrap:wrap;gap:8px}
.viewer-actions #viewerFeedback{margin-left:auto;background:#edf0e8;color:#59674f;font-size:12px;min-width:105px}
#feedbackDialog textarea{display:block;resize:vertical;min-height:110px;font-size:16px}
#feedbackDialog label{margin-bottom:5px}
.feedback-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
#feedbackStatus{min-height:1.5em;font-size:13px}
.feedback-success{color:#2e6944}.feedback-error{color:#a43f31}
.videoarea>video{touch-action:manipulation}
.video-seek-hint{position:absolute;top:35%;left:12%;z-index:7;display:grid;place-items:center;min-width:66px;min-height:58px;padding:10px;border-radius:50%;background:#071d13c9;color:#fff;font-size:17px;pointer-events:none;box-shadow:0 2px 15px #0003}
.video-seek-hint[data-side=right]{left:auto;right:12%}.video-seek-hint[hidden]{display:none}
@media(max-width:600px){.viewer-actions button{padding:10px 11px}.viewer-actions #viewerShare{min-width:0}.viewer-actions #viewerFeedback{min-width:0}.viewer-actions #viewer3D{font-size:11px}}
/* Only the two video edges receive the custom double-tap gesture. */
.video-seek-zone{position:absolute;top:0;left:0;width:25%;height:0;z-index:3;background:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}
#seekForwardZone{left:auto;right:0}
.watch-pip .video-seek-zone{display:none}

.ready-heading #viewerProgress{font-size:10px;color:#4f7556;white-space:nowrap;text-decoration:none;flex-shrink:0}