/* v34.2.2 mobile bottom-nav: override old flex!important from v34 stylesheet. */
@media screen and (max-width:810px){
  html body #mobileNav.bottomNav{
    display:grid!important;
    position:fixed!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    width:100%!important;
    min-width:0!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
    left:0!important;right:0!important;bottom:0!important;
    margin:0!important;
    gap:4px!important;
    align-items:stretch!important;
    padding:8px 8px calc(11px + env(safe-area-inset-bottom, 0px))!important;
    background:linear-gradient(180deg,rgba(12,10,8,.98),rgba(6,5,4,.99))!important;
    border-top:1px solid #b48a4c!important;
    z-index:9999!important;
    box-shadow:0 -8px 20px rgba(0,0,0,.68)!important;
  }
  html body #mobileNav.bottomNav button{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:49px!important;
    padding:7px 1px!important;
    margin:0!important;
    gap:5px!important;
    font-size:11px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    border-radius:10px!important;
    text-align:center!important;
  }
  html body #mobileNav.bottomNav .navsvg{
    display:block!important;
    width:auto!important;
    height:auto!important;
    font-size:19px!important;
    line-height:1!important;
  }
  html body .main,
  html body .main:has(#page-charts:not(.hidden)){
    padding-bottom:calc(115px + env(safe-area-inset-bottom,0px))!important;
  }
  html body #page-charts{scroll-margin-bottom:90px}
}
@media screen and (max-width:370px){
  html body #mobileNav.bottomNav{gap:1px!important;padding-left:5px!important;padding-right:5px!important}
  html body #mobileNav.bottomNav button{font-size:10px!important}
}