/* The scene is the view; mission information and instruments belong to the cockpit around it. */
body.lunar-flight .ch-scores,body.lunar-flight .ch-title{display:none!important}
body.lunar-flight .ch-topbar{min-height:42px;padding:3px 0;justify-content:space-between}
body.lunar-flight .ch-controls{margin-left:auto}
body.lunar-flight .ch-bezel{width:min(100%,calc((100dvh - 220px) * 800 / 420));margin:0 auto;border-radius:18px}
body.lunar-flight .ch-bezel #game-container{width:100%!important;max-width:none!important;aspect-ratio:800/420!important;flex:none}
.lunar-cockpit{width:100%}
body.lunar-flight .lunar-mobile-mission{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px;padding:11px 20px;background:#0d1924;text-align:left;font:13px/1.4 Inter,system-ui,sans-serif;color:#afc1cf}
.flight-mission-copy{min-width:0}
body.lunar-flight .lunar-mobile-mission strong{display:inline;margin-right:16px;max-width:none;font-size:15px;font-weight:600;color:#edf3f5}
body.lunar-flight .lunar-mobile-mission .flight-mission-copy>div{display:inline;margin:0;color:#adbfcc}
body.lunar-flight .lunar-mobile-mission small{display:block;font-size:11px;margin:4px 0 0;color:#8da7b7}
body.lunar-flight .lunar-mobile-mission [hidden]{display:none!important}
body.lunar-flight .flight-view-controls{display:flex;gap:8px;flex-shrink:0;margin:0}
body.lunar-flight .lunar-mobile-mission button{position:static!important;white-space:nowrap;font-size:12px;min-height:32px!important;margin:0;padding:6px 11px;background:transparent;border-color:#38505e}
body.lunar-flight .lunar-mobile-mission .is-warning{color:#f0b58f!important}
body.lunar-flight .lunar-mobile-mission .is-ready{color:#b2e4ce!important}
body.lunar-flight .lunar-mobile-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:13px 20px 15px;gap:18px;background:#0d1924;font-family:Inter,system-ui,sans-serif;text-align:left;border-top:1px solid #ffffff0b}
body.lunar-flight .lunar-mobile-metrics>div{display:block;grid-column:auto;grid-row:auto;min-width:0}
body.lunar-flight .lunar-mobile-metrics span{display:block;font-size:11px;color:#97afbf;margin:0 0 5px}
body.lunar-flight .lunar-mobile-metrics b{font-size:26px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.7px;white-space:nowrap}
body.lunar-flight .lunar-mobile-metrics small{font-size:11px;color:#8da6b6;margin-left:6px}
body.lunar-flight.flight-expanded .lunar-cockpit{position:fixed;z-index:9999;inset:50px 0 0;margin:auto;width:min(100vw,calc((100dvh - 215px)*800/420));height:fit-content}
body.lunar-flight.flight-expanded #game-container{position:relative;inset:auto;margin:0;height:auto!important;width:100%!important}
body.lunar-flight.flight-expanded .ch-topbar{position:fixed;z-index:10001;top:8px;left:18px;right:18px}
body.lunar-flight.flight-expanded #expand-flight{top:10px;bottom:auto;z-index:10002}
body.lunar-flight.flight-expanded .ch-controls{padding-right:130px}
@media(max-width:600px) and (orientation:portrait){
 body.lunar-flight .ch-bezel{width:100%}
 body.lunar-flight .ch-bezel #game-container{aspect-ratio:420/480!important}
 body.lunar-flight .lunar-mobile-mission{padding:10px 12px;gap:8px;min-height:72px}
 body.lunar-flight .lunar-mobile-mission strong{display:block;font-size:15px;margin:0 0 3px}
 body.lunar-flight .lunar-mobile-mission .flight-mission-copy>div{display:block;font-size:12px}
 body.lunar-flight .flight-view-controls{align-self:flex-start;flex-direction:column;gap:4px}
 body.lunar-flight .lunar-mobile-mission button{font-size:11px;padding:5px 8px}
 body.lunar-flight .lunar-mobile-metrics{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:11px}
 body.lunar-flight .lunar-mobile-metrics [data-gauge="4"]{grid-column:3;grid-row:1}
 body.lunar-flight .lunar-mobile-metrics [data-gauge="2"]{grid-column:1/3;display:flex;align-items:baseline;gap:7px}
 body.lunar-flight .lunar-mobile-metrics [data-gauge="3"]{display:flex;align-items:baseline;gap:7px}
 body.lunar-flight .lunar-mobile-metrics [data-gauge="2"] b,body.lunar-flight .lunar-mobile-metrics [data-gauge="3"] b{font-size:18px}
 body.lunar-flight .lunar-mobile-metrics small{margin-left:3px}
}
body.lunar-landscape .lunar-cockpit{position:fixed;z-index:9999;inset:0;margin:auto;width:min(calc(100vw - 152px),calc((100dvh - 121px)*800/420));height:fit-content}
body.lunar-landscape #game-container{position:relative;inset:auto;width:100%!important;height:auto!important}
body.lunar-landscape .lunar-mobile-mission{min-height:40px;padding:5px 10px}
body.lunar-landscape .lunar-mobile-mission strong{font-size:13px}
body.lunar-landscape .lunar-mobile-mission small,body.lunar-landscape .lunar-mobile-mission .flight-mission-copy>div{display:none}
body.lunar-landscape .lunar-mobile-metrics{padding:8px 10px;gap:8px}
body.lunar-landscape .lunar-mobile-metrics b{font-size:20px}
body.lunar-landscape .lunar-mobile-metrics span{font-size:10px;margin-bottom:3px}
/* The speed tape, moving craft and direction needle share the actual job's safety limits. */
body.lunar-flight .lunar-mobile-metrics>div{position:relative}
body.lunar-flight .lunar-mobile-metrics .has-instrument:not([data-gauge="4"]){padding-right:58px;min-height:55px}
.flight-instrument{position:absolute;right:0;bottom:-3px;width:58px;height:55px;overflow:visible;color:#b4e3d0}
[data-state="warning"] .flight-instrument{color:#f0b58f}
.flight-instrument text{fill:#8eaabb;font:8px Inter,Arial,sans-serif}
.instrument-rail{stroke:#39505f;stroke-width:2;fill:none;stroke-linecap:round}
.instrument-safe{stroke:#91cdb366;stroke-width:6;fill:none;stroke-linecap:round}
.instrument-ticks{stroke:#718d9d;stroke-width:1;fill:none}
.instrument-pointer{fill:currentColor}
.attitude-rim{stroke:#3a5261;stroke-width:1;fill:#10232e}
.attitude-safe{stroke:#8bc5ae;stroke-width:3;fill:none;stroke-linecap:round}
.attitude-hull{fill:currentColor}.attitude-wings{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
[data-gauge="4"] .flight-instrument{position:relative;display:block;left:0;bottom:0;width:100%;height:8px;max-width:145px;margin-top:9px}
.fuel-rail{fill:#354b58}.fuel-level{fill:currentColor}.fuel-reserve{stroke:#d4e7ec;stroke-width:1.5}
@media(max-width:600px) and (orientation:portrait){
 body.lunar-flight .lunar-mobile-metrics .has-instrument:not([data-gauge="4"]){padding-right:30px;min-height:44px}
 body.lunar-flight .lunar-mobile-metrics b{font-size:23px}
 body.lunar-flight .lunar-mobile-metrics small{font-size:9px}
 .flight-instrument{width:34px;height:43px;bottom:-1px}
 body.lunar-flight .lunar-mobile-metrics [data-gauge="2"],body.lunar-flight .lunar-mobile-metrics [data-gauge="3"]{display:block;min-height:36px!important}
 body.lunar-flight .lunar-mobile-metrics [data-gauge="2"] span,body.lunar-flight .lunar-mobile-metrics [data-gauge="3"] span{margin-bottom:3px}
 body.lunar-flight .lunar-mobile-metrics [data-gauge="2"] .flight-instrument{width:62px;right:10px}
}
body.lunar-landscape .lunar-mobile-metrics .has-instrument:not([data-gauge="4"]){padding-right:32px;min-height:38px}
body.lunar-landscape .flight-instrument{width:33px;height:37px}
body.lunar-landscape .lunar-mobile-metrics b{font-size:18px}
body.lunar-landscape [data-gauge="4"] .flight-instrument{width:100%;height:7px;margin-top:5px}

/* Landscape retains the objective, score and urgent messages beside the controls. */
body.lunar-landscape .flight-mission-copy{display:grid;grid-template-columns:auto auto;gap:2px 10px;flex:1}
body.lunar-landscape .lunar-mobile-mission strong{grid-column:1;margin:0;font-size:12px;white-space:nowrap}
body.lunar-landscape .lunar-mobile-mission small{display:block;grid-column:2;grid-row:1;text-align:right;font-size:10px;margin:0}
body.lunar-landscape .lunar-mobile-mission .flight-mission-copy>div{display:block;grid-column:1/-1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.lunar-landscape .lunar-mobile-mission{min-height:46px}
body.lunar-landscape .lunar-mobile-metrics{font-size:12px;line-height:1.2}
body.lunar-landscape .lunar-mobile-metrics small{font-size:9px;margin-left:3px}
/* the Armageddon mission's landing stage (?mission=armageddon&stage=land): the game alone, the mission page tells the rest */
body.mission-stage .game-instructions,body.mission-stage .game-overview,body.mission-stage .ad-slot,body.mission-stage #fb-pill,body.mission-stage [data-placement="below_game"]{display:none!important;}