/* Only the host's board overview changes; question modals keep their layout. */
body:has(.host-board-scene) #app>.container{max-width:none;width:100%;margin:0;padding:0}
body:has(.host-board-scene) #app>.container>.topbar,
body:has(.host-board-scene) #app>.container>.card>.row{display:none}
body:has(.host-board-scene) #app>.container>.card{background:none;border:0;padding:0;box-shadow:none}
body:has(.host-board-scene) #hostArea{margin-top:0!important}
.host-board-scene .host-board-card{background:none;border:0;padding:0;box-shadow:none;margin:0}
.host-board-scene .category-reveal{display:none}
.host-board-scene .player-view-topbar{justify-content:center;text-align:center}
#host-board-controls{position:fixed;top:12px;left:12px;z-index:20;width:min(340px,calc(100vw - 24px));color:#e9f4ff;background:#102338f2;border:1px solid #49778e;border-radius:12px;box-shadow:0 5px 20px #0005}
#host-board-controls:not([open]){width:auto}
#host-board-controls summary{cursor:pointer;padding:12px;font-weight:700}
.host-board-controls-content{padding:0 12px 12px;max-height:calc(100dvh - 80px);overflow:auto;display:grid;gap:12px}
#host-board-controls #qol-toolbar{position:static;margin:0;padding:0;border:0;background:none}
#host-board-controls .row,#host-board-controls .qol-actions{gap:6px}
#host-board-controls button{font-size:12px;padding:8px;min-height:32px}
#host-board-controls input{max-width:85px;min-width:0}
#host-board-controls .board-design-control{display:grid;padding:0;margin:0}
#host-board-controls select{max-width:100%;min-width:0}
#host-board-controls .host-team-controls{padding:8px 0;border-bottom:1px solid #49778e}
#host-board-controls details>summary{padding:6px 0}
body:has(.host-board-scene):not(:has(#modal)):not(.room-is-paused){padding-top:0}
#host-board-controls #shared-pause-bar{position:static;inset:auto;display:grid;padding:8px 0;box-shadow:none;border:0;background:none;gap:8px}
#host-board-controls #shared-pause-bar span{display:none}
@media(max-width:1100px){.host-board-scene{padding-top:110px}}