#settings,#power,.power-row,.remote-manager-link{display:none!important}.demo-audio{max-width:680px;border:1px solid #4a607e;background:#172941;border-radius:16px;padding:28px}.demo-audio h3{color:#f4ce80;font-size:24px}.demo-audio p,.demo-audio small{line-height:1.7}.demo-audio label{display:block;margin:22px 0}.demo-audio input,.demo-audio select{display:block;width:100%;margin-top:12px}.demo-audio button,.demo-audio select,.demo-audio input{opacity:.45;cursor:not-allowed}.demo-audio small{display:block;color:#adbed7}
/* Keep guide artwork at a poster ratio, independent of the preview row height. */
.fg-top .fg-poster{align-self:start;min-height:0;height:auto;aspect-ratio:2/3;width:100%;position:relative}
.fg-top .fg-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
@media(min-width:1001px){body:not(.phone-ui) .fg-top{grid-template-columns:160px minmax(180px,1fr) clamp(300px,28vw,400px) 180px}}
@media(min-width:751px) and (max-width:1000px){body:not(.phone-ui) .fg-top{grid-template-columns:110px minmax(110px,1fr) minmax(230px,1.5fr) 140px}}

/* Full Guide stays within the viewport; channel/page buttons navigate listings. */
#content:has(>.fg-listings){display:grid;grid-template-rows:28px minmax(0,1fr) 26px minmax(0,1.15fr);gap:6px;min-height:0;overflow:hidden;padding:10px 18px!important}
#content:has(>.fg-listings)>.suite-toolbar{margin:0;min-height:0}
#content:has(>.fg-listings)>.suite-toolbar .pill{min-height:26px;padding:5px 12px}
#content:has(>.fg-listings)>.fg-top{min-height:0;margin:0;grid-template-columns:minmax(65px,.5fr) minmax(120px,1.4fr) minmax(150px,1.5fr) minmax(100px,.8fr);gap:8px}
#content:has(>.fg-listings) .fg-poster{height:100%;width:auto;max-width:100%;justify-self:center}
#content:has(>.fg-listings) .fg-details{min-height:0;overflow:hidden;padding:8px}
#content:has(>.fg-listings) .fg-details h3{font-size:15px;margin:0 0 5px}
#content:has(>.fg-listings) .fg-details p{margin:5px 0;font-size:12px}
#content:has(>.fg-listings) .fg-description{max-height:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#content:has(>.fg-listings) .gd-preview{min-height:0;padding:5px;gap:3px;overflow:hidden}
#content:has(>.fg-listings) .gd-preview>strong{font-size:12px}
#content:has(>.fg-listings) .gd-preview>small{display:none}
#content:has(>.fg-listings) .gd-preview>button{min-height:22px;padding:3px 8px;font-size:11px}
#content:has(>.fg-listings) .source-preview-frame:not(.source-preview-fullscreen){flex:1;min-height:0;display:flex;flex-direction:column}
#content:has(>.fg-listings) .source-preview-media{padding-top:0;height:auto;flex:1;min-height:0}
#content:has(>.fg-listings) .source-preview-frame:not(.source-preview-fullscreen)>small{display:none}
#content:has(>.fg-listings) .source-preview-expand{padding:4px 6px;font-size:10px;top:4px;right:4px}
#content:has(>.fg-listings) .fg-controls{min-height:0;grid-template-rows:repeat(5,minmax(0,1fr));gap:3px}
#content:has(>.fg-listings) .fg-controls button,#content:has(>.fg-listings) .fg-controls select{min-height:0;height:100%;padding:2px;font-size:10px}
#content:has(>.fg-listings) .fg-controls .suite-field{min-height:0}
#content:has(>.fg-listings)>.fg-alpha{min-height:0;margin:0;overflow-y:hidden}
#content:has(>.fg-listings) .fg-alpha button{min-height:0;padding:2px;font-size:10px}
#content:has(>.fg-listings)>.fg-listings{min-height:0;overflow:hidden}
#content:has(>.fg-listings) .fg-grid{height:100%;min-width:0;grid-template-columns:90px repeat(4,minmax(0,1fr))!important;grid-template-rows:20px;grid-auto-rows:minmax(0,1fr);gap:3px}
#content:has(>.fg-listings) .fg-grid .guide-cell{min-height:0;padding:3px 6px;font-size:11px;overflow:hidden}
#content:has(>.fg-listings) .fg-grid .guide-head{padding:2px;font-size:10px}
#content:has(>.fg-listings) .fg-grid .fg-channel{min-height:0;padding:2px;gap:1px;font-size:9px;overflow:hidden}
#content:has(>.fg-listings) .fg-channel-logo{min-height:0;height:60%;max-height:26px;max-width:65px;padding:1px}

