/* Restore the original full-height video wall with the cinematic controls. */
html:has(body.game-view), body.game-view { height:100%; overflow:hidden; }
body.game-view { display:flex; flex-direction:column; height:100dvh; min-height:0; }
body.game-view #top-bar { position:relative; height:58px; min-height:58px; flex-shrink:0; padding:0 18px; gap:26px; }
body.game-view .brand-mark { width:28px; height:32px; }
body.game-view .brand-title { font-size:14px; }
body.game-view .brand-sub { font-size:7px; }
body.game-view .header-tools { gap:10px; }
body.game-view #btn-add-stream { min-height:32px; padding:6px 10px; font-size:11px; }
body.game-view #video-wall-container { position:relative; inset:auto!important; flex:1; min-height:0; width:100%; max-width:none; padding:0; margin:0; display:flex; flex-direction:column; overflow:hidden; }
body.game-view .theatre-heading, body.game-view .theatre-caption, body.game-view .channel-shelf, body.game-view .page-footnote { display:none; }
body.game-view .viewing-toolbar { flex-shrink:0; margin:0; padding:5px 14px; min-height:46px; gap:10px; border-bottom:1px solid #252d39; background:#10141b; }
body.game-view .layout-selector { border:0; padding:0; background:none; }
body.game-view .layout-btn { min-height:30px; padding:5px 9px; }
body.game-view .viewing-actions .action-btn { min-height:30px; padding:5px 9px; }
body.game-view #video-matrix { flex:1; width:100%; height:100%!important; min-height:0!important; max-height:none!important; gap:0; background:#000; overflow:hidden; }
body.game-view #video-matrix .video-tile { min-height:0!important; border:0; border-radius:0; box-shadow:none; }
body.game-view #video-matrix.layout-casino-vip { grid-template-columns:minmax(0,3.2fr) minmax(0,1fr)!important; grid-template-rows:repeat(3,minmax(0,1fr))!important; }
body.game-view #video-matrix.layout-casino-vip .video-tile[data-slot="0"] { grid-column:1!important; grid-row:1/4!important; }
body.game-view #video-matrix.layout-casino-vip .video-tile[data-slot="1"] { grid-column:2!important; grid-row:1!important; }
body.game-view #video-matrix.layout-casino-vip .video-tile[data-slot="2"] { grid-column:2!important; grid-row:2!important; }
body.game-view #video-matrix.layout-casino-vip .video-tile[data-slot="3"] { grid-column:2!important; grid-row:3!important; }
body.game-view #video-matrix.layout-vip-5 { grid-template-columns:minmax(0,2.8fr) repeat(2,minmax(0,1fr))!important; grid-template-rows:repeat(2,minmax(0,1fr))!important; }
body.game-view #video-matrix.layout-vip-5 .video-tile[data-slot="0"] { grid-column:1!important; grid-row:1/3!important; }
body.game-view #video-matrix.layout-vip-5 .video-tile[data-slot="1"] { grid-column:2!important; grid-row:1!important; }
body.game-view #video-matrix.layout-vip-5 .video-tile[data-slot="2"] { grid-column:3!important; grid-row:1!important; }
body.game-view #video-matrix.layout-vip-5 .video-tile[data-slot="3"] { grid-column:2!important; grid-row:2!important; }
body.game-view #video-matrix.layout-vip-5 .video-tile[data-slot="4"] { grid-column:3!important; grid-row:2!important; }
body.game-view #video-matrix.layout-quad { grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:repeat(2,minmax(0,1fr))!important; }
body.game-view #video-matrix.layout-dual { grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:minmax(0,1fr)!important; }
body.game-view #video-matrix.layout-grid-6 { grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:repeat(2,minmax(0,1fr))!important; }
body.game-view #video-matrix.layout-wall-9 { grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:repeat(3,minmax(0,1fr))!important; }
body.game-view #video-matrix.layout-solo { grid-template-columns:minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr)!important; }
body.game-view #video-matrix:is(.layout-quad,.layout-dual,.layout-grid-6,.layout-wall-9,.layout-solo) .video-tile { grid-column:auto!important; grid-row:auto!important; }
body.game-view .tile-player-container { position:absolute; inset:0; width:100%; height:100%; }
body.game-view .tile-hud { position:absolute; top:0; left:0; right:0; width:100%; border:0; background:linear-gradient(#0b111cec,#0b111cbb); opacity:0; pointer-events:none; transform:none; z-index:10; }
body.game-view .video-tile:hover .tile-hud, body.game-view .video-tile:focus-within .tile-hud { opacity:1; pointer-events:auto; }
body.game-view .tile-empty { min-height:0; }
body.game-view #sports-ticker { position:relative; flex-shrink:0; }
body.game-view.wall-mode #top-bar, body.game-view.wall-mode .viewing-toolbar, body.game-view.wall-mode #sports-ticker { display:none!important; }
body.game-view.wall-mode #video-wall-container { position:fixed; inset:0!important; }
body.game-view.wall-mode #video-matrix { height:100dvh!important; }
@media(max-width:950px) {
  body.game-view #top-bar { gap:16px; padding:0 12px; }
  body.game-view .primary-nav { gap:14px; }
  body.game-view .viewing-toolbar { flex-wrap:nowrap; padding:5px 8px; }
  body.game-view .layout-tools { width:auto; flex:1; overflow:hidden; }
  body.game-view .layout-selector { justify-content:flex-start; }
  body.game-view .viewing-actions { width:auto; }
  body.game-view .audio-info { display:none; }
}
@media(max-width:640px) {
  body.game-view #top-bar { height:88px; min-height:88px; padding:8px 12px 0; gap:6px; }
  body.game-view .primary-nav { height:32px; gap:0; }
  body.game-view .header-tools { gap:3px; }
  body.game-view .viewing-actions #btn-wall-mode span, body.game-view .toolbar-label { display:none; }
  body.game-view .viewing-actions { gap:2px; }
  body.game-view .audio-matrix-hub { padding:0; margin:0; border:0; }
  body.game-view .viewing-actions .action-btn { width:29px; padding:4px; }
  body.game-view .layout-btn { padding:5px 7px; }
  body.game-view .tile-hud { max-height:100%; overflow:auto; padding:3px; }
  body.game-view .hud-right { flex-wrap:wrap; }
  body.game-view .hud-left { flex-basis:100%; }
}
@media(hover:none) { body.game-view .tile-hud { opacity:1; pointer-events:auto; } }
body.game-view .primary-nav { overflow-x:auto; flex-shrink:1; min-width:0; }
@media(max-width:640px) { body.game-view .primary-nav { justify-content:flex-start; gap:18px; } body.game-view .nav-item { flex-shrink:0; } }