/* BOOOM44 0.11.0: mobile viewport is a fixed app shell, not a scrolling document. */
html.b44-mobile{height:100%;overflow:hidden;overscroll-behavior:none}
body.b44-mobile{position:fixed;inset:var(--b44-top,0px) 0 auto 0;height:var(--b44-vh,100svh);width:100%;padding:0;overflow:hidden;overscroll-behavior:none;display:flex;flex-direction:column}
.b44-mobile .header{width:100%;max-width:none;margin:0;flex:0 0 auto;height:calc(52px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));touch-action:manipulation}
.b44-mobile .header .chip{display:none}.b44-mobile .brand{font-size:22px}.b44-mobile .brand small{font-size:7px}.b44-mobile .header .icon{width:44px;height:44px}
.b44-mobile>main{flex:1 1 auto;min-width:0;min-height:0;width:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto;scrollbar-gutter:auto}.b44-mobile>main.b44-main-scrollable{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
.b44-mobile[data-b44-view="battle"]>main{overflow:hidden}
.b44-mobile #battle-view{height:100%;width:100%;max-width:none;margin:0}
.b44-mobile .battle-layout{height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:6px max(6px,env(safe-area-inset-right,0px)) 6px max(6px,env(safe-area-inset-left,0px));gap:0}
.b44-mobile .brief,.b44-mobile .command{display:none}
.b44-mobile .arena-shell{flex:none;min-width:0;max-width:100%;width:var(--b44-arena-w,100%);height:var(--b44-arena-h,100%);max-height:100%;aspect-ratio:auto;margin:0;border-radius:12px}
.b44-mobile #arena{width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.b44-mobile .nav{position:relative;inset:auto;flex:0 0 auto;width:100%;gap:0;padding:4px max(6px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));touch-action:manipulation}
.b44-mobile .nav button{width:20%;max-width:none;min-height:46px;font-size:21px;touch-action:manipulation}
.b44-mobile .nav button span{font-size:8px;letter-spacing:.5px}.b44-mobile .nav button:focus:not(:focus-visible){outline:0}
.b44-mobile .overlay{overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto;padding:16px;touch-action:pinch-zoom}.b44-mobile .overlay.b44-scrollable{overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom}
.b44-mobile .overlay button{flex-shrink:0}.b44-mobile .home .selection{flex-shrink:0}.b44-mobile .home .rank-pill{margin-bottom:14px}.b44-mobile .home h2{font-size:34px}
.b44-mobile .home select,.b44-mobile input,.b44-mobile select{font-size:16px}
.b44-mobile .home .micro{font-size:8px}.b44-mobile .home .text-button{min-height:36px}
.b44-mobile .signal-overlay{justify-content:flex-start;inset:55px 6px 6px;padding:14px 12px}
.b44-mobile .signal-overlay h2{font-size:26px}.b44-mobile .signal-caption{font-size:12px}
.b44-mobile .signal-overlay button{min-height:44px}
.b44-mobile .hud-top,.b44-mobile .hud-sub,.b44-mobile #hull,.b44-mobile #demo-banner{pointer-events:none}
.b44-mobile .hud-top .icon{pointer-events:auto;min-width:44px;min-height:44px;touch-action:manipulation}
.b44-mobile .hud-top{top:8px;left:8px;right:8px;padding:4px 9px}.b44-mobile .hud-sub{top:73px;left:13px;right:13px}
.shield{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:44px;min-width:96px}
.shield[aria-disabled="true"]{opacity:.55;cursor:default}
.b44-mobile .shield{bottom:36px;right:10px;font-size:10px;padding:10px 12px}
.b44-mobile .toast{bottom:calc(70px + env(safe-area-inset-bottom,0px));pointer-events:none}
.b44-mobile .content{margin:0 auto;padding:18px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}
.b44-mobile .cards.two,.b44-mobile .cards.three{grid-template-columns:1fr}
.b44-mobile dialog{max-height:calc(var(--b44-vh,100svh) - 30px);overscroll-behavior:contain}
#test-sound{margin:10px 0}.audio-help{font-size:12px;margin:8px 0 18px}
@media(max-height:670px){.b44-mobile .home .rank-pill{display:none}.b44-mobile .home h2{font-size:28px;margin-bottom:8px}.b44-mobile .home>.eyebrow{margin-bottom:8px}.b44-mobile .home .selection{margin-top:auto}.b44-mobile .home .primary,.b44-mobile .home .secondary{min-height:40px}.b44-mobile .home>p:not(.eyebrow){margin-bottom:8px}.b44-mobile .overlay{padding:13px}}
@media(orientation:landscape) and (max-height:600px){.b44-mobile .header{height:calc(44px + env(safe-area-inset-top,0px))}.b44-mobile .nav{padding-top:2px;padding-bottom:calc(2px + env(safe-area-inset-bottom,0px))}.b44-mobile .nav button{min-height:40px;font-size:17px}.b44-mobile .battle-layout{padding-top:4px;padding-bottom:4px}.b44-mobile .home h2{font-size:22px}.b44-mobile .home .selection{display:block}.b44-mobile .signal-codes{grid-template-columns:1fr}.b44-mobile .hud-top{gap:8px;left:4px;right:4px;padding:3px}.b44-mobile .hud-top b{font-size:14px}.b44-mobile .shield{right:5px;font-size:9px;min-width:70px;padding:8px}.b44-mobile .hud-sub{font-size:6px;gap:5px;left:6px;right:6px}}

/* 0.9 launch poster: keep the entire artwork and real PLAY NOW hit target visible. */
@media (max-width:760px){
 .launch-screen{background:#061625}
 .launch-screen::before{display:none}
 .launch-poster{width:100vw;height:min(100svh,177.68vw);max-height:100svh}
 .launch-play{left:13.8%;width:72.4%;top:76.2%;height:9.4%;border-radius:clamp(12px,3vw,24px)}
}

/* 0.11 iPhone/PWA shell and six-language selector. */
.language-select{appearance:auto;min-width:64px;min-height:38px;border:1px solid #7e9baa;border-radius:12px;background:#f8fbfc;color:#123241;font-weight:800;font-size:14px;padding:0 9px;touch-action:manipulation}
.b44-language-floating{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:9000}
html[data-b44-display-mode="standalone"] body{padding-top:0}
@media(max-width:680px){.b44-mobile .language-select{min-width:61px;height:42px;font-size:13px}.b44-mobile .header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@media(orientation:landscape) and (max-height:500px){.b44-mobile .header{height:calc(42px + env(safe-area-inset-top,0px))}.b44-mobile .brand{font-size:18px}.b44-mobile .header .icon{width:40px;height:40px}.b44-mobile .nav button{min-height:38px}.b44-mobile .language-select{height:36px;min-height:36px}}

/* 0.12 tactical controls */
.b44-mobile .combat-bar{pointer-events:none}.b44-mobile .combat-bar button{pointer-events:auto;min-height:42px}.b44-mobile .combat-hull{pointer-events:none}

/* 0.19.3 mobile UX cleanup */
.b44-mobile[data-b44-view="battle"][data-b44-phase="result"] .nav,
.b44-mobile[data-b44-view="air"][data-b44-phase="home"] .nav,
.b44-mobile[data-b44-view="air"][data-b44-phase="result"] .nav,
.b44-mobile[data-b44-view="combined"][data-b44-phase="result"] .nav{
  opacity:1!important;transform:none!important;pointer-events:auto!important;visibility:visible!important;
}
.b44-mobile #profile-view:not([hidden]){display:flex;flex-direction:column;padding-top:10px}
.b44-mobile #profile-view>.eyebrow{margin-bottom:5px}.b44-mobile #profile-view>h1{margin-bottom:8px;font-size:34px}
.b44-mobile #profile-view>.cards.two{order:1;margin:4px 0 10px}.b44-mobile #profile-view>.offline-panel{order:2;margin:0 0 10px}.b44-mobile #profile-view>#ranks{order:3}.b44-mobile #profile-view>footer{order:4}
.b44-mobile #profile-view .panel{padding:15px;border-radius:14px}.b44-mobile #profile-view .cards.two{gap:10px}
.b44-mobile #profile-view .panel>p:not([role="status"]):not(.eyebrow):not(.small){margin-bottom:8px}
.b44-mobile #profile-view .micro{display:none}.b44-mobile #profile-view .audio-help{margin:5px 0 10px;font-size:11px}
.b44-mobile #profile-view .primary,.b44-mobile #profile-view .secondary,.b44-mobile #profile-view .text-button{min-height:43px;margin:5px 0}
.b44-mobile #profile-view #ranks{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.b44-mobile #profile-view .rank-row{padding:10px 8px;font-size:11px}.b44-mobile #profile-view .rank-row small{font-size:8px;line-height:1.35}

.b44-mobile #profile-view>.promotion-card{order:0;margin:0 0 9px;padding:13px}
.b44-mobile #profile-view>.b44-command-offline{order:2;margin:0 0 9px}.b44-mobile #profile-view>.b44-command-ranks{order:3;margin:0 0 9px}.b44-mobile #profile-view>.cards.two{order:1}
.b44-mobile .promotion-head{gap:7px;padding-bottom:9px}.b44-mobile .promotion-head small{font-size:7px}.b44-mobile .promotion-head b{font-size:16px}.b44-mobile .promotion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.b44-mobile .promotion-cell{padding:8px 6px}.b44-mobile .promotion-cell b{font-size:14px}.b44-mobile .promotion-note{font-size:9px;margin-top:7px}
.b44-mobile .b44-command-fold{border-radius:12px}.b44-mobile .b44-command-fold>summary{padding:12px 13px;font-size:12px;min-height:44px}.b44-mobile .b44-command-fold>.panel{padding:13px!important}.b44-mobile .b44-command-fold>#ranks{padding:10px!important}

/* Compact Command account dashboard */
.b44-mobile .promotion-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.b44-mobile .promotion-cell{padding:7px 3px}.b44-mobile .promotion-cell span{font-size:6px;line-height:1.15;min-height:15px}.b44-mobile .promotion-cell b{font-size:11px;white-space:nowrap}.b44-mobile .promotion-cell small{font-size:7px;white-space:nowrap}.b44-mobile #profile-view>.promotion-card{padding:11px}.b44-mobile .promotion-head{padding:4px 0 8px}.b44-mobile .promotion-head b{font-size:14px}.b44-mobile .promotion-note{margin:5px 0 0}
.b44-mobile #profile-view .cards.two>.panel:first-child>p:first-of-type{display:none}.b44-mobile #profile-view #login-form{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.b44-mobile #profile-view #login-form>button{grid-column:1/-1}.b44-mobile #profile-view #login-form label{min-width:0}.b44-mobile #profile-view #login-form input{margin:4px 0 7px;padding:7px;min-height:39px}.b44-mobile #profile-view .signup-consent{font-size:9px;line-height:1.35;margin:2px 0 5px}.b44-mobile #recover-account,.b44-mobile #resend-confirmation{width:calc(50% - 3px)!important;display:inline-flex!important;font-size:9px;padding:7px!important;vertical-align:top}.b44-mobile #resend-confirmation{margin-left:2px!important}.b44-mobile #account-status,.b44-mobile #cloud-status,.b44-mobile #storage-status{margin:5px 0;font-size:10px;line-height:1.35}.b44-mobile #sync-progress{margin-top:4px!important}.b44-mobile #logout{min-height:38px!important}
.b44-mobile #profile-view .legal-links{font-size:9px;line-height:1.4;text-align:center;margin-top:5px}.b44-mobile #profile-view .legal-links p{font-size:9px;margin:5px 0}