html:has(body.ui-shell){height:100%;overflow:hidden}
body.ui-shell{height:100dvh;overflow:hidden}
body.ui-shell>main.ui-shell-main{position:fixed;inset:0 0 0 var(--ui-rail);margin:0!important;padding:0!important;width:auto;max-width:none}
.ui-shell-main>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:var(--ui-page)}
.ui-shell-main>iframe[hidden]{display:none!important}
#uiNavigationStatus{position:fixed;z-index:90;bottom:20px;left:calc(var(--ui-rail) + 24px);padding:10px 16px;border-left:3px solid var(--ui-accent);background:var(--ui-panel);color:var(--ui-text);box-shadow:0 5px 18px #0004;font-size:14px}
#uiNavigationStatus button{margin-left:14px}
body.ui-shell.auth-locked>main.ui-shell-main{left:0}
body.ui-frame>.ui-rail{display:none!important}
body.ui-frame>main,body.ui-frame>header.ui-topbar{margin-left:0!important}
body.ui-frame:not(.auth-locked)>header.ui-topbar{display:flex!important}
body.ui-frame[data-ui-page=arena] .ui-banner-art{max-width:70%}
@media(max-width:850px){
 body.ui-shell>.ui-rail{position:fixed;inset:0 0 auto;height:70px;z-index:80;background:var(--ui-page)}
 body.ui-shell>main.ui-shell-main{inset:70px 0 0}
 body.ui-shell.auth-locked>main.ui-shell-main{top:0}
 #uiNavigationStatus{left:12px;right:12px;bottom:12px}
}