.world-aircraft-panel{padding:16px;border:1px solid #c6dbb633;border-radius:10px;background:#14282e80}
.world-aircraft-panel h3{margin:8px 0;font:23px/1.2 var(--display)}
.world-aircraft-panel>p{font:12px/1.6 var(--mono);color:#b5cbbb}
.world-aircraft-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.world-aircraft-actions button{min-height:44px;white-space:normal}
.world-aircraft-actions .world-truck-call{grid-column:1/-1}
.vehicle-call-picker .world-aircraft-actions button{padding:12px 10px;min-height:64px}
.vehicle-call-picker button small{display:block;margin-top:5px;color:#b5cbbb;font:10px/1.4 var(--mono);letter-spacing:.02em}
.vehicle-call-picker button:disabled small{color:#aab9b2}
.vehicle-call-picker .world-aircraft-actions>button:last-child{grid-column:1/-1;min-height:44px}
.phone-ui .vehicle-call-picker .world-aircraft-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.phone-ui .vehicle-call-picker .world-aircraft-actions button{font-size:11px}
#flightUI #announcer.persistent-resume-notice{max-height:96px;max-width:min(540px,calc(100% - 28px));-webkit-line-clamp:4}
.phone-ui #flightUI #announcer.persistent-resume-notice{max-width:calc(100% - 28px);max-height:94px;font-size:11px;line-height:1.5}
.world-crew-hud{position:absolute;top:154px;left:28px;max-width:290px;padding:7px 10px;border:1px solid #c6dbb63b;border-radius:7px;background:#10283280;color:#dceccb;font-family:var(--mono);pointer-events:none}
.world-crew-hud strong{display:block;font-size:13px;line-height:1.5;letter-spacing:.06em}
.world-crew-hud span{display:block;font-size:10px;line-height:1.5;color:#b7d0bd}
.phone-ui #flightUI .world-crew-hud{top:calc(var(--phone-top) + var(--phone-telemetry-height) + 9px);left:calc(var(--phone-left) + 90px);right:calc(50% + 8px);max-width:none;max-height:52px;padding:0;border:0;background:none;overflow:hidden}
.phone-ui #flightUI .world-crew-hud strong{font-size:10px;line-height:1.4}
.phone-ui #flightUI .world-crew-hud span{font-size:8px;line-height:1.4}
.phone-ui #flightUI:has(#worldCrewHUD:not([hidden])) :is(.match-state,.flight-mission){display:none}
.phone-ui .world-aircraft-panel{padding:12px}
.phone-ui .world-aircraft-actions{grid-template-columns:minmax(0,1fr)}
.phone-ui #phoneControls[data-state=gunner] .phone-game-controls{display:block}
.phone-ui #phoneControls[data-state=gunner] .phone-toolbar{top:calc(var(--phone-top) + var(--phone-telemetry-height) + 6px)}
.phone-ui #phoneControls[data-state=gunner] :is(.phone-move-stick,.phone-flight-access,.phone-flight-secondary,.phone-power-control,.phone-foot-actions){display:none}
.phone-ui #phoneControls[data-state=gunner] .phone-flight-primary{width:64px;grid-template-columns:64px;bottom:calc(var(--phone-stick-size) + var(--phone-bottom) + 28px)}
.phone-ui #phoneControls[data-state=gunner] .phone-flight-primary :is(#phoneMissile,#phoneFlare,#phoneBurner){display:none}
.phone-ui #phoneControls[data-state=gunner] #phoneGun{width:64px;height:64px;min-height:64px;font-size:11px}
.phone-ui #phoneControls[data-state=gunner] .phone-interaction{display:grid;right:calc(var(--phone-right) + var(--phone-stick-size) + 8px);width:64px;bottom:calc(var(--phone-bottom) + 20px)}
@media(max-height:360px) and (orientation:landscape){
 .phone-ui #phoneControls[data-state=gunner] .phone-toolbar{top:calc(var(--phone-top) + var(--phone-telemetry-height) + 4px)}
 .phone-ui #flightUI .world-crew-hud{top:calc(var(--phone-top) + var(--phone-telemetry-height) + 4px);max-height:44px}
}
/* Four-seat utility helicopter: short confirmed crew status, parked choices. */
.warden-seat-choices{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:6px}
.warden-seat-choices[hidden]{display:none!important}
.warden-seat-choices button{min-width:44px;min-height:44px;padding:6px 4px;border:1px solid #b6cfad4d;border-radius:7px;background:#17343dd9;color:#dfeecd;font:10px/1.2 var(--mono);letter-spacing:0;touch-action:manipulation;pointer-events:auto}
.warden-seat-choices button[aria-pressed=true]{background:#cee7a7;color:#1b3428;border-color:#e0f2bb;opacity:1}
.warden-seat-choices button:disabled:not([aria-pressed=true]){opacity:.45}
#wardenBoardSeats{grid-column:1/-1}
#wardenCrewSeats{margin-top:7px;width:194px;max-width:100%}
.phone-ui #flightUI #worldCrewHUD[data-warden=true]{left:calc(var(--phone-left) + 52px);right:calc(var(--phone-right) + 52px);max-height:none;overflow:visible}
.phone-ui #flightUI #worldCrewHUD[data-warden=true] strong{font-size:9px;line-height:1.3}
.phone-ui #flightUI #worldCrewHUD[data-warden=true] span{font-size:8px;line-height:1.3}
.phone-ui #wardenCrewSeats{position:fixed;left:var(--phone-left);top:calc(var(--phone-viewport-top,0px) + var(--phone-viewport-height,100dvh) - var(--phone-bottom) - var(--phone-move-size) - 176px);width:94px;max-width:none;margin:0;grid-template-columns:repeat(2,44px);grid-auto-rows:44px;gap:6px;z-index:8}
.phone-ui #wardenCrewSeats button{height:44px;font-size:8px}
.phone-ui #flightUI:has(#worldCrewHUD[data-warden=true][data-parked=true]) .bottom-flight{display:none}
@media(orientation:landscape) and (max-height:500px){
 .phone-ui #wardenCrewSeats{left:var(--phone-left);top:calc(var(--phone-viewport-top,0px) + var(--phone-top) + max(var(--phone-telemetry-height),30px) + 48px);width:194px;grid-template-columns:repeat(4,44px)}
}
/* Parked seat choices stay above Exit in portrait and in the clear upper-left
   lane in landscape, away from pedals, both sticks and the map toolbar. */
/* Safari Truck uses the same confirmed four-seat chooser without a new HUD. */
.truck-seat-choices{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:6px}
.truck-seat-choices[hidden]{display:none!important}
.truck-seat-choices button{min-width:44px;min-height:44px;padding:6px 4px;border:1px solid #b6cfad4d;border-radius:7px;background:#17343dd9;color:#dfeecd;font:10px/1.2 var(--mono);letter-spacing:0;touch-action:manipulation;pointer-events:auto}
.truck-seat-choices button[aria-pressed=true]{background:#cee7a7;color:#1b3428;border-color:#e0f2bb;opacity:1}
.truck-seat-choices button:disabled:not([aria-pressed=true]){opacity:.45}
#truckBoardSeats{grid-column:1/-1}
#truckCrewSeats{margin-top:7px;width:194px;max-width:100%}
.phone-ui #flightUI #worldCrewHUD[data-truck=true]{left:calc(var(--phone-left) + 52px);right:calc(var(--phone-right) + 52px);max-height:none;overflow:visible}
.phone-ui #flightUI #worldCrewHUD[data-truck=true] strong{font-size:9px;line-height:1.3}
.phone-ui #flightUI #worldCrewHUD[data-truck=true] span{font-size:8px;line-height:1.3}
.phone-ui #truckCrewSeats{position:fixed;left:var(--phone-left);top:calc(var(--phone-viewport-top,0px) + var(--phone-viewport-height,100dvh) - var(--phone-bottom) - var(--phone-move-size) - 176px);width:94px;max-width:none;margin:0;grid-template-columns:repeat(2,44px);grid-auto-rows:44px;gap:6px;z-index:8}
.phone-ui #truckCrewSeats button{height:44px;font-size:8px}
@media(orientation:landscape) and (max-height:500px){
 .phone-ui #truckCrewSeats{left:var(--phone-left);top:calc(var(--phone-viewport-top,0px) + var(--phone-top) + max(var(--phone-telemetry-height),30px) + 48px);width:194px;grid-template-columns:repeat(4,44px)}
}