@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600&family=Manrope:wght@300;400;500;600&display=swap";:root{--gold:#e7b957;--pale:#f7e8c5;--ink:#050706;--muted:#9a968c;--line:#e7b95733;--display:"Chakra Petch",sans-serif;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--ink);color:#f7f3e9;width:100%;height:100%;font-family:var(--sans);margin:0;overflow:hidden}button,input{font:inherit}.mission-shell{background:#020403;width:100%;height:100%;min-height:620px;position:relative;overflow:hidden}.space-plate{will-change:auto;background:url(/images/earth-mars-journey.png) 50%/cover no-repeat;position:absolute;inset:0;transform:translateZ(0)}.vignette{background:radial-gradient(at 50% 40%,#0000 15%,#00000026 55%,#000c 115%),linear-gradient(#0003,#0000 52%,#000000c7);position:absolute;inset:0}.close-flight{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#bbb5a8;cursor:pointer;background:#05070659;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:3vw;right:3vw}.close-flight svg{width:17px}.scene{z-index:2;position:absolute;inset:0 0 150px}.scene-copy{flex-direction:column;gap:8px;display:flex;position:absolute;top:5vh;left:4vw}.scene-copy span,.progress-index span{color:#a49e90;letter-spacing:.08em;font-size:10px}.scene-copy strong{font:500 20px var(--display);letter-spacing:.08em}.scene-copy i{color:var(--gold);margin:0 6px;font-style:normal}.trajectory-wrap{position:absolute;inset:5% 7% 0}.trajectory{width:100%;height:100%;overflow:visible}.path-ahead,.path-flown{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.path-ahead{stroke:#e7b95759;stroke-width:1.3px;stroke-dasharray:2 7}.path-flown{stroke:var(--gold);stroke-width:2.1px;filter:drop-shadow(0 0 5px #e7b957b3);transition:stroke-dasharray 80ms linear}.craft{filter:url(#shipGlow)}.craft-body{fill:var(--pale);stroke:#fff8dc;stroke-width:.2px}.craft circle{fill:#1b2424}.craft-trail{fill:none;stroke:var(--gold);stroke-width:.8px;stroke-linecap:round}.route-label{font:500 11px var(--display);letter-spacing:.12em;color:#d7caac;text-transform:uppercase;position:absolute}.route-earth{bottom:15%;left:12.4%}.route-mars{bottom:32%;right:6.2%}.progress-index{flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:6%;right:4vw}.progress-index strong{font:500 clamp(32px,4vw,58px) var(--display);color:var(--pale)}.progress-index strong i{color:var(--gold);font-size:.4em;font-style:normal}.control-deck{z-index:6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080b0ac7;border:1px solid #e7b95730;border-radius:22px;grid-template-columns:1.05fr 1fr 1fr 1.1fr auto;align-items:center;gap:0;width:min(900px,100% - 36px);height:112px;padding:0 20px;display:grid;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000073}.deck-progress{background:#e7b95729;height:1px;position:absolute;top:-1px;left:22px;right:22px}.deck-progress span{background:var(--gold);height:100%;box-shadow:0 0 8px var(--gold);transition:width 80ms linear;display:block}.phase-pill{color:#c3bcad;align-items:center;gap:9px;padding-right:22px;font-size:10px;display:flex}.phase-pill i{background:#777;border-radius:50%;width:6px;height:6px}.phase-pill i.live{background:var(--gold);box-shadow:0 0 9px var(--gold)}.readout{border-left:1px solid var(--line);flex-direction:column;justify-content:center;height:48px;padding-left:24px;display:flex}.readout span{color:#837f76;margin-bottom:6px;font-size:9px}.readout strong{font:500 clamp(17px,2vw,24px) var(--display);letter-spacing:.04em;color:var(--pale)}.readout small{font:400 9px var(--sans);color:#8f897c}.flight-controls{gap:8px;padding-left:18px;display:flex}.flight-controls button{color:#c7b98f;cursor:pointer;background:0 0;border:1px solid #e7b95747;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .2s;display:grid}.flight-controls button:hover,.flight-controls .main-control{background:var(--gold);color:#090a08}.flight-controls button svg{width:17px}.flight-controls button.sound-on{color:var(--gold);box-shadow:0 0 18px #e7b95729}.onboarding,.finish-screen{background:radial-gradient(circle at 68% 18%,#17231f 0,#0000 25%),radial-gradient(circle at 50% 90%,#101713 0,#030504 54%);width:100%;height:100%;min-height:650px;position:relative;overflow:hidden}.onboard-stars,.onboard-stars:before{content:"";opacity:.22;background-image:radial-gradient(circle,#fff 0 1px,#0000 1.5px);background-size:83px 83px;position:absolute;inset:0}.onboard-stars:before{background-size:137px 137px;transform:translate(30px,20px)}.onboard-earth{background:url(/images/earth-mars-journey.png) 13%/230% no-repeat;border-radius:50%;width:min(62vw,850px);height:min(62vw,850px);animation:1.3s cubic-bezier(.2,.8,.2,1) both earthArrive;position:absolute;top:12%;left:-22vw;box-shadow:inset -70px -15px 100px 25px #000000d6,0 0 80px #437f8838}.onboard-card{z-index:2;width:min(520px,100% - 40px);animation:.8s .15s both cardArrive;position:absolute;top:50%;right:10vw;transform:translateY(-50%)}.mini-brand{font:500 clamp(18px,2.2vw,27px) var(--display);letter-spacing:.08em;color:var(--gold);text-transform:lowercase;align-items:center;gap:11px;display:flex}.mini-brand i{border:1px solid var(--gold);border-radius:50%;width:30px;height:30px;position:relative;box-shadow:0 0 22px #e7b9572e}.mini-brand i:after{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:-2px}.kicker{text-transform:uppercase;letter-spacing:.18em;color:#a89975;margin:38px 0 17px;font-size:9px}.onboard-card h1,.finish-card h1{font:500 clamp(44px,5.2vw,76px)/.98 var(--display);letter-spacing:-.045em;margin:0}.onboard-card h1 em,.finish-card h1 em{color:var(--gold);font-style:normal}.intro{color:#9e9b92;max-width:460px;margin:23px 0 30px;font-size:14px;line-height:1.7}.duration-list{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.duration-list button{color:#bcb7aa;cursor:pointer;background:#ffffff06;border:1px solid #ffffff21;border-radius:12px;justify-content:center;align-items:baseline;gap:4px;height:70px;display:flex;position:relative}.duration-list button:hover,.duration-list button.selected{border-color:var(--gold);color:var(--pale);background:#e7b95717}.duration-list strong{font:500 22px var(--display)}.duration-list span{color:#898477;font-size:9px}.duration-list svg{width:12px;color:var(--gold);position:absolute;top:7px;right:7px}.custom-time{color:#858178;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:14px 2px;font-size:10px;display:flex}.custom-time div{align-items:center;gap:7px;display:flex}.custom-time input{text-align:right;width:52px;color:var(--pale);font:500 17px var(--display);background:0 0;border:0;outline:0}.custom-time small{font-size:9px}.launch{background:var(--gold);color:#0a0b09;cursor:pointer;border:0;border-radius:12px;justify-content:space-between;align-items:center;height:54px;margin-top:22px;padding:0 20px;font-size:12px;font-weight:600;display:flex;box-shadow:0 10px 40px #e7b9571f}.onboard-card>.launch{width:100%}.launch svg{width:17px}@keyframes earthArrive{0%{opacity:0;transform:translate(-80px)scale(.94)}to{opacity:1;transform:none}}@keyframes cardArrive{0%{opacity:0;transform:translateY(calc(25px - 50%))}to{opacity:1;transform:translateY(-50%)}}.finish-screen{background:radial-gradient(circle at 50% 100%,#562b17 0,#0000 34%),#030403;place-items:center;display:grid}.mars-horizon{background:radial-gradient(circle at 30% 20%,#b2673b,#71351e 38%,#32180f 70%);border-radius:50% 50% 0 0;height:55vw;animation:1.4s cubic-bezier(.2,.8,.2,1) both marsRise;position:absolute;bottom:-39vw;left:-10%;right:-10%;box-shadow:0 -16px 90px #cc642b40}.finish-card{z-index:2;text-align:center;width:min(680px,100% - 38px);animation:.8s .2s both finishIn;position:relative}.success-mark{background:var(--gold);color:#0a0b09;border-radius:50%;place-items:center;width:45px;height:45px;margin:auto;display:grid;box-shadow:0 0 38px #e7b95740}.success-mark svg{width:20px}.finish-card .kicker{margin:25px 0 14px}.finish-card>p:not(.kicker){color:#9a968e;font-size:13px}.finish-stats{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080759;border:1px solid #ffffff21;border-radius:16px;grid-template-columns:repeat(3,1fr);margin-top:35px;display:grid}.finish-stats div{padding:21px 10px}.finish-stats div+div{border-left:1px solid #ffffff1a}.finish-stats span{color:#77756f;margin-bottom:8px;font-size:9px;display:block}.finish-stats strong{font:500 18px var(--display);color:var(--pale)}.finish-actions{justify-content:center;gap:10px;margin-top:8px;display:flex}.finish-actions .launch{justify-content:center;width:170px}.again{color:#d4cec0;cursor:pointer;background:#0003;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:9px;height:54px;margin-top:22px;padding:0 20px;display:flex}.again svg{width:15px}@keyframes marsRise{0%{transform:translateY(100px)}to{transform:none}}@keyframes finishIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media (width<=800px){.onboard-earth{width:80vw;height:80vw;top:4%;left:-38vw}.onboard-card{right:6vw}.control-deck{grid-template-columns:.9fr 1fr 1fr auto}.elapsed{display:none}.scene{bottom:142px}.route-label{display:none}.trajectory-wrap{inset:8% -4% 0}.scene-copy{left:20px}.progress-index{right:20px}.phase-pill{padding-right:12px}.readout{padding-left:14px}.flight-controls{padding-left:10px}}@media (width<=560px){.onboarding{min-height:760px;overflow:auto}.onboard-earth{width:90vw;height:90vw;top:-8%;left:-46vw}.onboard-card{top:54%;right:20px}.kicker{margin-top:34px}.duration-list button{height:61px}.control-deck{grid-template-columns:1fr 1fr auto;width:calc(100% - 20px);height:105px;padding:0 12px;bottom:12px}.phase-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040706b3;border:1px solid #ffffff1f;border-radius:20px;padding:8px 12px;position:absolute;top:-34px;left:4px}.speed{display:none}.readout{border:0;padding-left:8px}.readout+.readout{border-left:1px solid var(--line)}.flight-controls{padding-left:6px}.flight-controls button{width:38px;height:38px}.scene{bottom:120px}.scene-copy{top:25px}.trajectory-wrap{inset:13% -22% 2%}.progress-index{bottom:8%}.finish-stats strong{font-size:14px}.finish-card h1{font-size:47px}.finish-stats div{padding:17px 5px}.mars-horizon{height:70vw;bottom:-18vw}.finish-actions{flex-direction:column;align-items:center}.finish-actions .launch,.again{justify-content:center;width:190px;margin-top:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.trajectory-wrap{animation:1s .25s both routeIn;inset:5% 0 0}.path-ahead{fill:none;stroke:#e7b9576b;stroke-width:1.3px;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke-dasharray 80ms linear,stroke-dashoffset 80ms linear}.path-flown,.craft-trail,.route-label{display:none}.scene-copy{animation:.65s .1s both fadeDown}.progress-index{animation:.65s .45s both fadeUp}.close-flight{animation:.55s .55s both fadeDown}.control-deck{animation:.75s cubic-bezier(.2,.8,.2,1) .35s both deckIn}.flight-controls button:hover{border-color:var(--gold);color:var(--gold);background:#e7b9571f}.flight-controls .main-control,.flight-controls .main-control:hover{background:var(--gold);color:#090a08}.onboarding,.finish-screen{background:radial-gradient(circle at 18% 42%,#a4451d47 0,#0000 34%),radial-gradient(circle at 50% 90%,#17100c 0,#030504 54%)}.onboard-earth{background-position:100%;background-size:320%;width:min(66vw,900px);height:min(66vw,900px);top:10%;left:-20vw;box-shadow:inset -75px -15px 110px 30px #000000b3,0 0 90px #ca5b294d}.duration-list button{align-items:center}.custom-time input{-moz-appearance:textfield}.custom-time input::-webkit-inner-spin-button{appearance:none;margin:0}.custom-time input::-webkit-outer-spin-button{appearance:none;margin:0}.time-steppers{border-left:1px solid #ffffff1f;flex-direction:column;margin-left:4px;display:flex}.time-steppers button{color:#8c877b;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:17px;padding:0;display:grid}.time-steppers button:hover{color:var(--gold)}.time-steppers svg{height:12px;width:12px!important}.mars-horizon{background:#71351e url(/images/earth-mars-journey.png) 100% 43%/165% no-repeat;box-shadow:inset 0 35px 80px #ff8f4b29,0 -16px 90px #cc642b40}@keyframes fadeDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes deckIn{0%{opacity:0;transform:translate(-50%,35px)}to{opacity:1;transform:translate(-50%)}}@keyframes routeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@media (width<=800px){.onboard-earth{width:80vw;height:80vw;top:4%;left:-38vw}.trajectory-wrap{inset:8% -4% 0}}@media (width<=560px){.onboard-earth{width:90vw;height:90vw;top:-8%;left:-46vw}.trajectory-wrap{inset:13% -22% 2%}}@media (prefers-reduced-motion:reduce){.trajectory-wrap,.scene-copy,.progress-index,.close-flight,.control-deck{animation:none}}.onboard-stars{z-index:0;opacity:1;pointer-events:none;background:0 0}.onboard-earth{z-index:1}.onboard-card{z-index:2}.close-flight{transition:transform .25s,background .25s,border-color .25s,color .25s}.close-flight:hover{color:var(--gold);background:#e7b95721;border-color:#e7b95773;transform:rotate(90deg)}.phase-pill{color:#ddd5c5;font-size:13px;font-weight:500}@media (width<=560px){.phase-pill{font-size:12px}}.loader-screen{z-index:20;color:var(--pale);background:radial-gradient(circle at 50% 42%,#ac4b1f38,#0000 32%),#030504;align-content:center;place-items:center;gap:18px;display:grid;position:fixed;inset:0}.loader-screen strong{font:500 17px var(--display);letter-spacing:.14em;color:var(--gold)}.loader-mark{border:1px solid #e7b9573d;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 0 36px #e7b9571f}.loader-mark span{background:var(--gold);width:8px;height:8px;box-shadow:0 0 24px var(--gold);transform-origin:0 27px;border-radius:50%;animation:1.15s linear infinite orbit}.phone-gate{min-height:100%;color:var(--pale);background:radial-gradient(circle at 18% 20%,#a4451d4d,#0000 34%),#030504;align-content:center;justify-items:start;gap:18px;padding:34px;display:grid}.phone-gate h1{font:500 clamp(42px,14vw,58px)/.96 var(--display);max-width:440px;margin:16px 0 0}.phone-gate p{color:#a79f91;max-width:360px;margin:0;font-size:14px;line-height:1.7}.profile-button{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#d9cfb4;cursor:pointer;background:#05070661;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .2s,border-color .2s,background .2s,color .2s;display:grid;position:fixed;bottom:3vw;left:3vw}.profile-button:hover{color:var(--gold);background:#e7b95721;border-color:#e7b95785;transform:translateY(-2px)}.profile-button svg{width:17px}.profile-backdrop{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0204037a;place-items:center;animation:.18s both fadeIn;display:grid;position:fixed;inset:0}.profile-card{text-align:center;background:linear-gradient(#121411e0,#070908e6);border:1px solid #e7b95733;border-radius:22px;width:min(390px,100% - 34px);padding:34px 30px 28px;animation:.24s cubic-bezier(.2,.8,.2,1) both modalIn;position:relative;box-shadow:0 26px 80px #0000008c,inset 0 1px #ffffff0d}.profile-close{color:#9c9585;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .2s;display:grid;position:absolute;top:14px;right:14px}.profile-close:hover{color:var(--gold);border-color:#e7b95773;transform:rotate(90deg)}.profile-close svg{width:15px}.profile-avatar{width:62px;height:62px;color:var(--gold);background:#e7b9571a;border:1px solid #e7b95745;border-radius:50%;place-items:center;margin:0 auto 20px;display:grid;box-shadow:0 0 34px #e7b9571f}.profile-avatar svg{width:25px}.profile-card .kicker{margin:0 0 10px}.profile-card h2{font:500 32px var(--display);color:var(--pale);margin:0}.profile-links{gap:10px;margin-top:24px;display:grid}.profile-links a{color:#d6cdbb;background:#ffffff06;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:48px;text-decoration:none;transition:all .2s;display:flex}.profile-links a:hover{color:var(--gold);background:#e7b95714;border-color:#e7b95773}.profile-links svg{width:17px}@keyframes orbit{0%{transform:rotate(0)translateY(-27px)}to{transform:rotate(360deg)translateY(-27px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@media (width<=560px){.profile-card{padding:30px 22px 24px}.profile-card h2{font-size:27px}}