.mobile-bottom-nav { display:none; }
@media (max-width:800px) {
  html { scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom,0px)); }
  body { padding-bottom:calc(68px + env(safe-area-inset-bottom,0px)); }
  .mobile-bottom-nav {
    position:fixed; inset:auto 0 0; z-index:50;
    display:block; box-sizing:border-box;
    height:calc(60px + env(safe-area-inset-bottom,0px));
    padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));
    background:#101722; border-top:1px solid var(--line,#26364b);
  }
  .mobile-bottom-nav .mobile-bottom-nav-items {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:minmax(0,1fr);
    height:100%; min-height:0; margin:0; padding:0; list-style:none;
  }
  .mobile-bottom-nav .mobile-bottom-nav-item { display:block; min-width:0; min-height:0; margin:0; padding:0; }
  .mobile-bottom-nav .mobile-bottom-nav-item a {
    box-sizing:border-box; height:100%; min-width:0; min-height:44px; padding:2px;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
    color:#9ba5b4; text-decoration:none; font-size:11px; line-height:1.3; text-align:center;
  }
  .mobile-bottom-nav .mobile-bottom-nav-item a>span { display:block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .mobile-bottom-nav svg { flex:none; width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .mobile-bottom-nav a[aria-current=page] { color:var(--live,#35f29a); font-weight:700; }
  .mobile-bottom-nav a:hover { color:#fff; }
  .mobile-bottom-nav a:focus-visible { outline:2px solid var(--live,#35f29a); outline-offset:-2px; border-radius:6px; }
}