/* Phone full screen: the game is meant to be added to the home screen (no address bar or tabs).
   Keeps the page still, and keeps the HUD and touch buttons clear of the notch and the home bar. */
html,body{height:100%;overscroll-behavior:none}
html{-webkit-text-size-adjust:100%}
html body.touch-ui{position:fixed;inset:0;width:100%;height:auto;-webkit-tap-highlight-color:transparent}
html body.touch-ui .hud{top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px)}
html body.touch-ui #tc{top:env(safe-area-inset-top,0px);bottom:max(0px,calc(env(safe-area-inset-bottom,0px) - 10px))}
html body.touch-ui #comboHUD{right:calc(150px + env(safe-area-inset-right,0px))}
html body.touch-ui #beamMeter{right:calc(24px + env(safe-area-inset-right,0px))}
html body.touch-ui #dayChip{right:calc(70px + env(safe-area-inset-right,0px))!important}
html body.touch-ui #dialogue{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(8px,calc(env(safe-area-inset-bottom,0px) - 6px))}
html body.touch-ui #intro.title .panel{padding-left:max(18px,env(safe-area-inset-left,0px))}
html body.touch-ui #soundButton{right:calc(22px + env(safe-area-inset-right,0px))}html body.touch-ui #langBtn{right:calc(128px + env(safe-area-inset-right,0px))}
/* Safari on iPhone / iPad cannot go full screen by itself: a small tip on the title shows how */
#a2hs{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:39;display:flex;align-items:center;gap:10px;max-width:min(92vw,560px);padding:8px 10px 8px 16px;border-radius:999px;background:#18392fee;border:1px solid #fff3cf66;color:#fff8e2;font:600 12px/1.5 'Hiragino Sans','Yu Gothic UI','Meiryo',sans-serif;box-shadow:0 6px 20px #0005;touch-action:manipulation}
#a2hs svg{width:15px;height:15px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#a2hs button{flex:none;width:28px;height:28px;padding:0;border-radius:50%;font-size:14px;line-height:1;background:transparent;border:1px solid #fff3cf66;color:#fff8e2}
#a2hs .en,html[lang=en] #a2hs .ja{display:none}html[lang=en] #a2hs .en{display:inline}