/* t367u/t368u phone+tablet only (media-gated in index.html): no right-edge spill; Box Score is its own tab, pregame too (not a card on Gamecast). Desktop untouched. */
html,body{overflow-x:hidden}
#fshell,.fshell{max-width:100vw;overflow-x:clip}
.fshell>*,.stage>*{min-width:0;max-width:100%}
/* pregame: always show the tab row with Gamecast + Box Score (+ Lineups when available) */
.stage.pregame>.btabs{display:flex!important}
.stage.pregame>.btabs button:not([data-k="gamecast"]):not([data-k="lineups"]):not([data-k="box"]):not([data-k="props"]){display:none!important}
.stage.pregame>.btabs button:is([data-k="box"],[data-k="props"]):not([data-na="1"]):not([hidden]){display:inline-flex!important}
.stage.pregame:not([data-tab="box"]) #nbox-pre,.stage.pregame:not([data-tab="box"]) #gbox-pre{display:none!important}
.stage.pregame[data-tab="box"]>:not(.scorebug):not(.btabs):not(#nbox-pre):not(#gbox-pre){display:none!important}
.stage.pregame[data-tab="box"] #nbox-pre,.stage.pregame[data-tab="box"] #gbox-pre{display:block!important}
/* t369u: every tab identical box (Box Score was inline-flex, others block -> uneven). Active state = .on only. */
.btabs{align-items:center!important}
.btabs button{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;line-height:1!important;vertical-align:middle!important;margin:0!important}
.btabs button[hidden]{display:none!important}
/* t369u: Props is its own tab (pregame + live), not part of the Gamecast scroll */
.stage:not([data-tab="props"]) #gprops{display:none!important}
.stage[data-tab="props"]>:not(.scorebug):not(.btabs):not(#gprops){display:none!important}
.stage[data-tab="props"] #gprops{display:block!important}
/* t379u: Box Score scrolls inside itself (x+y) on phone/tablet; drags no longer move/chain to the page. */
.stage[data-tab="box"] .bxs-scroll,.stage[data-tab="box"] [class*="bx"][style*="overflow"],#nbox-pre .bxs-scroll,#gbox-pre .bxs-scroll{overflow:auto!important;max-height:calc(100dvh - 180px)!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch}
.stage[data-tab="box"] .bxtbl{touch-action:pan-x pan-y}
html:has(.stage[data-tab="box"]),body:has(.stage[data-tab="box"]){overscroll-behavior:none}
/* t380u: while Box tab is active (html.bxlock from mobilenav.js) no page rubber-band/overscroll; tables keep x+y scroll, edge drags cancelled in JS. */
html.bxlock,html.bxlock body{overscroll-behavior:none!important}
html.bxlock .bxs-scroll{overscroll-behavior:none!important;touch-action:pan-x pan-y!important}