/* Mobile application shell. Keep game and conversation viewport owners intact. */
@media(max-width:760px){
 html{min-height:100%;scroll-padding-bottom:var(--jc-nav-height,88px)}
 body.jc-app{min-height:100svh;padding-bottom:0}
 body.jc-app .jc-main{padding-bottom:calc(var(--jc-nav-height,88px) + 20px)}
 body.jc-app .jc-bottom{position:fixed;inset:auto 0 0;z-index:90;width:100%;max-width:100%;height:auto;min-height:64px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));box-sizing:border-box;transform:none;contain:layout;background:#101c2c;border-top:1px solid #30435d}
 body.jc-app .jc-bottom a{min-width:0;min-height:50px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;line-height:1.2;font-size:clamp(9px,2.5vw,11px);white-space:nowrap;border-radius:12px;text-decoration:none}
 body.jc-app .jc-bottom a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.jc-app .jc-bottom svg{width:23px;height:23px;flex-shrink:0}
 body.jc-app.j75-keyboard .jc-bottom{display:none}
 body.jc-app.j75-keyboard .jc-main{padding-bottom:20px}
 body.jc-app .jc-main>footer{padding-bottom:8px}
}
@media(min-width:761px){body.jc-app .jc-bottom{display:none}}