/* One continuous 887×1774 cockpit; its footer starts at source y=1064. */
.mobile-control-deck,.mobile-bet-label{display:none}
@media(max-aspect-ratio:1/1),(max-width:1100px) and (max-height:600px){
 #app{--deck-left:0px;--deck-width:100cqw;--deck-height:max(75cqw,256px);--deck-top:calc(100% - var(--deck-height));--deck-touch:44px;--deck-roll-paint:calc(var(--deck-height) * .859155);--deck-roll-hit:var(--deck-roll-paint);--deck-bet-hit:calc(var(--deck-height) * .673239);--deck-collection-hit:min(calc(var(--deck-height) * .526761),calc(var(--deck-bet-hit) - 44px))}
 .mobile-control-deck{display:block;position:absolute;left:var(--deck-left);top:var(--deck-top);width:var(--deck-width);height:var(--deck-height);z-index:2;pointer-events:none;isolation:isolate}
 #app .nuclear-lights-mobile-footer{display:none!important}
 #app .mobile-deck-lights{inset:0;width:100%;height:100%;pointer-events:none}
 #app.startup-armed .mobile-control-deck{opacity:clamp(0,calc((1 - var(--startup-screen-veil,1)) * 1.12),1)}
 #app.startup-armed[data-startup-stage=waiting] .mobile-control-deck{opacity:0}
 #app .nuclear-meter,#app .multiplier-panel{left:var(--deck-left);right:auto;top:var(--deck-top);width:calc(var(--deck-width) * .5);height:calc(var(--deck-height) * .445);background:none;filter:none;transform:none;aspect-ratio:auto;padding:0}
 #app .nuclear-meter-art{display:none}
 #app .nuclear-meter::before{left:14%;right:14.3%;top:calc(var(--deck-height) * .08873);height:auto;font-size:clamp(10px,2.7cqw,16px);line-height:1;letter-spacing:.07em;transform:translateY(-50%);text-box:trim-both cap alphabetic}
 #app .nuclear-canisters{left:9.8%;right:4.9%;top:calc(var(--deck-height) * .19);bottom:auto;height:calc(var(--deck-height) * .127);gap:0}
 #app .nuclear-canister img{left:0;top:0;width:100%;height:100%;object-fit:contain}
 #app .nuclear-meter-status{left:13%;right:8.4%;top:calc(var(--deck-height) * .399296);height:auto;font-size:clamp(8px,2.15cqw,13px);line-height:1;letter-spacing:.02em;transform:translateY(-50%);text-box:trim-both cap alphabetic}
 #app .multiplier-panel{left:calc(var(--deck-left) + var(--deck-width) * .5)}
 #app .multiplier-panel .panel-label{left:15.5%;right:11.5%;top:calc(var(--deck-height) * .08873);height:auto;background:none;padding:0;font-size:clamp(10px,2.7cqw,16px);letter-spacing:.05em;line-height:1;text-box:trim-both cap alphabetic;transform:translateY(-50%)}
 #app .multiplier-panel #multiplier{left:15%;right:auto;top:calc(var(--deck-height) * .18169);width:67.64%;height:calc(var(--deck-height) * .14366);margin:0}
 #app .multiplier-panel .potential{left:11%;right:13.8%;top:calc(var(--deck-height) * .399296);bottom:auto;height:calc(var(--deck-height) * .038);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;transform:translateY(-50%);background:none;padding:0;border:0;overflow:hidden}
 #app .multiplier-panel .potential>span{font-size:clamp(6px,1.6cqw,9.5px);flex:0 0 auto;line-height:1;letter-spacing:0;transform:translateY(1px);top:0}
 #app .multiplier-panel .potential #potential{font-size:calc(clamp(10px,2.7cqw,16px) * var(--amount-scale,1));width:auto;min-width:0;max-width:52%;line-height:1;transform:none;top:0}
 #app .power-panel{left:calc(var(--deck-left) + var(--deck-width) * .0823);top:calc(var(--deck-top) + var(--deck-collection-hit) - 22px);width:calc(var(--deck-width) * .8354);height:44px;min-height:44px;pointer-events:auto;background:none;border:0;box-shadow:none}
 #app .mobile-collections{--collection-chip-height:clamp(20px,calc(var(--deck-height) * .08),36px);inset:0;height:44px;min-height:44px;padding:calc(var(--deck-height) * .526761 - var(--deck-collection-hit) + 22px - var(--collection-chip-height) / 2) 0 0}
 #app .mobile-collection-icon{flex-basis:var(--collection-chip-height);width:var(--collection-chip-height);height:var(--collection-chip-height)}
 #app .mobile-collection-chip:has(.is-word) .mobile-collection-icon{flex-basis:var(--collection-chip-height);width:var(--collection-chip-height);height:var(--collection-chip-height)}
 #app .mobile-collection-chip.is-empty .mobile-collection-icon{opacity:.38;filter:saturate(.85)}
 #app .stake-control{left:var(--deck-left);top:calc(var(--deck-top) + var(--deck-bet-hit) - 22px);width:var(--deck-width);height:44px;min-height:44px;padding:0;border:0;background:none;filter:none;aspect-ratio:auto}
 #app .stake-control::before{display:none}
 #app .stake-input{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.5cqw,10px);inset:0;width:100%;height:100%}
 #app .stake-input .mobile-bet-label{display:block;position:static;inset:auto;width:auto;height:auto;aspect-ratio:auto;margin:0;padding:0;transform:none;flex:0 0 auto;background:none;font-size:clamp(9px,2.5cqw,14px);line-height:1;letter-spacing:.1em;text-box:trim-both cap alphabetic}
 #app .stake-input button{--bet-face-width:calc(var(--deck-width) * 98 / 887);--bet-face-height:calc(var(--deck-height) * 74 / 710);--bet-glass-scale:max(calc(var(--bet-face-width) / 298),calc(var(--bet-face-height) / 158));--bet-paint-y:calc(50% - var(--deck-height) * 4 / 710);top:0;width:18%;height:44px;min-height:44px;min-width:44px;background:none;padding:0;overflow:visible}
 #app .stake-input #stake-minus{left:calc(102 / 887 * 100% - 9%)}#app .stake-input #stake-plus{left:calc(786 / 887 * 100% - 9%)}
 /* Fill the native well with blue glass; the cockpit artwork supplies its neon rim.
    Cover only the desktop glass interior (230,292–528,450), without a second inset frame. */
 #app .stake-input button::before{content:'';display:block;position:absolute;left:50%;top:var(--bet-paint-y);width:var(--bet-face-width);height:var(--bet-face-height);border:0;box-shadow:none;transform:translate(-50%,-50%);clip-path:polygon(10.2041% 0,89.7959% 0,100% 14.8649%,100% 83.7838%,88.7755% 100%,10.2041% 100%,0 83.7838%,0 14.8649%);background-image:url('../../public/assets/ui-v6/bet-console.png');background-repeat:no-repeat;background-size:calc(var(--bet-glass-scale) * 2172) calc(var(--bet-glass-scale) * 724);background-position:calc(var(--bet-face-width) / 2 - var(--bet-glass-scale) * 379) calc(var(--bet-face-height) / 2 - var(--bet-glass-scale) * 371);filter:none;pointer-events:none}
 #app .stake-input button::after{top:var(--bet-paint-y);width:clamp(12px,calc(var(--bet-face-height) * .55),24px);height:clamp(12px,calc(var(--bet-face-height) * .55),24px);background-size:100% 2.5px;filter:drop-shadow(0 0 1px #d2ffff) drop-shadow(0 0 3px #29aaff)}
 #app .stake-input #stake-plus::after{background-size:100% 2.5px,2.5px 100%}
 #app .stake-input input{position:static;field-sizing:content;flex:0 1 auto;width:auto;min-width:max(44px,4ch);max-width:35%;height:44px;margin:0;padding:0;font-size:clamp(18px,5.4cqw,30px);line-height:normal;text-align:center}
 #app .launch-control{left:calc(var(--deck-left) + var(--deck-width) * .10);top:calc(var(--deck-top) + var(--deck-roll-hit) - 22px);width:calc(var(--deck-width) * .80);height:44px;min-height:44px;aspect-ratio:auto;background:none;--mobile-roll-hit-offset:0px}
 #app #launch-button,#app #launch-button[data-art-label=true],#app #launch-button[data-wormhole-spin=true]{height:100%;padding:0;background:url('../../public/assets/ui-v28-mobile/mobile-cockpit.png') left calc(var(--deck-width) * -.10) top calc(22px - var(--deck-height) * 2.35774648) / var(--deck-width) calc(var(--deck-height) * 2.49859155) no-repeat;overflow:visible}
 #app #launch-button::before{display:none}
 #app #launch-button #launch-label{left:50%;top:50%;font-size:clamp(17px,5.3cqw,30px);width:98%;transform:translate(-50%,-50%);line-height:1;text-box:trim-both cap alphabetic}
 #app #launch-lettering{left:50%;top:50%;width:52%;transform:translate(-50%,-44.8%);clip-path:inset(22% 0 30% 0)}
 #app #wormhole-spin-lettering{left:50%;top:50%;width:80%;transform:translate(-50%,-50.8333%)}
 #app #launch-button>.idle-button-shine{top:calc(22px - var(--deck-height) * .064);bottom:auto;height:calc(var(--deck-height) * .128)}
}
@media(max-aspect-ratio:1/1){
 #app{--mobile-footer:var(--deck-height)}
 #app .mobile-cockpit-art{bottom:0;border-bottom-width:var(--mobile-footer);border-image:url('../../public/assets/ui-v28-mobile/mobile-cockpit.png') 260 50 710 50 fill /26cqw 5.637cqw var(--mobile-footer) stretch;clip-path:none}
 #app .mobile-cockpit-art::before{bottom:calc(-1 * var(--mobile-footer))}
 #app #arena{bottom:calc(var(--mobile-footer) - 1cqw)}
 /* Leave clear space above the angled lower lip of the game window. */
 #app .bottom-telemetry{left:8%;right:8%;bottom:calc(5cqw + 3.234%);gap:3cqw}
 #app .nuclear-alert{top:calc((23.6cqw + 100% - var(--mobile-footer)) / 2)}
}
@media(min-aspect-ratio:10001/10000) and (max-width:1100px) and (max-height:600px){
 #app{--deck-width:var(--landscape-console);--deck-height:min(var(--landscape-board),calc(var(--landscape-console) * 1.15));--deck-left:calc(100% - var(--landscape-console) - 8px);--deck-top:calc(56px + (var(--landscape-board) - var(--deck-height)) * .5)}
 #app .wallet{top:calc(var(--deck-top) - 50px)}
 #app .mobile-cockpit-art::after{display:none}
 #app .mobile-control-deck{background:url('../../public/assets/ui-v28-mobile/mobile-cockpit.png') center bottom / 100% 249.859155% no-repeat}
 #app .nuclear-meter::before,#app .multiplier-panel .panel-label{font-size:11px}
 #app .nuclear-meter-status{font-size:9px}
 #app .multiplier-panel .potential>span{font-size:6px}
 #app .multiplier-panel .potential #potential{font-size:calc(10px * var(--amount-scale,1))}
 #app .mobile-collections{--collection-chip-height:clamp(20px,calc(var(--deck-height) * .08),30px)}
 #app .stake-input .mobile-bet-label{font-size:10px}
 #app .stake-input input{font-size:22px}
 #app #launch-button #launch-label{font-size:clamp(17px,2.7vw,25px)}
 #app .bottom-telemetry{left:10%;right:10%;bottom:10%;gap:14px}
}