/* Preserve the original invitation above the players. CPU/Local reserve its
   actual layout without exposing invisible controls or placeholder copy. */
#menuStage #invitation[hidden]{display:block!important;visibility:hidden;pointer-events:none}
#menuStage .lobby .roster{margin-top:25px!important}
#menuStage .lobby .matchup-card{height:222px;min-height:222px}
#menuStage .lobby .status-line{min-height:40px;height:40px}
#menuStage .lobby .start-row{min-height:48px}

/* The outer page scrolls. The reported frame height contains the full menu. */
html.andkon-connected:not(.host-fullscreen):not(.host-full-window){overflow:hidden}
html.andkon-connected:not(.host-fullscreen):not(.host-full-window) body{overflow:hidden}
html.andkon-connected:not(.host-fullscreen):not(.host-full-window) #app{height:auto;overflow:visible}
html.andkon-connected:not(.host-fullscreen):not(.host-full-window) body[data-selector=inline] #menuStage{min-height:var(--embedded-menu-height,0px)!important}
body[data-selector=inline] #menuStage{min-height:100dvh}
html.host-fullscreen body[data-selector=inline] #menuStage,
html.host-full-window body[data-selector=inline] #menuStage,
html:fullscreen body[data-selector=inline] #menuStage{min-height:100dvh!important}

.game-overlay #returnLobby{min-height:44px;border:1px solid var(--line);background:transparent;color:var(--ink)}
.game-overlay #returnLobby:hover{background:#193347;border-color:#72b5c6;color:var(--ink)}
.game-overlay-card h2{margin:0 0 6px}
body:not(.mobile) .game-frame{width:min(100vw,calc((100dvh - 76px)*1.777778))}
body:not(.mobile) .game-screen:after{content:none}
body:not(.mobile) .game-bottomline{position:fixed;bottom:8px;left:18px;right:18px;padding:0}
body:not(.mobile) .game-overlay{position:fixed;inset:44px 0 0;padding:8px 12px}
body:not(.mobile) .game-overlay-card{max-height:calc(100dvh - 60px)}

@media(pointer:coarse),(max-width:600px){
  #menuStage .lobby .matchup-card{height:240px;min-height:240px}
  #menuStage .rules-summary{min-height:3em}
}
@media(pointer:coarse) and (min-width:601px){
  html.compact-menu #menuStage .lobby .roster{margin-top:0!important;grid-row:2/5}
  html.compact-menu #menuStage .lobby .matchup-card{height:164px;min-height:164px}
  html.compact-menu #menuStage .lobby .status-line{height:36px;min-height:36px}
}