/* The same admission controls become the first mobile play choices. */
#mobilePlayActions{display:none}
.phone-ui #hangar #mobilePlayActions{display:flex;flex-direction:column;order:1;gap:9px;flex:none;min-width:0;pointer-events:auto}
.phone-ui #hangar #mobilePlayActions #matchmakingHangar{display:contents}
.phone-ui #hangar #mobilePlayActions #matchmakingHangar>:is(.micro,h3,.matchmaking-count){display:none}
.phone-ui #hangar #mobilePlayActions .matchmaking-split{order:0;margin:0;gap:8px;border-radius:0;overflow:visible;background:none;grid-template-columns:repeat(2,minmax(0,1fr))}
.phone-ui #hangar #mobilePlayActions .matchmaking-split>button{min-height:60px;padding:14px 8px;border:1px solid #d4eda48c;border-radius:10px;font:600 14px/1.4 var(--mono);touch-action:manipulation;pointer-events:auto}
.phone-ui #hangar #mobilePlayActions .matchmaking-split>button+button{border-color:#d4eda48c;background:#cbefb0}
.phone-ui #hangar #mobilePlayActions #landingChallengesButton{order:1;margin:0;min-height:58px;padding:11px 14px;border-radius:10px;background:#183d43f0;font-size:13px;touch-action:manipulation;pointer-events:auto}
.phone-ui #hangar #mobilePlayActions #landingChallengesButton small{font-size:9px;margin-top:4px}
.phone-ui #hangar #mobilePlayActions #matchmakingHangar>.matchmaking-message{order:2;font:10px/1.5 var(--mono);margin:0;color:#bbcebf}
.phone-ui #hangar #mobilePlayActions .matchmaking-home-queue{order:3!important}
.phone-ui #hangar #mobilePlayActions .matchmaking-actions{order:4;margin:0}
.phone-ui #hangar .hero{order:2}
.phone-ui #hangar .hero .eyebrow{display:none}
.phone-ui #hangar .hero h1{font-size:31px;margin:0 0 5px}
.phone-ui #hangar .hero>p{font-size:11px}
.phone-ui #hangar .sortie-config{order:3}
.phone-ui #hangar .deployment{order:4}
.phone-ui #hangar .aircraft-label{order:5}
.phone-ui #hangar .pilot-card{order:6}
.phone-ui #hangar #phoneHomeGuide{order:7}
.phone-ui #hangar footer{order:8}
.phone-ui #hangar #phoneHomeDisplay{display:none!important}
@media(orientation:landscape){.phone-ui #hangar #mobilePlayActions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px 12px}.phone-ui #hangar #mobilePlayActions .matchmaking-split{grid-column:1;grid-row:1}.phone-ui #hangar #mobilePlayActions #landingChallengesButton{grid-column:2;grid-row:1}.phone-ui #hangar #mobilePlayActions #matchmakingHangar>.matchmaking-message{grid-column:1/-1}.phone-ui #hangar #mobilePlayActions .matchmaking-actions{grid-column:1/-1}}

/* Original flight-envelope cards sit above the live hangar preview. */
#aircraftConfirmationDialog{width:min(640px,calc(100vw - 28px));max-width:640px;max-height:calc(100dvh - 28px);padding:22px;border:1px solid #b1d09b77;border-radius:13px;background:#10242de8;color:#e3efdb;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #0008}
#aircraftConfirmationDialog::backdrop{background:#07121968;backdrop-filter:blur(2px)}
.aircraft-confirmation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;height:auto;min-height:0;border:0}
.aircraft-confirmation-heading .micro{font-size:11px}
.aircraft-confirmation-heading button{min-width:44px;min-height:44px;padding:8px;font:12px var(--mono);border:1px solid #aac6ac4d;border-radius:6px;background:#142f37}
.aircraft-confirmation-copy{font:14px/1.5 Inter,Arial,sans-serif;color:#bccfc5;margin:8px 0 14px}
#aircraftConfirmationCard{touch-action:pan-y;user-select:none;-webkit-user-select:none;min-width:0;padding:19px;border:1px solid #aec99d39;border-radius:10px;background:#15323cd9}
.aircraft-confirmation-meta{display:flex;justify-content:space-between;gap:12px;font:11px/1.5 var(--mono);color:#cbe4a8;letter-spacing:.04em}
#aircraftConfirmationTitle{font:600 41px/1.05 var(--display);margin:12px 0 9px}
#aircraftConfirmationDescription{font:14px/1.6 Inter,Arial,sans-serif;color:#c0d4c9;margin:0 0 15px}
.aircraft-confirmation-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 9px;margin:0}
.aircraft-confirmation-specs>div{min-width:0}
.aircraft-confirmation-specs dt{font:10px/1.5 var(--mono);color:#99b5b0}
.aircraft-confirmation-specs dd{font:600 15px/1.5 var(--mono);margin:4px 0 0;overflow-wrap:anywhere}
.aircraft-confirmation-loadout{font:12px/1.6 var(--mono);color:#c9dbc1;margin:16px 0 0;padding-top:12px;border-top:1px solid #a9c29f2c}
#aircraftConfirmationAmmo{display:block;font-size:11px;color:#9ebeb0}
.aircraft-confirmation-picker{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;align-content:start;height:auto;min-height:0;max-height:none;margin:12px 0}
.aircraft-confirmation-picker>button{min-height:44px;border:1px solid #abc6a24d;border-radius:7px;background:#16303b;font:22px var(--display)}
.aircraft-confirmation-options{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.aircraft-confirmation-options button{min-height:44px;padding:8px 9px;border:1px solid #9bbca43b;border-radius:6px;font:10px var(--mono);background:#15303a;color:#bccfc1}
.aircraft-confirmation-options button[aria-pressed=true]{border-color:#c9e796;background:#c9e796;color:#1b3529}
.aircraft-confirmation-footer{display:flex;flex-direction:column;gap:8px;padding:0;height:auto;min-height:0}
.aircraft-confirmation-footer .solid{min-height:52px;width:100%;margin:0;padding:13px 14px;border-radius:8px;font:13px var(--mono)}
.aircraft-confirmation-footer p{margin:0;font:10px/1.5 var(--mono);color:#a4c2b2;text-align:center}
.phone-ui #aircraftConfirmationDialog{position:fixed;top:calc(var(--phone-viewport-top,0px) + var(--phone-top));left:var(--phone-left);right:var(--phone-right);bottom:auto;width:auto;max-width:none;max-height:calc(var(--phone-viewport-height,100dvh) - var(--phone-top) - var(--phone-bottom));margin:0;padding:15px;scroll-padding:12px}
.phone-ui #aircraftConfirmationTitle{font-size:34px}
.phone-ui #aircraftConfirmationCard{padding:14px}
.phone-ui .aircraft-confirmation-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.phone-ui .aircraft-confirmation-options button{font-size:9px;padding:7px}
@media(orientation:landscape) and (max-height:500px){.phone-ui #aircraftConfirmationDialog{padding:12px 16px}.phone-ui #aircraftConfirmationCard{padding:12px}.phone-ui .aircraft-confirmation-specs{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-ui #aircraftConfirmationDescription{font-size:12px;margin-bottom:10px}.phone-ui #aircraftConfirmationTitle{font-size:29px;margin:8px 0}.phone-ui .aircraft-confirmation-copy{font-size:12px;margin:3px 0 8px}.phone-ui .aircraft-confirmation-picker{margin:8px 0}}

/* Public entry: one picture tap selects the aircraft and admits the pilot. */
#aircraftGallery[hidden],#aircraftGalleryIntro[hidden]{display:none}
#aircraftConfirmationDialog[data-view=gallery]{
 position:fixed;top:var(--compact-entry-top,var(--phone-viewport-top,0px));left:0;right:0;bottom:auto;
 width:100%;max-width:none;height:var(--compact-entry-height,var(--phone-viewport-height,100dvh));
 max-height:var(--compact-entry-height,var(--phone-viewport-height,100dvh));margin:0;box-sizing:border-box;
 padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
 border:0;border-radius:0;background:#10232bf7;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;scroll-padding:16px;
}
#aircraftConfirmationDialog[data-view=gallery]>:is(.aircraft-confirmation-copy,#aircraftConfirmationCard,.aircraft-confirmation-picker,.aircraft-confirmation-footer){display:none}
#aircraftConfirmationDialog[data-view=gallery] .aircraft-confirmation-heading{max-width:1100px;margin:0 auto;min-height:44px}
#aircraftConfirmationDialog[data-view=gallery] #aircraftGalleryIntro{display:block;max-width:1100px;margin:8px auto 18px}
#aircraftGalleryTitle{font:600 clamp(25px,3vw,38px)/1.15 var(--display);margin:0}
#aircraftGalleryInstructions{font:13px/1.5 Inter,Arial,sans-serif;margin:8px 0 0;color:#b5c9bf}
.aircraft-pilot-name{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,340px);align-items:center;gap:10px 14px;max-width:1100px;margin:0 auto 16px;color:#b6cbbd;font:10px/1.4 var(--mono)}
.aircraft-pilot-name input{width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid #a8c4ab59;border-radius:7px;background:#17343d;color:#edf4de;font:16px/1.4 Inter,Arial,sans-serif;touch-action:manipulation}
.aircraft-pilot-name input:focus-visible{outline:2px solid #d9f59c;outline-offset:2px}.aircraft-pilot-name input[aria-invalid=true]{border-color:#e2a382}.aircraft-pilot-name small{grid-column:1/-1;color:#e9b499;font:11px/1.4 Inter,Arial,sans-serif}.aircraft-pilot-name small[hidden]{display:none}
#aircraftConfirmationDialog[data-view=gallery] #aircraftGallery{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1100px;margin:0 auto;
}
.aircraft-gallery-card{display:flex;flex-direction:column;min-width:0;min-height:44px;padding:0 0 13px;margin:0;border:1px solid #a8c4ab59;border-radius:12px;overflow:hidden;background:#17343d;color:#e7f2dc;text-align:left;cursor:pointer;touch-action:manipulation;box-sizing:border-box}
.aircraft-gallery-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#152b34;pointer-events:none;user-select:none;-webkit-user-select:none}
.aircraft-gallery-name{display:block;padding:12px 14px 0;font:600 18px/1.2 var(--display);letter-spacing:.02em}
.aircraft-gallery-card small{display:block;padding:5px 14px 0;font:11px/1.4 var(--mono);color:#aac8b7}
.aircraft-gallery-card[aria-pressed=true]{border-color:#dbf59c}
.aircraft-gallery-card:is(:focus-visible,[data-controller-focus=true]){outline:3px solid #e0fda9;outline-offset:-4px;background:#274b47}
.aircraft-gallery-card:hover{border-color:#dbf59c}
.aircraft-gallery-card:disabled{cursor:default;border-color:#b5b59b66;background:#202d30}
.aircraft-gallery-card:disabled img{filter:saturate(.55)}
#aircraftGallery-x15 small{display:block;color:#e0d4a6}
.aircraft-entry-wait[hidden]{display:none}
.aircraft-entry-wait{position:fixed;top:var(--compact-entry-top,var(--phone-viewport-top,0px));left:0;right:0;height:var(--compact-entry-height,var(--phone-viewport-height,100dvh));z-index:12000;display:grid;place-items:center;box-sizing:border-box;padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#10232bf7;color:#e7f2dc;touch-action:manipulation}
.aircraft-entry-wait-card{width:min(100%,420px);box-sizing:border-box;padding:30px 24px;border:1px solid #a8c4ab59;border-radius:12px;background:#17343d;text-align:center}
.aircraft-entry-wait h2{margin:0;font:600 clamp(27px,5vw,38px)/1.15 var(--display)}
.aircraft-entry-wait p{margin:14px 0 24px;font:13px/1.6 var(--mono);color:#b5c9bf;overflow-wrap:anywhere}
.aircraft-entry-wait button{min-width:130px;min-height:44px;padding:10px 16px;border:1px solid #a8c4ab77;border-radius:7px;background:#183b42;color:#e7f2dc;font:12px/1.4 var(--mono);cursor:pointer}
.aircraft-entry-wait button:is(:focus-visible,[data-controller-focus=true]){outline:3px solid #e0fda9;outline-offset:3px}
@media(max-width:600px) and (orientation:portrait){
 #aircraftConfirmationDialog[data-view=gallery]{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 #aircraftConfirmationDialog[data-view=gallery] #aircraftGallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #aircraftConfirmationDialog[data-view=gallery] #aircraftGalleryIntro{margin:6px auto 14px}
 #aircraftGalleryTitle{font-size:29px}
 #aircraftGalleryInstructions{font-size:12px}
 .aircraft-pilot-name{grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:12px}
 .aircraft-gallery-card{border-radius:9px;padding-bottom:10px}
 .aircraft-gallery-name{font-size:16px;padding:10px 10px 0}
 .aircraft-gallery-card small{font-size:9px;padding:4px 10px 0}
}
@media(orientation:landscape) and (max-height:500px){
 #aircraftConfirmationDialog[data-view=gallery]{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 #aircraftConfirmationDialog[data-view=gallery] .aircraft-confirmation-heading{min-height:44px}
 #aircraftConfirmationDialog[data-view=gallery] #aircraftGalleryIntro{margin:0 auto 10px}
 #aircraftGalleryTitle{font-size:23px}
 #aircraftGalleryInstructions{font-size:11px;margin:3px 0 0}
 .aircraft-pilot-name{grid-template-columns:auto minmax(0,300px);margin-bottom:10px;gap:10px}
 #aircraftConfirmationDialog[data-view=gallery] #aircraftGallery{gap:9px}
 .aircraft-gallery-card{position:relative;padding-bottom:7px;border-radius:8px}
 .aircraft-gallery-card img{height:clamp(68px,18vh,90px);aspect-ratio:auto;object-fit:contain}
 .aircraft-gallery-name{padding:7px 10px 0;font-size:15px}
 .aircraft-gallery-card small{display:none}
}