/* Shared flight instruments. Amber is commanded thrust, mint is actual motion. */
:root{--hud-mint:#b9f3dc;--hud-amber:#f7cf89;--cockpit-glass:rgba(9,28,34,.48)}
.cockpit-console{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 58px);display:flex;width:100px;gap:6px;padding:0;pointer-events:none;color:#eaf9f1;text-shadow:0 1px 4px #001e25,0 0 12px #001e25;font-variant-numeric:tabular-nums}
.cockpit-console .throttle-column{width:47px;display:flex;flex-direction:column;align-items:center;gap:5px;font:10px ui-monospace,SFMono-Regular,monospace}
.cockpit-console .throttle-column>span{font-size:8px;letter-spacing:1px;color:#d6eee5}
.cockpit-console output{height:19px;line-height:19px;white-space:nowrap;font-size:12px;font-weight:700}.cockpit-console output b{font-size:16px}.cockpit-console output small{font-size:8px;font-weight:400}
body .cockpit-console #throttle-lever,body .cockpit-console #airspeed-bar{position:relative;width:47px;height:144px;border-radius:8px;background:linear-gradient(90deg,#0b242e66,#0b242e25);border:1px solid #c1efdb30;box-shadow:inset 0 1px 0 #e6fff216}
.cockpit-console #throttle-lever{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:ns-resize}
.cockpit-console #throttle-lever:focus-visible{outline:2px solid var(--hud-amber);outline-offset:3px}
.cockpit-console #throttle-lever.held{border-color:var(--hud-amber);background:#263e46aa}
.cockpit-console .lever-track,.cockpit-console .speed-track{position:absolute;top:12px;bottom:12px;left:19px;width:8px;border:0;border-radius:2px;background:#02141e99;pointer-events:none}
.cockpit-console .lever-track:before,.cockpit-console .speed-track:before{content:'';position:absolute;inset:0 -9px;background:repeating-linear-gradient(to top,#b3d8c970 0 1px,transparent 1px 12.5%);opacity:.7}
.cockpit-console .lever-track i,.cockpit-console .speed-track i{position:absolute;bottom:0;left:0;width:100%;border-radius:2px;background:var(--hud-amber);height:var(--lever,0%);box-shadow:0 0 8px #ebc17b33}
.cockpit-console .lever-track b{position:absolute;left:50%;bottom:var(--lever,0%);transform:translate(-50%,50%);width:37px;height:22px;border-radius:5px;border:1px solid #ffdfaa;background:linear-gradient(#f5dcaf,#bc985e);box-shadow:0 3px 7px #0008,inset 0 1px 1px #fff9}
.cockpit-console .lever-track b:after{content:'';position:absolute;inset:6px 9px;background:repeating-linear-gradient(to bottom,#6e563b99 0 1px,transparent 1px 3px)}
.cockpit-console .speed-track{left:18px;width:11px}.cockpit-console .speed-track i{height:var(--speed,0%);background:var(--hud-mint);box-shadow:0 0 7px #9df2ca44;opacity:.95}
/* Regional flight HUD: transparent edge instruments, clear forward view. */
.flight-deck .instrument-panel{background:linear-gradient(120deg,#09232c9c,#09232c45);border:0;border-left:2px solid #b9f3dc88;border-radius:3px;box-shadow:none;overflow:visible;padding:12px 16px;width:290px}
.flight-deck .instrument-panel .readout strong{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:500;color:#e8fff2;text-shadow:0 1px 6px #04232a}
.flight-deck .instrument-panel .panel-kicker{display:none}.flight-deck .instrument-panel .readouts{margin:8px 0 10px}.flight-deck .instrument-panel .power-track i{background:var(--hud-amber)}
.hud-bearing{display:flex;gap:9px;align-items:center;font:11px ui-monospace,SFMono-Regular,monospace;color:var(--hud-mint);letter-spacing:1px}.hud-bearing span{font-size:8px;color:#bbd2cc}.hud-bearing b{font-weight:500}
.flight-deck .guidance{background:linear-gradient(90deg,#09232c9c,#09232c44);border:0;border-left:2px solid #b9f3dc88;border-radius:2px;padding:10px 14px}.flight-deck .guidance-icon{display:none}.flight-deck .guidance[data-tone=warn]{border-color:var(--hud-amber);background:#352719b8}
.flight-deck .approach-director{background:#09232c80;border:1px solid #b9f3dc40;border-radius:4px}.flight-deck .radar-panel{background:#09232c75;border:1px solid #b9f3dc35;border-radius:5px}
.flight-deck .touch-stick,.flight-deck .touch-rudder{background:radial-gradient(circle,#15353e10,#15353e45);border:1px solid #c4f7df77;box-shadow:inset 0 0 0 6px #d5ffe908}
.flight-deck .touch-stick:before{content:'';position:absolute;left:50%;top:28%;height:44%;width:1px;background:#d5ffe93b}.flight-deck .touch-stick:after{content:'';position:absolute;top:50%;left:28%;width:44%;height:1px;background:#d5ffe93b;pointer-events:none}
.flight-deck .touch-stick i,.flight-deck .touch-rudder i{border-color:#d1ffea;background:#baf5d933;box-shadow:0 0 10px #a7e8ce22}
body:not([data-vehicle]) .touch-left{width:174px;display:flex;gap:8px;align-items:center}
body:not([data-vehicle]) .touch-power{margin:0;order:2}body:not([data-vehicle]) .touch-power>span,body:not([data-vehicle]) #touch-throttle-up,body:not([data-vehicle]) #touch-throttle-down{display:none}
body:not([data-vehicle]) .touch-rudder{width:112px;height:48px;flex-shrink:0}
body:not([data-vehicle]) .touch-power #touch-brake{min-width:54px;min-height:48px;height:48px;font-size:10px;padding:4px;border-radius:8px;background:#14313a99}
body[data-vehicle] .cockpit-console{display:none}
body.touch-enabled:not([data-vehicle]) .instrument-panel .readout:first-child,body.touch-enabled:not([data-vehicle]) .instrument-panel .power-row{display:none}
body.touch-enabled:not([data-vehicle]) .instrument-panel{width:158px}
/* Combat uses the same glass and typography without changing target geometry. */
#battle .instruments{background:#09232c66;border-color:#b9f3dc40;border-radius:4px;font-variant-numeric:tabular-nums}#battle .instruments b{font-family:ui-monospace,SFMono-Regular,monospace;color:#e8fff2}
#battle .mission{border-radius:3px;border-left:2px solid #b9f3dc77;background:#09232c70}#battle .stick,#battle .rudder{border-color:#c4f7df77;background:#15353e33}#battle .weapon-status{background:#09232c60;border-radius:3px}
@media(max-width:950px),(max-height:500px){
 body .flight-deck .instrument-panel,body[data-phase=approach] .flight-deck .instrument-panel{top:max(10px,env(safe-area-inset-top));bottom:auto;left:max(12px,env(safe-area-inset-left));width:154px;padding:6px 10px;background:#09232c66;border-left:2px solid #b9f3dc88}
 body.touch-enabled:not([data-vehicle]) .flight-deck .instrument-panel{width:105px}
 .flight-deck .instrument-panel .readouts{margin:3px 0 0}.flight-deck .instrument-panel .readout strong{font-size:24px}.hud-bearing{font-size:10px;gap:6px}.hud-bearing span{font-size:7px}.flight-deck .instrument-panel .height-agl{display:block;font-size:8px;margin:2px 0 0}
 body .flight-deck .guidance{top:90px;left:12px;right:12px;max-width:none;padding:6px 9px}.flight-deck .guidance strong{font-size:11px}.flight-deck .guidance p{font-size:10px}
 body .flight-deck .instrument-panel .reserve-button{position:fixed;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 128px);right:max(12px,env(safe-area-inset-right));width:116px;min-height:44px;margin:0;font-size:10px;background:#15343d99;border:1px solid #edce8a88}
 body:not([data-phase=intro]) .flight-deck .topbar{left:126px;right:max(8px,env(safe-area-inset-right))}.flight-deck .top-actions{gap:2px}.flight-deck .top-actions .icon-button{width:44px;height:44px;border-radius:8px;background:#09232c77}
 body .flight-deck .approach-director{top:152px;bottom:auto}.flight-deck .touch-stick{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
 body[data-vehicle] .hud-bearing{display:none}
}
@media(max-height:450px) and (min-width:601px){
 body .cockpit-console #throttle-lever,body .cockpit-console #airspeed-bar{height:108px}
 body .flight-deck .guidance{top:10px;left:175px;right:205px;padding:5px 8px}
 body .flight-deck .approach-director{top:64px;right:12px;width:156px}
 body .flight-deck .instrument-panel .height-agl{display:none}
 .flight-deck .touch-stick{width:108px;height:108px}
 body .flight-deck .instrument-panel .reserve-button{bottom:12px;right:calc(max(12px,env(safe-area-inset-right)) + 122px);width:100px}
}
@media(max-width:360px){.flight-deck .top-actions #help-toggle{display:none}}
@media(min-width:951px) and (min-height:501px){body.touch-enabled:not([data-vehicle]) .flight-deck .instrument-panel{top:20px;bottom:auto;left:20px}body.touch-enabled:not([data-phase=intro]) .flight-deck .brand{visibility:hidden}}
@media(max-width:950px) and (min-height:501px){body:has(#reserve-use:not([hidden])) .flight-deck .guidance{top:90px}body:has(#reserve-use:not([hidden])) .flight-deck .approach-director{top:164px}}
@media(max-width:950px),(max-height:500px){
 body .flight-deck .approach-director{display:flex;align-items:center;gap:10px;padding:7px 9px;width:240px}
 .flight-deck #landing-director-content{flex:1;min-width:0}.flight-deck .director-scales{gap:14px;margin:0 0 3px}.flight-deck .director-scales small{height:auto;min-height:12px;font-size:8px}.flight-deck #director-status{font-size:8px;line-height:1.3}
 .flight-deck #go-around{width:80px;min-width:80px;min-height:44px;margin:0;padding:5px;font-size:9px;background:#15343d99;border:1px solid #b9f3dc60;border-radius:6px}.flight-deck .nav-readouts{margin-top:0}
}
@media(max-width:500px){body .flight-deck .approach-director{left:12px;right:12px;width:auto;top:152px}}
@media(max-height:450px) and (min-width:601px){body .flight-deck .approach-director{width:210px;left:auto;right:12px;top:66px}}
@media(max-width:950px),(max-height:500px){.flight-deck .toast{top:90px;left:12px;right:12px;transform:none;width:auto;max-width:none;border:1px solid #f7cf8988;border-radius:3px;background:#102e36ef;color:#fff0cf;font-size:10px;line-height:1.4;padding:7px 10px;box-shadow:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;pointer-events:none}}
@media(max-height:450px) and (min-width:601px){.flight-deck .toast{top:10px;left:175px;right:205px;-webkit-line-clamp:2}}