/* Fill the browser viewport when the device cannot enter native fullscreen. */
body.game-expanded{overflow:hidden}
.stage-viewport.is-expanded{position:fixed!important;inset:0!important;z-index:100!important;width:100vw!important;height:100dvh!important;aspect-ratio:auto!important;background:#061814;overflow:hidden!important;border-radius:0}
.stage-viewport.is-expanded>canvas{display:block;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain}
.stage-viewport.is-expanded .modal-overlay:not([hidden]){position:absolute;inset:0;padding:15px;z-index:30}
.stage-viewport.is-expanded .modal{max-height:96dvh}
.stage-viewport.touch-enabled.is-expanded .touch-controls{position:absolute;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));width:auto;padding:0;min-height:0;grid-template-columns:var(--stick-size) 1fr var(--cluster-width);grid-template-rows:var(--cluster-height);gap:14px;background:none;border:0}
.stage-viewport.touch-enabled.is-expanded .touch-movement{grid-column:1;grid-row:1}
.stage-viewport.touch-enabled.is-expanded .touch-actions{grid-column:3;grid-row:1}
.stage-viewport.touch-enabled.is-expanded .touch-utilities{grid-column:1/-1;grid-row:1;position:absolute;left:50%;bottom:4px;width:68px;transform:translateX(-50%);justify-content:center;align-self:end;padding-bottom:0}
.stage-viewport.touch-enabled.is-expanded .touch-minor{background-color:#183c30e6}
.stage-viewport.touch-enabled.is-expanded .in-game-forge{top:19%;right:3%;width:62px;min-height:63px}
@media(orientation:portrait),(max-width:620px){
  .stage-viewport.touch-enabled.is-expanded .touch-controls{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));grid-template-columns:var(--stick-size) var(--cluster-width);grid-template-rows:50px var(--cluster-height);justify-content:space-between;row-gap:12px}
  .stage-viewport.touch-enabled.is-expanded .touch-utilities{grid-column:1/-1;grid-row:1;position:static;inset:auto;width:auto;transform:none;justify-content:center;padding-bottom:0}
  .stage-viewport.touch-enabled.is-expanded .touch-movement{grid-row:2}
  .stage-viewport.touch-enabled.is-expanded .touch-actions{grid-column:2;grid-row:2}
}
@media(orientation:landscape) and (max-height:420px){.stage-viewport.touch-enabled.is-expanded .touch-controls{--stick-size:112px;--action-size:72px;--cluster-width:176px;--cluster-height:200px;--face-row:64px;--dash-size:48px}}