@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--ink:#02050b;--panel:#0309109e;--line:#a9d8e447;--cyan:#8bf6ff;--cyan-bright:#d6fcff;--rust:#a94a36;--amber:#e6a36d}*{box-sizing:border-box}html,body{background:var(--ink);width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}body{color:#edf5f7;overscroll-behavior:none;font-family:IBM Plex Mono,monospace}button,input,textarea,select{font:inherit}button{color:inherit}.night-run{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:#02050b;min-height:480px;position:fixed;inset:0;overflow:hidden}.night-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.grain,.vignette{z-index:2;pointer-events:none;position:absolute;inset:0}.grain{opacity:.055;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(17deg,#ffffff1c 0 1px,#0000 1px 5px),repeating-linear-gradient(103deg,#ffffff12 0 1px,#0000 1px 7px)}.vignette{background:radial-gradient(circle at 50% 48%,#0000 38%,#00020547 72%,#000104b8 110%),linear-gradient(90deg,#00020640,#0000 18% 82%,#00020640)}.launch,.run-intro,.cockpit-ui,.extract-cinematic,.debrief{z-index:5;position:absolute;inset:0}.launch{background:#03060a;overflow:hidden}.launch-art{object-fit:cover;object-position:center;filter:saturate(.86)brightness(.78)contrast(1.07);width:100%;height:100%;animation:16s ease-out both launch-drift;position:absolute;inset:0}@keyframes launch-drift{0%{transform:scale(1.01)}to{transform:scale(1.075)translate(.8%,-.3%)}}.launch-scrim{background:linear-gradient(90deg,#0104085c,#01040814 50%,#01040833),linear-gradient(#01040842,#0000 55%,#010408d1);position:absolute;inset:0}.launch-top{color:#e0eef399;letter-spacing:.18em;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;top:clamp(20px,4vw,46px);left:clamp(20px,4vw,54px);right:clamp(20px,4vw,54px)}.launch-top:before{content:"";background:#bdd9e22e;height:1px;position:absolute;top:50%;left:230px;right:160px}.launch-top button,.run-intro button{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#ebf8fabd;letter-spacing:.14em;background:#02070c6b;border:1px solid #b7dce638;border-radius:2px;padding:9px 12px;font-size:8px;font-weight:700;position:relative}.launch-copy{max-width:750px;position:absolute;bottom:clamp(28px,7vh,78px);left:clamp(28px,6vw,86px);right:clamp(28px,6vw,86px)}.launch-copy>p{color:#c3dee6ad;letter-spacing:.32em;margin:0 0 7px;font-size:clamp(8px,1vw,11px);font-weight:700}.launch-copy h1{letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 8px 40px #00000094;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(76px,14vw,192px);font-weight:800;line-height:.75}.launch-copy>strong{color:#d8e7e9;letter-spacing:.14em;margin-top:23px;font-family:Barlow Condensed,sans-serif;font-size:clamp(14px,2vw,22px);font-weight:700;display:block}.launch-brief{gap:6px;width:min(620px,88vw);margin-top:19px;display:flex}.launch-brief span{color:#dcebefb8;letter-spacing:.08em;background:linear-gradient(90deg,#040c1494,#040c1426);border-top:1px solid #95d3e04d;border-bottom:1px solid #95d3e024;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 12px;font-size:8px;font-weight:700;display:flex}.launch-brief b{color:var(--cyan);font-family:Barlow Condensed,sans-serif;font-size:16px}.enter-pass{color:#061019;cursor:pointer;letter-spacing:.16em;background:linear-gradient(90deg,#bcebf0,#79cdd9);border:1px solid #adeaf180;border-radius:2px;justify-content:space-between;align-items:center;width:min(330px,86vw);margin-top:20px;padding:15px 17px 15px 20px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:800;transition:filter .15s,transform .15s;display:flex;box-shadow:0 10px 38px #2597ab2e}.enter-pass i{font-family:IBM Plex Mono,monospace;font-size:20px;font-style:normal}.enter-pass:hover{filter:brightness(1.1);transform:translate(3px)}.launch-copy>small{color:#cfe1e673;letter-spacing:.12em;margin-top:16px;font-size:7px;display:block}.run-intro{pointer-events:none;background:linear-gradient(90deg,#01050ad4,#01050a24 56%,#01050a80),radial-gradient(circle at 55% 48%,#0000,#00010470);overflow:hidden}.run-intro button{pointer-events:auto;position:absolute;bottom:25px;right:28px}.intro-line{background:linear-gradient(#0000,#81e5eeb3,#0000);width:1px;animation:2.7s both intro-line;position:absolute;top:0;bottom:0;left:clamp(23px,8vw,112px)}@keyframes intro-line{0%{transform:scaleY(0)}20%,80%{transform:scaleY(1)}to{transform:scaleY(0)}}.intro-copy{opacity:0;flex-direction:column;display:flex;position:absolute;top:50%;left:clamp(45px,11vw,150px);transform:translateY(-45%)}.intro-copy span{color:var(--cyan);letter-spacing:.3em;font-size:9px;font-weight:700}.intro-copy strong{letter-spacing:-.04em;margin-top:5px;font-family:Barlow Condensed,sans-serif;font-size:clamp(64px,12vw,160px);line-height:.85}.intro-a{animation:.95s 50ms both intro-copy}.intro-b{animation:.95s .9s both intro-copy}.intro-c{animation:.95s 1.75s both intro-copy}@keyframes intro-copy{0%{opacity:0;transform:translate(-18px,-45%)}18%,76%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translate(20px,-54%)}}.cockpit-ui{pointer-events:none}.run-header{grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;top:clamp(18px,3vw,34px);left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px)}.sector,.distance,.status{text-shadow:0 2px 14px #000000c2}.sector span,.distance span,.status>span{color:#b7d4dc8c;letter-spacing:.18em;font-size:7px;font-weight:700;display:block}.sector strong{letter-spacing:.03em;text-transform:uppercase;margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:clamp(20px,3vw,31px);line-height:1;display:block}.sector small{color:#cddfe475;margin-top:3px;font-size:7px;display:block}.distance{border-right:1px solid var(--line);border-left:1px solid var(--line);text-align:center;min-width:170px;padding:9px 18px}.distance strong{letter-spacing:.03em;margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:clamp(26px,3.7vw,42px);line-height:.9;display:block}.status{grid-template-columns:auto auto;justify-content:end;column-gap:10px;display:grid}.status>span{grid-column:1}.status>div{grid-column:1;gap:5px;margin-top:7px;display:flex}.status>div i{background:#ffffff29;width:24px;height:5px;transform:skew(-22deg)}.status>div i.live{background:var(--cyan);box-shadow:0 0 9px #69ebf880}.status button{border:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);cursor:pointer;pointer-events:auto;background:#02080e66;border-radius:2px;grid-area:1/2/3;width:34px;height:34px}.reticle{opacity:.42;width:74px;height:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle i,.reticle b,.reticle span{background:#b5e8ef9e;display:block;position:absolute}.reticle i{height:1px;top:50%;left:0;right:0}.reticle b{width:1px;top:0;bottom:0;left:50%}.reticle span{width:4px;height:4px;box-shadow:0 0 10px var(--cyan);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.edge-readout{background:linear-gradient(90deg,#02090f9e,#0000);border-left:2px solid #84e0ec99;width:186px;padding:10px 11px;position:absolute;top:44%;left:clamp(18px,3vw,42px)}.edge-readout>span{color:var(--cyan);letter-spacing:.14em;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800}.edge-readout>div{background:#d3eff124;height:4px;margin-top:7px;overflow:hidden}.edge-readout>div i{background:linear-gradient(90deg,#3ab5c8,#bdfbff);height:100%;transition:width .12s linear;display:block;box-shadow:0 0 11px #69e8f4}.edge-readout>strong{margin-top:6px;font-size:9px;display:block}.edge-readout>small{color:#cce1e46b;letter-spacing:.08em;margin-top:5px;font-size:6px;display:block}.edge-readout.surge{background:linear-gradient(90deg,#1a6678b3,#0000);border-color:#d9fbff;animation:.42s ease-in-out infinite alternate surge-readout}@keyframes surge-readout{to{filter:brightness(1.32);transform:translate(3px)}}.callout{opacity:0;color:#dffcff;letter-spacing:.15em;white-space:nowrap;background:linear-gradient(90deg,#0000,#020a1199,#0000);border-top:1px solid #b3e9f066;border-bottom:1px solid #b3e9f038;padding:9px 14px;font-family:Barlow Condensed,sans-serif;font-size:clamp(13px,2vw,18px);font-weight:700;transition:opacity .16s,transform .18s;position:absolute;top:23%;left:50%;transform:translate(-50%,10px)}.callout.visible{opacity:1;transform:translate(-50%)}.telemetry{color:#c6dee380;letter-spacing:.08em;border-top:1px solid #a0d2db33;gap:22px;padding:7px 13px;font-size:7px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.telemetry b{color:#e8f7f8;font-size:10px}.flight-stick{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;touch-action:none;background:radial-gradient(circle,#36849121,#0000 62%),#02080e52;border:1px solid #a4d6df40;border-radius:50%;width:clamp(120px,15vw,158px);height:clamp(120px,15vw,158px);position:absolute;bottom:clamp(23px,5vw,48px);left:clamp(20px,5vw,54px);overflow:hidden;box-shadow:inset 0 0 30px #00020685}.stick-grid{border:1px solid #acdde51f;border-radius:50%;position:absolute;inset:12%}.stick-grid:before,.stick-grid:after{content:"";background:#acdde51f;position:absolute}.stick-grid:before{height:1px;top:50%;left:-15%;right:-15%}.stick-grid:after{width:1px;top:-15%;bottom:-15%;left:50%}.stick-knob{background:#11343eb3;border:1px solid #bbebf16b;border-radius:50%;place-items:center;width:48px;height:48px;margin:-24px;transition:transform 45ms linear;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 20px #00000057,inset 0 0 15px #80e3ef1f}.stick-knob i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.boost-control{pointer-events:auto;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:clamp(23px,5vw,48px);right:clamp(20px,5vw,54px)}.charge{background:#b8dfe524;width:4px;height:92px;position:relative;overflow:hidden}.charge i{background:linear-gradient(#b9faff,#327f92);width:100%;transition:height 80ms linear;position:absolute;bottom:0;left:0;box-shadow:0 0 9px #74e9f6}.boost-control button{cursor:pointer;color:#ddf4f7c7;background:radial-gradient(circle,#4dacbc2e,#0000 58%),#02090f75;border:1px solid #aee5ec5c;border-radius:50%;place-content:center;gap:8px;width:clamp(94px,12vw,116px);height:clamp(94px,12vw,116px);display:grid;position:relative;box-shadow:inset 0 0 26px #43b3c31a,0 10px 28px #00000042}.boost-control button>i{border:1px solid var(--cyan);width:21px;height:21px;margin:auto;transform:rotate(45deg)}.boost-control button span{letter-spacing:.16em;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:700}.boost-control button.pressed,.boost-control button:active{background:#267785a3;transform:scale(.96);box-shadow:0 0 34px #53e0ee3d,inset 0 0 25px #8ef6ff29}.night-run.is-surging .vignette{background:radial-gradient(circle at 50% 48%,#0000 25%,#2193a614 58%,#02040a8c 110%),linear-gradient(90deg,#53effa14,#0000 22% 78%,#53effa14)}.night-run.is-surging .night-canvas{filter:saturate(1.2)contrast(1.05)}.extract-cinematic{pointer-events:none;text-align:center;background:linear-gradient(#0000 35%,#01060b94),radial-gradient(circle at 50% 54%,#4edbe81a,#0000 28%);place-content:center;display:grid}.extract-cinematic>span,.extract-cinematic>small{color:var(--cyan);letter-spacing:.28em;font-size:8px;font-weight:700;animation:3.5s both extract-copy}.extract-cinematic>strong{letter-spacing:-.05em;margin:13px 0 18px;font-family:Barlow Condensed,sans-serif;font-size:clamp(74px,15vw,200px);line-height:.72;animation:3.5s cubic-bezier(.12,.8,.2,1) both extract-title}.extract-cinematic>small{color:#d3eaef80}@keyframes extract-title{0%{opacity:0;letter-spacing:.04em;transform:scale(.92)}18%,82%{opacity:1;letter-spacing:-.05em;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes extract-copy{0%,to{opacity:0}18%,82%{opacity:1}}.debrief{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 58% 24%,#4fa3b21c,#0000 31%),#01050ad6;place-items:center;padding:20px;display:grid;overflow-y:auto}.debrief-card{background:linear-gradient(140deg,#10212ad1,#03090ff0),#030910;border:1px solid #addee53b;width:min(560px,94vw);padding:clamp(22px,4vw,40px);position:relative;box-shadow:0 30px 90px #00000085}.debrief-card:before,.debrief-card:after{content:"";border-color:var(--cyan);opacity:.45;width:22px;height:22px;position:absolute}.debrief-card:before{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.debrief-card:after{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.debrief-card>span{color:var(--cyan);letter-spacing:.26em;font-size:8px;font-weight:700}.debrief-card h2{letter-spacing:-.04em;margin:5px 0 0;font-family:Barlow Condensed,sans-serif;font-size:clamp(54px,10vw,94px);line-height:.84}.grade{text-align:center;border:1px solid #9be4ed73;place-content:center;width:66px;height:66px;display:grid;position:absolute;top:clamp(22px,4vw,40px);right:clamp(22px,4vw,40px);transform:rotate(45deg)}.grade small,.grade strong{transform:rotate(-45deg)}.grade small{color:#cce7eb80;letter-spacing:.1em;font-size:6px}.grade strong{color:var(--cyan);margin-top:-3px;font-family:Barlow Condensed,sans-serif;font-size:28px}.final-score{border-top:1px solid #a6d7df2e;border-bottom:1px solid #a6d7df2e;margin-top:29px;padding:14px 0}.final-score>span,.debrief-grid span{color:#c6dee27a;letter-spacing:.14em;font-size:7px}.final-score>strong{color:#e9f7f8;font-family:Barlow Condensed,sans-serif;font-size:clamp(42px,8vw,66px);line-height:.9;display:block}.final-score>small{color:#8bf6ff8f;font-size:7px}.debrief-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;display:grid}.debrief-grid>div{background:#ffffff09;min-width:0;padding:11px 9px}.debrief-grid strong{text-overflow:ellipsis;margin-top:6px;font-family:Barlow Condensed,sans-serif;font-size:21px;display:block;overflow:hidden}.debrief-grid small{color:#c6dee261;font-size:6px;display:block}.debrief-card>button:not(.return){cursor:pointer;letter-spacing:.14em;background:#54b7c629;border:1px solid #a2e3ec75;justify-content:space-between;align-items:center;width:100%;margin-top:17px;padding:14px 16px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;display:flex}.debrief-card>button i{font-size:18px;font-style:normal}.return{color:#c8dee26b;cursor:pointer;letter-spacing:.12em;background:0 0;border:0;margin:13px auto 0;font-size:7px;display:block}@media (width<=760px){.launch-art{object-position:62% center}.launch-top>span,.launch-top:before{display:none}.launch-top{justify-content:flex-end}.launch-copy{bottom:22px}.launch-copy h1{font-size:clamp(64px,22vw,108px)}.launch-copy>strong{margin-top:16px;font-size:13px}.launch-brief{margin-top:13px}.launch-brief span{gap:5px;padding:8px 6px;font-size:6px}.launch-brief b{font-size:12px}.enter-pass{margin-top:14px}.run-header{grid-template-columns:1fr auto}.distance{min-width:150px;padding:7px 12px;position:absolute;top:67px;left:50%;transform:translate(-50%)}.status{grid-column:2}.edge-readout{width:150px;top:34%}.telemetry{gap:10px;width:max-content;bottom:168px}.flight-stick{width:118px;height:118px;bottom:22px;left:18px}.boost-control{bottom:22px;right:18px}.boost-control button{width:96px;height:96px}.charge{height:74px}.debrief-grid{grid-template-columns:repeat(2,1fr)}}@media (height<=700px){.launch-copy{bottom:17px}.launch-copy h1{font-size:clamp(58px,17vh,112px)}.launch-copy>strong{margin-top:14px}.launch-brief{margin-top:11px}.enter-pass{margin-top:12px;padding:12px 15px}.launch-copy>small{margin-top:9px}.debrief-card{padding-top:20px;padding-bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}