#earth-journey{position:fixed;inset:0;z-index:100;background:#060b10;color:#e9edf1;isolation:isolate;overflow:hidden}
#earth-journey[hidden],#earth-journey [hidden]{display:none!important}
#earth-journey:before,#earth-journey:after{display:none!important}
#earth-journey .earth-header{position:absolute;top:24px;left:4%;right:4%;z-index:20;display:flex;align-items:center;justify-content:space-between}
#earth-journey .earth-brand{font-size:23px;color:#e9edf1;text-shadow:0 2px 8px #000}
#earth-close{width:44px;height:44px;border-radius:50%;background:#071019bb;border:1px solid #d7e6ed40;font-size:24px}
#earth-journey .earth-stage{position:absolute;left:9%;top:50%;transform:translateY(-48%);width:min(600px,82vw);max-height:70svh;overflow:auto}
#earth-journey .earth-stage h1{font:400 clamp(42px,6vw,76px)/1.03 'Instrument Serif',Georgia,serif;margin:20px 0 28px}
#earth-journey .earth-kicker{font:500 12px/1.5 'Space Mono',monospace;color:#96bbca;letter-spacing:1.5px}
#earth-journey .earth-stage p{font-size:16px;line-height:1.6;color:#9faeb8;max-width:470px}
#earth-name-stage label{display:block;font-size:16px;margin:15px 0 10px}
#earth-name{display:block;width:100%;max-width:440px;padding:15px 18px;height:56px;font-size:18px;background:#111e29;color:#fff;border:1px solid #9cbac844;border-radius:8px}
#earth-journey .earth-primary{display:block;margin:16px 0;padding:15px 22px;min-height:48px;border-radius:8px;background:#dce9dd;color:#172b27;font-size:16px}
#earth-name-stage small{font-size:13px;color:#8fa3ae}
#earth-journey .earth-two-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
#earth-journey .earth-two-choices button{min-height:125px;padding:20px;border-radius:10px;border:1px solid #7d9eaf44;text-align:left;background:#10202d}
#earth-journey .earth-two-choices strong{font-size:17px;display:block;margin:0 0 10px}
#earth-journey .earth-two-choices span{font-size:14px;line-height:1.4;color:#a5bac7}
#earth-name-back{font-size:14px;margin-top:18px;padding:10px 0}
#earth-map-stage{position:absolute;inset:0;animation:none!important;transform:none!important;transition:opacity .7s;background:#101921}
#earth-map{position:absolute;inset:0;border:0;width:100%;height:100%;filter:saturate(.8)}
#earth-journey .earth-confirm{position:absolute;left:4%;bottom:70px;width:min(410px,92vw);z-index:4;padding:22px;background:#09121bea;border:1px solid #b3c8d33b;border-radius:12px;backdrop-filter:blur(18px)}
#earth-journey .earth-confirm h2{font:400 24px/1.2 'DM Sans',sans-serif;margin:12px 0}
#earth-journey .earth-confirm p{font-size:14px;color:#b3c0c8;line-height:1.5}
#earth-journey .earth-confirm-actions{display:flex;gap:8px}
#earth-journey .earth-confirm-actions button{min-height:48px;font-size:14px;padding:10px 14px;border:1px solid #b1c8d23a;border-radius:8px}
#earth-journey .earth-confirm-actions button:last-child{background:#d8e9e1;color:#172b27}
#earth-direct{position:absolute;right:4%;top:88px;z-index:20;padding:12px 15px;font-size:14px;background:#09131dea;border:1px solid #b4c8d333;border-radius:8px}
#earth-flight-canvas{position:absolute;inset:0;pointer-events:none;z-index:5}
#earth-flight-canvas canvas{display:block;width:100%;height:100%}
#earth-flight-hud{position:absolute;inset:0;z-index:10;pointer-events:none;background:linear-gradient(0deg,#03070ccc,transparent 25%,transparent 78%,#03070c77)}
#earth-journey.launching .earth-confirm{display:none}
.flight-identity{position:absolute;left:4%;top:100px;display:grid;gap:7px}
.flight-identity span{font:12px 'Space Mono',monospace;letter-spacing:1px;color:#a7c4cc}
.flight-identity strong{font:500 clamp(18px,2vw,26px)/1.2 'Space Mono',monospace;max-width:75vw;overflow-wrap:anywhere}
.flight-identity small{font:12px/1.4 'Space Mono',monospace;color:#8098a7}
.flight-story{position:absolute;bottom:138px;left:4%;max-width:min(650px,80vw)}
#earth-launch-state{font:500 12px/1.5 'Space Mono',monospace;color:#a9d4d1;letter-spacing:2px}
#earth-launch-copy{font:400 clamp(27px,3.3vw,48px)/1.12 'Instrument Serif',Georgia,serif;margin:12px 0;color:#eef2f1}
#flight-science{font-size:13px;line-height:1.5;color:#9fb0bc;margin:0;max-width:500px}
.flight-transport{position:absolute;right:4%;top:100px;display:flex;gap:8px;pointer-events:auto}
.flight-transport button{padding:10px 14px;min-height:44px;border:1px solid #a5c3cf44;border-radius:8px;background:#09131bc9;font-size:14px}
#flight-chapters{position:absolute;bottom:55px;left:4%;right:4%;display:flex;gap:5px;overflow:auto;pointer-events:auto;padding-bottom:8px}
#flight-chapters button{flex:1;white-space:nowrap;min-height:44px;padding:8px 12px;border-top:2px solid #78929f44;color:#a1b3be;font-size:13px;background:#09131b7a}
#flight-chapters button[aria-current=step]{color:#e3fff4;border-color:#b7e2d3;background:#24413777}
.flight-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#6b899133}
#flight-progress-bar{display:block;height:100%;width:0;background:#b8e8d6}
.flight-world-label{position:absolute;font:12px/1.3 'Space Mono',monospace;color:#c5d7df;text-shadow:0 1px 8px #000;transform:translate(9px,-50%);white-space:nowrap}
.flight-world-label:before{content:'';position:absolute;left:-12px;top:5px;width:4px;height:4px;border-radius:50%;background:var(--marker-color,#c2d4df)}
.flight-tracker{position:absolute;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center}
.flight-tracker i{display:block;width:8px;height:8px;border-radius:50%;background:#ff9b36;box-shadow:0 0 0 4px #ff982c25,0 0 16px #f28c39aa}
.flight-tracker span{position:absolute;left:17px;white-space:nowrap;font:12px/1.4 'Space Mono',monospace;color:#ffb773;text-shadow:0 1px 5px #000}
#flight-notes{position:absolute;bottom:16px;right:4%;z-index:25;max-width:min(510px,92vw);font-size:13px;color:#a4b8c5}
#flight-notes summary{cursor:pointer;text-align:right;min-height:26px}
#flight-notes[open]{padding:16px;background:#08121ff5;border:1px solid #7d9eaf44;border-radius:10px}
#flight-notes p{font-size:14px;line-height:1.5}#flight-notes a{color:#c6dedf}
#earth-error{position:absolute;left:4%;right:4%;bottom:55px;z-index:30;padding:12px 16px;border-radius:8px;background:#dce6e6;color:#13232b;font-size:14px;width:fit-content;max-width:92vw}
#earth-journey button:focus-visible,#earth-journey input:focus-visible,#earth-journey summary:focus-visible{outline:2px solid #b5f4e3;outline-offset:4px}
@media(max-width:700px){
 #earth-journey .earth-header{top:16px}
 #earth-journey .earth-stage{left:6%;width:88%;max-height:65svh;top:52%}
 #earth-journey .earth-stage h1{font-size:42px;margin:15px 0 20px}
 #earth-journey .earth-two-choices{grid-template-columns:1fr;gap:10px}
 #earth-journey .earth-two-choices button{min-height:96px;padding:16px}
 #earth-journey .earth-confirm{left:4%;bottom:58px;padding:17px}
 #earth-journey .earth-confirm-actions{flex-direction:column-reverse}
 #earth-direct{top:73px}
 .flight-identity{top:81px;gap:5px}
 .flight-identity strong{font-size:18px;max-width:87vw}
 .flight-identity small{font-size:12px}
 .flight-transport{top:auto;bottom:112px;right:4%}
 .flight-story{bottom:175px;max-width:92vw}
 #earth-launch-copy{font-size:29px}
 #flight-chapters{bottom:47px}
 #flight-chapters button{flex:0 0 auto}
 .flight-world-label{font-size:12px;max-width:65vw;white-space:normal}
}
@media(max-height:550px){
 #earth-journey .earth-stage{max-height:65svh;top:55%}#earth-journey .earth-stage h1{font-size:30px;margin:10px 0}
 .flight-identity{top:76px}.flight-story{bottom:112px;max-width:60vw}#earth-launch-copy{font-size:25px}
 .flight-transport{top:80px;bottom:auto}.flight-identity small{display:none}
}
