@media (max-width:700px){
  #tabs{position:fixed;left:0;right:0;bottom:0;margin:0;background:var(--paper);border-top:3px solid var(--ink);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));gap:4px;z-index:30;justify-content:space-between}
  #tabs button{flex-direction:column;gap:0;padding:4px 6px;border-width:2px;box-shadow:none;font-size:11px;flex:1;min-width:0}
  #tabs button span{overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .top{padding:6px 10px;gap:6px}.brand{font-size:20px;width:100%}
  .stat{min-width:60px}.stat b{font-size:17px}
  .grid{grid-template-columns:1fr}
  .nums{grid-template-columns:repeat(2,1fr)}
  #toasts{bottom:78px}
}
@media (prefers-reduced-motion:reduce){
  .rig.run .gpu .fan{animation:none}.toast{animation:none}.bar>i{transition:none}
}