/* A separate footer: result content scrolls, the host's next action stays put. */
#hostControlDock{position:sticky;bottom:0;z-index:20;flex:0 0 auto;margin-top:10px;padding:10px 0 max(4px,env(safe-area-inset-bottom));background:#1c102d;border-top:1px solid #65467b}
#hostControlDock .host-controls{display:flex;gap:8px;margin:0;flex-wrap:wrap}
#hostControlDock .host-controls+ .host-controls{margin-top:8px}
#hostControlDock button{flex:1;min-height:44px;margin:0;box-shadow:none}
@media(max-width:720px){
body.in-game #gameView>#hostControlDock{position:relative;bottom:auto;max-height:35dvh;overflow-y:auto;margin-top:8px;padding-top:8px}
body.in-game #hostControlDock button{font-size:15px;padding:10px 12px}
}
@media(min-width:721px){
body.in-game #gameView:has(>#hostControlDock:not([hidden])){display:flex;flex-direction:column;max-height:calc(100dvh - 120px);min-height:0}
body.in-game #gameView:has(>#hostControlDock:not([hidden]))>[id$="View"]:not([hidden]){flex:1 1 auto;min-height:0;overflow-y:auto}
}