/* Full-page URLs work in a normal browser and in a receiver without Fullscreen API. */
body.wwmud-detail-view{overflow:hidden}
body.wwmud-detail-view>#header-container,body.wwmud-detail-view>#tabs-container{display:none!important}
body.wwmud-detail-view #content-container{position:fixed;inset:0;height:100dvh!important;padding:0;overflow:hidden;z-index:10}
body.wwmud-detail-view #content-container>[role=tabpanel]{height:100%;min-height:0}
body.wwmud-detail-view .tab-workspace-shell{grid-template-rows:minmax(0,1fr)}
body.wwmud-detail-view .layout.workspace{height:100%;grid-template-columns:minmax(0,1fr);padding:0;gap:0}
body.wwmud-detail-view .layout.workspace>.sidebar,
body.wwmud-detail-view .mobile-sidebar-toggle,
body.wwmud-detail-view .sidebar-overlay{display:none!important}
body.wwmud-detail-view .layout.workspace>.tab-content-shell{grid-column:1;grid-row:1}
body.wwmud-detail-view .tab-content-shell>.content{min-height:0;overflow:auto;padding:16px}
body.wwmud-detail-view [role=tabpanel]:has(>.tab-custom-header){display:flex;flex-direction:column}
body.wwmud-detail-view [role=tabpanel]:has(>.tab-custom-header)[hidden]{display:none!important}
body.wwmud-detail-view .tab-custom-header{flex-shrink:0;padding:0}
body.wwmud-detail-view .tab-scrollable-content{flex:1;min-height:0;overflow:auto;padding:16px}
body.wwmud-detail-view .wwmud-stage-host,body.wwmud-detail-view #app{width:100%;max-width:none;min-width:0;margin:0;padding:0}
body.wwmud-detail-view #app:has(>.wwmud-transport[hidden]){padding-bottom:0!important}
body.wwmud-detail-view #app>header,body.wwmud-detail-view #app>footer{display:none!important}
body.wwmud-detail-view :is(button,a,input,select,textarea,summary):focus-visible{outline:none!important;box-shadow:0 0 0 4px var(--accent-color,#62932f)!important}
body.wwmud-detail-view *{scrollbar-width:none}
body.wwmud-detail-view *::-webkit-scrollbar{display:none}

/* Recorded conversations use the available space for portraits and a stable caption lane. */
body.wwmud-detail-view #app .debate-mode{max-width:none;min-height:var(--detail-height);padding:0;display:flex;flex-direction:column}
body.wwmud-detail-view #app .debate-intro{display:none}
body.wwmud-detail-view #app .debate-stage{flex:1;align-items:center;margin:0;gap:clamp(12px,3vw,48px)}
body.wwmud-detail-view #app .debate-side{padding:10px 0;border-top-width:2px}
body.wwmud-detail-view #app .debate-side-label{display:block;text-align:center;font-size:clamp(14px,1.5vw,20px)}
body.wwmud-detail-view #app .debate-avatar{padding:8px 0 0}
body.wwmud-detail-view #app .debate-avatar .head-slot{max-width:none;display:flex;flex-direction:column;align-items:center}
body.wwmud-detail-view #app .debate-avatar .head-drift{width:min(100%,max(120px,calc(var(--detail-height) - 210px)));max-width:none;height:auto;aspect-ratio:1;animation:none;transform:none}
body.wwmud-detail-view #app .debate-avatar .speech-bubble{position:relative;inset:auto;box-sizing:border-box;width:100%;height:4.2em;min-height:4.2em;max-height:4.2em;overflow:hidden;margin:0 0 8px;font-size:clamp(16px,1.6vw,24px);line-height:1.25}
body.wwmud-detail-view #app .debate-avatar .speech-bubble[hidden]{display:block!important;visibility:hidden}
body.wwmud-detail-view #app .debate-status{margin:8px 0 0;flex-shrink:0}

/* Other detail views retain their controls and expand within the same shell. */
body.wwmud-detail-view #app :is(.audio-channel,.shopping-mode,.reddit-mode,.live-mike){max-width:none}
body.wwmud-detail-view #app :is(.channel-stage,.shopping-stage,.reddit-stage){min-height:max(240px,calc(var(--detail-height) - 220px));align-items:center}
body.wwmud-detail-view #app :is(.channel-presenter,.shopping-presenter,.reddit-presenter) .head-drift{width:min(100%,max(180px,calc(var(--detail-height) - 340px)));max-width:none}
body.wwmud-detail-view #app .live-presenter .talking-head-component.talking-head{width:min(100%,max(180px,calc(var(--detail-height) - 340px)));max-width:none}
body.wwmud-detail-view #app .solo-stage{width:min(50%,max(240px,calc(var(--detail-height) - 200px)));max-width:none;position:relative;top:auto}
body.wwmud-detail-view #app .solo-avatar{width:100%;max-width:none}
body.wwmud-detail-view #app.solo-mode .list{margin-left:min(52%,max(260px,calc(var(--detail-height) - 180px)))}
@media(max-width:600px){
 body.wwmud-detail-view .tab-content-shell>.content,body.wwmud-detail-view .tab-scrollable-content{padding:10px}
 body.wwmud-detail-view #app .debate-stage{gap:12px}
 body.wwmud-detail-view #app .debate-avatar .speech-bubble{font-size:16px;height:5.4em;min-height:5.4em;max-height:5.4em}
 body.wwmud-detail-view #app .solo-stage{float:none;width:100%;max-width:480px;margin:auto}
 body.wwmud-detail-view #app.solo-mode .list{margin-left:0}
 body.wwmud-detail-view #app :is(.channel-stage,.shopping-stage,.reddit-stage){min-height:0}
}