/* V6 final landscape/mobile viewport fix */
html,body,#root{width:100%!important;height:100%!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;background:#070b16!important}
body{position:fixed!important;inset:0!important;margin:0!important;overscroll-behavior:none!important;touch-action:none!important}
#root{position:fixed!important;inset:0!important;display:grid!important;place-items:center!important;padding:0!important}
#root>div{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;overflow:hidden!important;display:grid!important;place-items:center!important}
#game-container{width:min(100vw,calc(100dvh * 1.7777778))!important;height:min(100dvh,calc(100vw / 1.7777778))!important;max-width:100vw!important;max-height:100dvh!important;display:grid!important;place-items:center!important;margin:auto!important;overflow:hidden!important;transform:none!important;box-shadow:0 0 0 1px rgba(105,210,255,.18),0 18px 80px rgba(0,0,0,.35)}
#game-container canvas,canvas{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;image-rendering:auto!important}
@media (orientation:landscape){
  #landscape-gate{display:none!important}
  #mobile-game-controls{display:block!important}
  .mobile-controls-label{top:calc(4px + env(safe-area-inset-top,0px))!important;opacity:.68!important;transform:translateX(-50%) scale(.86)!important}
  .mobile-dpad{left:calc(8px + env(safe-area-inset-left,0px))!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;transform:scale(.82)!important;transform-origin:left bottom!important}
  .mobile-actions{right:calc(8px + env(safe-area-inset-right,0px))!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;transform:scale(.82)!important;transform-origin:right bottom!important}
  .mobile-controller-toggle{right:calc(8px + env(safe-area-inset-right,0px))!important;top:calc(6px + env(safe-area-inset-top,0px))!important;transform:scale(.9)!important}
}
@media (orientation:landscape) and (max-height:430px){
  #game-container{width:100vw!important;height:100dvh!important;border-radius:0!important}
  .mobile-dpad,.mobile-actions{transform:scale(.68)!important}.mobile-controls-label{display:none!important}.mobile-controller-toggle{transform:scale(.72)!important}
}
@media (orientation:portrait) and (max-width:820px){
  #game-container{filter:blur(2px) brightness(.55)}
  #landscape-gate{display:flex!important}
  #mobile-game-controls{display:none!important}
}