main:has(#content>.fg-listings)>#sources-footer{padding:6px 18px}
main:has(#content>.fg-listings) .source-heading{margin-bottom:4px}
main:has(#content>.fg-listings) .source-heading>div>span,main:has(#content>.fg-listings) .source-tools>span{display:none}
main:has(#content>.fg-listings) .source-card{height:64px;min-height:0;padding:5px 8px}
main:has(#content>.fg-listings) .source-logo{display:none}
main:has(#content>.fg-listings) .source-program{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#content:has(>.fg-listings) .fg-channel-logo{height:16px;flex-shrink:1}

/* Preview actions occupy their own row, outside the video image. */
.source-preview-frame:not(.source-preview-fullscreen) .source-preview-expand,
#content:has(>.fg-listings) .source-preview-frame:not(.source-preview-fullscreen) .source-preview-expand{position:static;display:block;align-self:flex-end;flex:none;width:auto;min-height:24px;margin:4px 6px;padding:4px 10px;font-size:11px}

/* Align the GameDay panels and distribute card rows evenly. */
.gd-layout{align-items:stretch}
.gd-layout>.gd-selected{position:static;align-self:stretch}
.gd-layout .gd-cards{grid-auto-rows:1fr;align-content:stretch}
.gd-layout .gd-card{height:100%}
.gd-layout>.gd-selected>.pill:last-child{margin-top:auto}

.game-touch-keyboard{position:fixed;z-index:100010;bottom:12px;left:50%;transform:translateX(-50%);width:min(780px,calc(100% - 20px));padding:12px;background:#142338;border:1px solid #91bbae;border-radius:14px;box-shadow:0 -10px 50px #0009}
.game-keyboard-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.game-keyboard-head strong{font-size:14px;white-space:nowrap}.game-keyboard-query{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8e5ed;font-size:14px}
.game-keyboard-row{display:flex;justify-content:center;gap:6px;margin-top:6px}
.game-touch-keyboard button{background:#29405c;border:1px solid #59728c;border-radius:7px;min-height:44px;min-width:0;flex:1;padding:8px;color:#fff;font-size:17px;touch-action:manipulation}
.game-touch-keyboard button:active{background:#5b897e}.game-keyboard-head button{flex:0 0 auto;background:#92e2c2;color:#122333;padding:8px 18px}.game-keyboard-actions button{font-size:14px}.game-keyboard-actions button:nth-child(2){flex:3}
.game-keyboard-open{border:1px solid #59728c;border-radius:6px;min-height:34px;background:#29405c;font-size:12px}
@media(max-height:600px){.game-touch-keyboard{bottom:4px;padding:6px}.game-touch-keyboard button{min-height:36px;padding:4px}.game-keyboard-row{margin-top:3px;gap:3px}}

/* Center game search over the selected-game column. */
.gd-leagues .gd-search{width:170px;flex:0 0 170px;margin-left:auto;margin-right:60px;text-align:center}
.gd-leagues .gd-search>span{display:block;text-align:center}
.gd-leagues .gd-search input{text-align:center}
@media(min-width:741px) and (max-width:1100px){.gd-leagues .gd-search{margin-right:32.5px}}
@media(max-width:740px){.gd-leagues .gd-search{margin-left:auto;margin-right:auto}}

.gd-card .gd-event-poster{width:52px;height:78px;top:32px;left:10px;object-fit:contain;border-radius:4px;background:#101b2b}
@media(max-width:1100px),(max-height:850px){.gd-card .gd-event-poster{width:40px;height:60px;top:30px;left:8px}}

/* GameDay is a fixed-height screen with paged cards, not a scrolling document. */
#content:has(>.gd-layout){display:grid;grid-template-rows:24px 34px 56px minmax(0,1fr);gap:6px;min-height:0;overflow:hidden;padding:8px 18px!important}
#content:has(>.gd-layout)>.gd-sourcebar,#content:has(>.gd-layout)>.gd-controls,#content:has(>.gd-layout)>.gd-leagues{margin:0;min-height:0;flex-wrap:nowrap}
#content:has(>.gd-layout) .gd-sourcebar .suite-help{font-size:11px;margin:0}
#content:has(>.gd-layout) .gd-controls .pill,#content:has(>.gd-layout) .gd-leagues>.pill{min-height:30px;padding:4px 8px;font-size:11px}
#content:has(>.gd-layout) .gd-search{display:grid;grid-template-columns:1fr 64px;gap:3px;flex-basis:220px;width:220px;max-width:220px;margin-right:35px}
#content:has(>.gd-layout) .gd-search>span{grid-column:1/-1;font-size:10px}
#content:has(>.gd-layout) .gd-search input,#content:has(>.gd-layout) .game-keyboard-open{min-height:28px;padding:4px;font-size:11px}
#content:has(>.gd-layout)>.gd-layout{min-height:0;overflow:hidden}
#content:has(>.gd-layout) .gd-list{min-height:0;overflow:hidden;padding:6px}
#content:has(>.gd-layout) .gd-list-title{margin-bottom:5px;padding:3px;font-size:10px}
#content:has(>.gd-layout) .gd-cards{min-height:0;grid-template-rows:repeat(3,minmax(0,1fr));gap:5px}
#content:has(>.gd-layout) .gd-card{min-height:0;overflow:hidden;padding-top:24px;gap:3px}
#content:has(>.gd-layout) .gd-card strong{font-size:clamp(11px,1vw,16px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#content:has(>.gd-layout) .gd-card small{font-size:11px}
#content:has(>.gd-layout) .gd-pages{margin-top:5px;min-height:26px;font-size:11px}
#content:has(>.gd-layout) .gd-pages button{min-height:26px;padding:3px 8px}
#content:has(>.gd-layout) .gd-selected{min-height:0;overflow:hidden;padding:8px;gap:5px}
#content:has(>.gd-layout) .gd-selected h3{font-size:11px}
#content:has(>.gd-layout) .gd-detail{min-height:0;flex:1;gap:5px;overflow:hidden}
#content:has(>.gd-layout) .gd-detail strong{font-size:clamp(12px,1.1vw,18px);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#content:has(>.gd-layout) .gd-detail p{font-size:11px}
#content:has(>.gd-layout) .gd-preview{min-height:0;flex:1.2;gap:3px;padding:5px;overflow:hidden}
#content:has(>.gd-layout) .gd-preview strong{font-size:12px}
#content:has(>.gd-layout) .gd-preview>span{display:none}
#content:has(>.gd-layout) .source-preview-frame:not(.source-preview-fullscreen){flex:1;min-height:0;display:flex;flex-direction:column}
#content:has(>.gd-layout) .source-preview-media{height:auto;padding:0;flex:1;min-height:0}
#content:has(>.gd-layout) .source-preview-frame:not(.source-preview-fullscreen)>small{display:none}
#content:has(>.gd-layout) .gd-selected>.pill{min-height:28px;padding:4px}
main:has(#content>.gd-layout)>#sources-footer{padding:6px 18px}
main:has(#content>.gd-layout) .source-heading{margin-bottom:4px}
main:has(#content>.gd-layout) .source-heading>div>span,main:has(#content>.gd-layout) .source-tools>span{display:none}
@media(min-width:741px) and (max-width:1100px){#content:has(>.gd-layout) .gd-search{margin-right:7.5px}}
@media(max-width:740px){#content:has(>.gd-layout) .gd-layout{grid-template-columns:minmax(0,1fr) 190px}#content:has(>.gd-layout) .gd-search{margin-right:0;flex:0 0 170px;width:170px}}

#content:has(>.gd-layout) .gd-card strong,#content:has(>.gd-layout) .gd-card small{flex-shrink:0}
main:has(#content>.gd-layout) .source-card{height:64px!important;min-height:64px!important;padding:4px 8px!important}
main:has(#content>.gd-layout) .source-card img{display:none!important}
@media(max-height:849px){#content:has(>.gd-layout) .gd-cards{grid-template-rows:repeat(2,minmax(0,1fr))}}
@media(max-height:559px){#content:has(>.gd-layout) .gd-cards{grid-template-rows:minmax(0,1fr)}}