/* The settings and account actions remain visible above game sheets and maps. */
.game-controls{position:fixed;z-index:80;left:calc(var(--gap) + var(--sl));top:calc(var(--gap) + var(--st) + 52px);display:flex;gap:var(--s2);max-width:calc(100vw - var(--map) - 3*var(--gap))}
.game-controls>.btn{min-height:var(--target);padding:var(--s2);font:700 var(--text-body)/1 var(--prose);white-space:nowrap}
.game-controls>.btn svg{flex:none}
.game-controls>.btn[aria-expanded="true"]{border-color:var(--accent);background:var(--well)}
.game-controls .menu{top:52px;max-height:calc(100dvh - 132px - var(--st) - var(--sb))}
.game-controls .menu .btn,.game-controls .seg button{min-height:var(--target)}
.hud .tlrow{margin-top:52px}
.game-logout-dialog{width:min(460px,calc(100vw - var(--s6)));max-height:calc(100dvh - var(--s6));overflow:auto;padding:var(--s5);background:var(--surface);color:var(--text);border:2px solid var(--trim);font:18px/1.4 var(--prose);box-shadow:0 16px 60px var(--well)}
.game-logout-dialog::backdrop{background:rgba(18,12,7,.7)}
.game-logout-dialog h2{margin:0 0 var(--s3);font:700 28px/1.1 var(--display);color:var(--accent)}
.game-logout-dialog p{margin:var(--s3) 0}
.game-logout-dialog p:empty{display:none}
.game-logout-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5)}
.game-logout-dialog .btn{min-height:var(--target);flex:1 1 auto}
.game-logout-dialog .btn:disabled{opacity:.6;cursor:wait}
#gameLogoutError{color:var(--bad)}
#gameLogoutBackup{margin-top:var(--s3)}
body.arriving .arrival{top:calc(112px + var(--st));max-height:calc(100dvh - 128px - var(--st));overflow:auto}
@media(max-width:380px){.game-controls>.btn svg{display:none}}
/* Full-screen phone shops reserve a row for persistent Settings / Log out. */
@media(max-width:760px){
  body:has(#shop:not([hidden])) .game-controls{top:calc(var(--gap) + var(--st));max-width:calc(100vw - 2*var(--gap))}
  body:has(#shop:not([hidden])) .shop{padding-top:calc(68px + var(--st))}
}