/* One landscape playfield, fitted to the available viewport and device safe areas. */
html,body{width:100%;height:100%;min-height:0;overflow:hidden}
body{overscroll-behavior:none}
main{box-sizing:border-box;min-height:0;height:100dvh!important;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)!important;justify-content:center;align-items:center}
#frame{box-sizing:border-box;flex:none!important;width:min(calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 12px),calc((100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 12px)*2))!important;height:auto!important;aspect-ratio:2/1!important;max-width:none;max-height:none}
#frame canvas#game{width:100%;height:100%;display:block}
@media(orientation:portrait) and (max-width:600px){#rotate-hint{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:4%;right:4%;font-size:clamp(14px,4vw,20px);max-width:92%;pointer-events:none}}
#frame .garden96>header h1{display:block!important;position:static!important;white-space:nowrap;flex:1;min-width:0;font-size:4.1cqh!important}