/* Supplied, unmodified 510x336 artwork, with a non-destructive windshield mask. */
body[data-mode=arcade],body[data-mode=modern]{--accent:#6fdaff;--dim:#235578}
#flight{min-height:0;height:100dvh;background:#02050b}
.dashboard.cockpit-overlay{inset:0;width:100%;height:100%;padding:0;display:block;background:none;border:0;clip-path:none;box-shadow:none;transform:none;pointer-events:none;z-index:2}
.cockpit-art{position:absolute;inset:0;mask-image:url('./assets/cockpit-arcade-window.svg');mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:luminance;-webkit-mask-image:url('./assets/cockpit-arcade-window.svg');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
body[data-mode=modern] .cockpit-art{mask-image:url('./assets/cockpit-modern-window.svg');-webkit-mask-image:url('./assets/cockpit-modern-window.svg')}
.cockpit-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}
.cockpit-art .cockpit-background{position:absolute;inset:0;width:100%;height:100%;display:none}
.cockpit-art.hands-ready img{visibility:hidden}
.cockpit-art.hands-ready .cockpit-background{display:block}
.cockpit-overlay>.cockpit-hands{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.cockpit-overlay>.cockpit-hands[hidden]{display:none}
.cockpit-art .arcade-art{image-rendering:pixelated}.cockpit-art .modern-art{display:none}
body[data-mode=modern] .cockpit-art .arcade-art{display:none}body[data-mode=modern] .cockpit-art .modern-art{display:block}
.cockpit-radar{position:absolute;left:41.1%;width:17.8%;height:13.6%;clip-path:ellipse(50% 49% at 50% 50%)}
.cockpit-radar canvas,.cockpit-dial canvas{display:block;width:100%;height:100%}
.radar-front{top:75.1%}.radar-rear{top:-2.1%}
body[data-mode=arcade] .radar-front{top:74.5%;height:14.1%}
body[data-mode=arcade] .cockpit-overlay canvas{image-rendering:pixelated}
.cockpit-dial{position:absolute;width:10.7%;height:14.4%;clip-path:ellipse(48% 48% at 50% 50%)}
.dial-pitch{left:24.4%;top:-6.2%}.dial-roll{left:64.3%;top:-6.2%}
.dial-attitude{left:24.6%;top:80.8%;clip-path:polygon(0 0,100% 0,100% 32%,77% 38%,67% 75%,46% 100%,0 100%)}
.dial-yaw{left:64.4%;top:81%;clip-path:polygon(0 0,100% 0,100% 100%,54% 100%,35% 75%,22% 38%,0 32%)}
.dial-reading{position:absolute;left:0;right:0;bottom:17%;text-align:center;font:clamp(6px,.75vw,11px) ui-monospace,monospace;color:#a1edff;font-variant-numeric:tabular-nums;text-shadow:0 0 5px #2cacff;font-weight:400}
.dial-yaw .dial-reading{bottom:24%}
.cockpit-console{position:absolute;left:42%;top:92.5%;width:16%;text-align:center;color:#a0dfff;font:clamp(5px,.6vw,9px)/1.2 ui-monospace,monospace;background:#020e22e6;border:1px solid #395777;border-radius:3px;padding:3px}
.cockpit-console strong{display:block;font-size:clamp(6px,.8vw,11px);font-weight:400;letter-spacing:1px;margin-bottom:4px}.cockpit-console small{font-size:inherit;color:#9aaebc}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header{top:17%;left:10%;right:10%;z-index:4;align-items:center}.identity .eyebrow{font-size:8px}.identity h1{font-size:17px;margin-top:4px}.identity h1 span{font-size:8px}.mode-picker{padding:3px;background:#07172cda;border-color:#326286}.mode-picker button{padding:7px 12px;font-size:10px}.utility{padding:8px 10px;font-size:9px}
.mission-readout{top:27%;left:10%;gap:22px;z-index:3}.mission-readout output{font-size:15px}.mission-readout span{font-size:7px}
.reticle{z-index:3}.hud-marker{z-index:3;top:57%}body[data-review-model=depth-spread] .hud-marker{top:43%}
#announcement{z-index:3;top:33%;font-size:18px}#damage-flash{z-index:3}.flight-menu{z-index:5;top:49%;max-height:85dvh;overflow-y:auto}#error{z-index:8}
footer{z-index:4;left:8%;right:8%;bottom:2%;font-size:6px;letter-spacing:.8px}.touch-controls{z-index:4;bottom:27%;left:10%;right:10%;pointer-events:auto}
.study-panel{z-index:4;top:31%;left:8.5%;width:170px;max-height:40%;background:#020d1b8c;border-radius:3px;padding:7px}.model-picker{gap:1px;margin:8px 0}.model-picker button{padding:5px 8px;font-size:9px}.study-panel p{font-size:8px;margin:5px 0}.study-panel .scope{display:none}.study-panel .eyebrow{font-size:8px}
@media(max-width:700px){header{left:7%;right:7%;top:18%}.identity h1{font-size:12px}.identity .eyebrow,.identity h1 span{font-size:6px}.header-actions{width:auto;gap:3px;max-width:54%}.mode-picker button{font-size:8px;padding:6px 8px}.utility{font-size:7px;padding:5px 7px}.mission-readout{top:29%;left:9%;right:9%;gap:0}.mission-readout span{font-size:6px}.mission-readout output{font-size:12px}.study-panel{left:9%;right:9%;width:auto;top:28%;max-height:27%;padding:5px}.model-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.model-picker button{padding:5px 3px;font-size:8px}.study-panel p{font-size:7px}#announcement{font-size:13px;top:35%}.flight-menu{padding:16px 20px;top:49%;max-height:75dvh}.flight-menu h2{font-size:22px}.flight-menu p{font-size:9px}.cockpit-console{left:37%;width:26%;font-size:6px}.cockpit-console strong{font-size:7px}.dial-reading{font-size:7px}.hud-marker{top:57%;font-size:6px}.touch-controls button{padding:13px 17px;font-size:10px}footer{left:7%;right:7%;font-size:5px}.footer-right{display:none}}
@media(max-height:500px) and (min-width:701px){header{top:17%}.identity h1{font-size:12px}.identity h1 span{display:none}.identity .eyebrow{font-size:6px}.mission-readout{top:28%}.mission-readout output{font-size:11px}.flight-menu{max-height:80dvh;padding:13px 20px}.study-panel{top:30%;max-height:41%;width:145px}.study-panel p{display:none}.cockpit-console small{display:none}.touch-controls{bottom:26%}}
#capture-fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:6}
#transport-message{position:absolute;inset:0;display:grid;place-items:center;z-index:7;pointer-events:none;text-align:center;padding:24px;color:#b7eeff;text-shadow:0 0 12px #2369a9;font:clamp(16px,2.2vw,30px)/1.4 ui-monospace,monospace;letter-spacing:.08em}
#transport-message[hidden]{display:none}
body.menu-open #capture-fade,body.menu-open #transport-message{visibility:hidden}
body.capture-active .reticle,body.capture-active .hud-marker,body.capture-active #announcement{visibility:hidden}
#destruction-effect{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}
#destruction-effect[hidden]{display:none}
body[data-mode=arcade] #destruction-effect{image-rendering:pixelated}
body.menu-open #destruction-effect{visibility:hidden}
body.destruction-active .reticle,body.destruction-active .hud-marker,body.destruction-active #announcement{visibility:hidden}
.surface-review{display:grid;gap:5px;margin-top:7px}.surface-review[hidden]{display:none}.surface-review button{font-size:9px;padding:6px 8px;color:#a1e4fa;background:#081e2b;border:1px solid #386577;border-radius:3px}.surface-review button[aria-pressed=true]{background:#154256}
body:is([data-review-model=yellow],[data-review-model=red],[data-review-model=boss],[data-review-model=boss-damaged]) .study-panel{max-height:48%}
body:is([data-review-model=yellow],[data-review-model=red],[data-review-model=boss],[data-review-model=boss-damaged]) :is(.reticle,.hud-marker){display:none}