@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#e9eef0;background:#080d12;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b4e6bd;outline-offset:5px}button{border:0;background:none}#scene{display:block;width:100vw;height:100dvh;touch-action:none}.interface{position:fixed;inset:0;pointer-events:none;transition:opacity .6s}.interface>*{pointer-events:auto}header{position:absolute;top:34px;left:44px;right:44px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font:600 27px Space Grotesk,sans-serif;letter-spacing:5px;color:inherit;text-decoration:none}.brand-icon{font-size:38px;line-height:1;color:#c5e6c9}.brand-divider{height:28px;width:1px;background:#ffffff30;margin:0 9px}.brand-sub{font:500 8px/1.6 DM Sans,sans-serif;letter-spacing:2px}.mission{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:34px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b8e0b4;box-shadow:0 0 9px #b8e0b470}.muted{color:#707a82}.icon-button{width:35px;height:35px;border:1px solid #ffffff26;border-radius:50%;font-size:17px;display:inline-grid;place-items:center;transition:background .2s,border .2s}.icon-button:hover,.icon-button.selected{background:#d3e8d41c;border-color:#adc9b5}.intro{position:absolute;top:23%;left:6%;max-width:370px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2px;color:#c0d1c7;display:flex;align-items:center;gap:12px}.small-line{width:25px;height:1px;background:#bad9c1}h1{font:400 clamp(48px,5.3vw,86px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-5px;margin:24px 0}h1>span{color:#bdddb5}.intro p{font-size:12px;color:#a1abb1;line-height:1.85;margin-bottom:29px}.explore{border:1px solid #b7d2ba75;border-radius:3px;padding:14px 18px;font-size:11px;display:flex;align-items:center;gap:32px;background:#b6d9bd0a}.explore:hover{background:#c5e6c926}.explore span{font-size:18px;color:#cee7c5}.telemetry{position:absolute;right:44px;top:25%;width:155px}.telemetry>.eyebrow{font-size:7px;letter-spacing:1.6px;justify-content:space-between;border-bottom:1px solid #ffffff24;padding-bottom:16px}.tele-row{display:flex;flex-direction:column;gap:6px;margin-top:21px}.tele-row>span{font-size:7px;letter-spacing:1.6px;color:#88949e}.tele-row strong{font:400 24px Space Grotesk,sans-serif}.tele-row strong span{font-size:8px;letter-spacing:1px;color:#96a3ab}.wave{margin-top:22px;height:25px;overflow:hidden;opacity:.55}.wave svg{width:100%;height:100%;fill:none;stroke:#bfe0c1;stroke-width:.8}.tele-caption{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.3px;color:#a6b4ad;margin-top:8px}.scene-label{position:absolute;left:52%;top:74%;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:2px;color:#dde5de;pointer-events:none}.scene-label span:not(.cross){display:block;font-size:6px;color:#a0aca6;margin-top:6px;letter-spacing:1.6px}.cross{font-size:25px;font-weight:300;color:#bfdcbb}footer{position:absolute;bottom:70px;left:44px;right:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}.location{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.8px}.location span:not(.coordinate-icon){display:block;font-size:7px;color:#8d999f;margin-top:7px;letter-spacing:1px}.coordinate-icon{font-size:27px;color:#c5d7c7}.view-switch{display:flex;border:1px solid #ffffff25;border-radius:5px;padding:5px;background:#0c141b88;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:3px}.view-switch button{padding:12px 16px;font-size:8px;color:#87959e;border-radius:2px;transition:all .25s;white-space:nowrap}.view-switch button span{font-size:10px;margin-left:9px}.view-switch button.active{background:#c4d7c3;color:#18251e}.view-switch button:hover:not(.active){background:#ffffff13;color:#fff}.scene-controls{display:flex;gap:9px}.bottom-line{position:absolute;left:44px;right:44px;bottom:24px;border-top:1px solid #ffffff1c;padding-top:16px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.7px;color:#7f8a94;pointer-events:none}.bottom-line i{font-style:normal;margin:0 10px}.detail{position:absolute;left:6%;top:26%;width:285px;border-left:1px solid #a4c6ae66;padding:4px 0 4px 22px;background:linear-gradient(90deg,#08111ba6,transparent)}.detail h2{font:400 38px/1.1 Space Grotesk;letter-spacing:-1.5px;margin:20px 0}.detail p{font-size:12px;line-height:1.8;color:#b0bec7}.detail>button{position:absolute;right:0;top:-10px;font-size:24px}.detail-stat{border-top:1px solid #ffffff26;margin-top:25px;padding-top:15px;display:flex;justify-content:space-between;align-items:center}.detail-stat span{font-size:8px;letter-spacing:1px;color:#8c9eaa}.detail-stat strong{font:400 22px Space Grotesk;color:#c6e3c9}.hidden{display:none!important}.cinematic{opacity:0;pointer-events:none}.cinematic>*{pointer-events:none}#exit-cinema{position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:12px 20px;border:1px solid #ffffff33;border-radius:30px;background:#10182077;font-size:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#exit-cinema span{border:1px solid #ffffff44;margin-left:14px;padding:2px 5px;font-size:9px}dialog{background:#101a22;color:#e4ece7;border:1px solid #405349;padding:45px;max-width:450px;width:calc(100% - 36px);border-radius:5px}dialog::backdrop{background:#03090dcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog>button{position:absolute;right:15px;top:10px;font-size:25px}dialog h2{font:400 45px/1.1 Space Grotesk;letter-spacing:-2px}dialog p{font-size:13px;color:#a9bac2;line-height:1.8}dialog small{font-size:10px;color:#82998d;line-height:1.8}#loading{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#080d12;z-index:20;transition:opacity 1s}#loading p{font-size:9px;letter-spacing:4px}.load-mark{font-size:50px;color:#c5e6c9;animation:spin 6s linear infinite}.load-line{width:120px;height:1px;background:#c5e6c9;margin-top:15px;animation:pulse 1s alternate infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{opacity:.2;transform:scaleX(.2)}}@media(max-width:1050px){.telemetry{display:none}.intro{left:5%;top:23%}h1{font-size:62px}.location{display:none}footer{justify-content:center}.scene-label{top:72%}}@media(max-width:600px){header{left:22px;right:22px;top:23px}.brand{font-size:22px}.brand-sub,.brand-divider,.mission{display:none}.intro{top:15%;left:24px;max-width:280px}h1{font-size:48px;letter-spacing:-3px;margin:16px 0}.intro p{font-size:10px;line-height:1.7;margin-bottom:18px}.eyebrow{font-size:7px}.explore{font-size:10px;padding:10px 13px}.scene-label{left:30px;top:auto;bottom:190px;font-size:8px}.scene-label span:not(.cross){font-size:5px}footer{left:18px;right:18px;bottom:49px;flex-direction:column;gap:15px}.view-switch{width:100%;justify-content:space-between}.view-switch button{padding:10px 7px;font-size:7px}.view-switch button span{font-size:9px;margin-left:5px}.icon-button{width:30px;height:30px;font-size:15px}.bottom-line{left:20px;right:20px;bottom:15px;font-size:5px;padding-top:10px}.bottom-line>span:last-child{display:none}.detail{top:16%;left:25px;width:240px}.detail h2{font-size:32px}.detail p{font-size:11px}.detail-stat{margin-top:12px}.scene-controls{gap:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.telemetry{padding:18px;background:linear-gradient(120deg,#07101bd9,#07101b99);border:1px solid #ffffff16;border-radius:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:174px}.scene-label{background:#08111b80;padding:10px 14px;border-radius:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail{background:#08111be8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:22px;width:300px;border-radius:0 4px 4px 0}.detail>button{right:10px;top:5px}.detail p{color:#b8c6ce}.intro{text-shadow:0 2px 20px #02060b}button[aria-pressed=true]{outline-offset:3px}@media(max-width:600px){.detail{width:260px;padding:18px;top:14%}.detail h2{margin:12px 0}.detail p{line-height:1.65}.detail>.eyebrow{font-size:7px}}@media(max-width:600px){.scene-controls .icon-button{width:40px;height:40px}.view-switch button{min-height:40px}.scene-label{bottom:198px}.detail>button{width:35px;height:35px}}.hotspots{position:absolute;inset:0;pointer-events:none!important}.hotspot{position:absolute;top:0;left:0;display:flex;align-items:center;gap:9px;padding:0;pointer-events:auto;white-space:nowrap}.hotspot-dot{width:26px;height:26px;border:1px solid #c6e0d780;display:grid;place-items:center;border-radius:50%;font-size:17px;line-height:1;color:#e2f3e6;background:#07111c77;box-shadow:0 0 0 5px #b2dcc214;transition:background .2s,box-shadow .2s}.hotspot-name{font-size:6px;letter-spacing:1.5px;background:#08121ac9;padding:6px 8px;border-radius:2px}.hotspot:hover .hotspot-dot{background:#bdd8be;color:#10241a;box-shadow:0 0 0 8px #b2dcc225}.hotspot:hover .hotspot-name{color:#cdeacb}#scene{cursor:grab}#scene:active{cursor:grabbing}.hotspot-name{font-size:7px}
