:root{--mobile-nav-height:calc(70px + env(safe-area-inset-bottom))}
.mobile-bottom-nav:not(.bottom-nav){display:none}
@media(max-width:980px){
 html:has(.has-mobile-bottom-nav){scroll-padding-bottom:calc(var(--mobile-nav-height) + 16px)}
 body.has-mobile-bottom-nav{padding-bottom:max(110px,calc(var(--mobile-nav-height) + 16px))!important}
 body .mobile-bottom-nav{box-sizing:border-box;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed!important;inset:auto 0 0!important;z-index:100100!important;width:100%!important;min-height:70px;margin:0!important;padding:6px max(7px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));border:0;border-top:1px solid #354353;border-radius:0;background:#080e17f5;box-shadow:0 -8px 24px #0005;backdrop-filter:blur(16px);transform:none!important;opacity:1!important;visibility:visible!important;font-family:Inter,"Segoe UI",Arial,sans-serif}
 body .mobile-bottom-nav a{position:relative;min-width:0;min-height:48px;display:grid;place-items:center;align-content:center;gap:5px;padding:3px 1px;color:#a6b6c9;background:none;border:0;border-radius:7px;text-decoration:none;text-align:center;font-size:10px;font-weight:850;line-height:1.15;letter-spacing:.03em}
 body .mobile-bottom-nav{min-height:var(--mobile-nav-height)}
 body .mobile-bottom-nav a>span{font-size:20px;line-height:1.1}
 body .mobile-bottom-nav a.active{color:#f2c15f}
 body .mobile-bottom-nav a:focus-visible{outline:2px solid #f2c15f;outline-offset:-2px}
 .has-mobile-bottom-nav .support-rail{top:auto!important;bottom:calc(var(--mobile-nav-height) + 9px)!important;transform:none!important}
 .has-mobile-bottom-nav .app-install-offer{bottom:calc(var(--mobile-nav-height) + 12px)!important;max-height:calc(100dvh - var(--mobile-nav-height) - 30px);overflow:auto}
 .has-mobile-bottom-nav .app-toast{bottom:calc(var(--mobile-nav-height) + 10px)!important}
 .has-mobile-bottom-nav .game-frame-overlay{bottom:var(--mobile-nav-height)!important}
 .has-mobile-bottom-nav .game-frame-shell{height:100%!important}
 .has-mobile-bottom-nav :is(.auth-overlay,.account-settings-overlay,.arena-action-overlay,.team-editor-overlay,.personal-hero-overlay){bottom:var(--mobile-nav-height)!important}
 .has-mobile-bottom-nav :is(.mobile-auth,.account-settings-sheet,.arena-action-sheet,.team-editor-sheet,.personal-hero-sheet){max-height:calc(100dvh - var(--mobile-nav-height) - 28px)!important}
}
@media print{body .mobile-bottom-nav{display:none!important}body.has-mobile-bottom-nav{padding-bottom:0!important}}