/* Survivor One v0.3.16 — presentation-only app chrome stability.
   Scope: keep the main app viewport as the scroll container so the top app bar
   stays pinned and the mobile bottom navigation remains fixed on iOS/PWA. */

/* An older portrait rule applied overflow-x:hidden to #app/.shell/.main. On
   WebKit that can establish those ancestors as scrolling containers, which
   breaks the topbar's viewport sticky behavior and can make fixed bottom chrome
   move with page content. Clip horizontal paint without creating a scroller. */
html,body,#app,.shell,.main{overflow-x:clip!important}
#app,.shell,.main{overflow-y:visible!important}

/* Preserve the existing geometry and theme; only reinforce viewport anchoring. */
.topbar{position:sticky!important;top:0!important;z-index:40!important}
.bottomnav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:50!important}

@media(min-width:800px){
  .bottomnav{display:none!important}
}