/* Phone title screens keep their frame and controls below the status area. */
@media(orientation:portrait) and (max-width:600px){
  html body.quest-title-menu::after,
  html body::after{
    top:calc(16px + var(--safeT,env(safe-area-inset-top,0px)));
    right:calc(8px + var(--safeR,env(safe-area-inset-right,0px)));
    bottom:calc(8px + var(--safeB,env(safe-area-inset-bottom,0px)));
    left:calc(8px + var(--safeL,env(safe-area-inset-left,0px)));
  }
  html body.quest-title-menu :is(.langSwitch,.world-link,.lang-toggle),
  html body :is(.langSwitch,.world-link,.lang-toggle){
    top:calc(28px + var(--safeT,env(safe-area-inset-top,0px)));
  }
  html body.quest-title-menu .questMenuControls{
    min-height:calc(88px + var(--safeT));
    padding-top:calc(28px + var(--safeT));
  }
  html body > .frame:has(.portalBtns){padding-top:calc(104px + var(--safeT));}
  html body > .frame:has(.mapSymbolsTitleGroup){padding-top:calc(88px + var(--safeT));padding-bottom:calc(88px + var(--safeB));}
}