@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/barlow-condensed-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700 900;font-display:swap;src:url(/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#eef1f4;background:#090d12;font-synthesis:none;--orange:#ff603b;--muted:#8c96a3;--line:#ffffff20}*{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 var(--orange);outline-offset:5px}[hidden]{display:none!important}#app{height:100dvh;min-height:460px;position:relative;overflow:hidden}#stage{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#070a0ed9 0%,transparent 56%),linear-gradient(0deg,#06090ef5 0%,transparent 42%,#070a0e55 100%)}header{position:absolute;z-index:3;top:0;left:0;width:100%;padding:30px 4%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f0f2f5;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:24px;letter-spacing:2px}.brand-mark{width:38px;height:38px;border:1px solid #ff603b70;display:grid;place-items:center;color:var(--orange);font-size:35px;transform:skew(-8deg)}.brand-dot{color:var(--orange)}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2.4px;margin-top:2px;color:#929ca9}.header-right{display:flex;align-items:center;gap:14px}.build-label{font-family:Barlow Condensed,sans-serif;letter-spacing:1.8px;font-size:12px;color:#aab3c1;display:flex;align-items:center;gap:8px}.build-label i,#flight-status i{width:5px;height:5px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px #ff603b}.small-btn{border:1px solid var(--line);background:#11182090;padding:8px 12px;color:#b6bec9;font-size:11px;border-radius:3px}#intro{position:absolute;z-index:2;left:7%;top:22%}.eyebrow{font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:2px;color:#a4afbc;display:flex;gap:17px;align-items:center}.eyebrow>span:first-child{color:var(--orange)}h1{font-size:clamp(64px,7.8vw,116px);font-weight:750;letter-spacing:-5px;line-height:1.08;margin:22px 0 24px}h1 span{color:var(--orange)}.intro-copy{font-size:14px;line-height:1.9;color:#aeb7c3;margin-bottom:27px}.primary{background:var(--orange);border:1px solid #ff7958;color:#110e0d;padding:16px 23px;border-radius:3px;font-size:14px;font-weight:700;min-width:202px;display:flex;align-items:center;justify-content:space-between;gap:32px;transition:background .2s,transform .2s}.primary:hover{background:#ff815f;transform:translateY(-1px)}.primary>span{font-size:23px;line-height:1}.intro-meta{display:flex;gap:9px;color:#75808d;font-size:10px;margin-top:17px;letter-spacing:.2px}.intro-meta b{font-weight:400;color:#46505a}#scene-label{position:absolute;left:61%;top:29%;display:flex;gap:11px;align-items:center;color:#d0d9e4;font-family:Barlow Condensed,sans-serif;letter-spacing:2px;font-size:15px;pointer-events:none}#scene-label .cross{font-size:22px;color:var(--orange)}#scene-label div span{display:block;font-size:10px;letter-spacing:1px;color:#758391;margin-top:4px}.annotation-line{width:65px;height:1px;background:#ffffff32}.annotation-line:after{content:"";width:5px;height:5px;border:1px solid #ffffff55;display:block;margin-left:65px;margin-top:-3px}#bottom{position:absolute;z-index:3;bottom:66px;left:7%;right:7%;display:flex;align-items:center;gap:50px}.fuel-panel{flex:1;min-width:180px;max-width:400px}.fuel-top{display:flex;justify-content:space-between;align-items:center;font-family:Barlow Condensed,sans-serif;letter-spacing:1.5px;font-size:12px}.fuel-top b{font-family:inherit;font-size:10px;color:#85909d;font-weight:400;letter-spacing:0;margin-left:12px}.fuel-top strong{font-size:30px;letter-spacing:0;font-weight:600}.fuel-top small{font-size:13px;color:#7b8794}.fuel-track{height:5px;background:#ffffff14;margin:9px 0 11px;overflow:hidden}.fuel-track>div{height:100%;background:linear-gradient(90deg,#ff9c70,#ff603b);transition:width .05s}.fuel-track>div.low{background:#ff3434}.fuel-foot{display:flex;justify-content:space-between;font-size:10px;color:#7b8794;gap:12px}.fuel-foot span:last-child{font-family:Barlow Condensed,sans-serif;font-size:10px;letter-spacing:1px}.controls{display:flex;gap:9px;margin-left:auto}.control{border:1px solid #ffffff23;background:linear-gradient(140deg,#18212add,#10161cdd);border-radius:4px;width:126px;padding:13px 14px 12px;text-align:left;touch-action:none;user-select:none;-webkit-user-select:none;transition:border-color .12s,background .12s;box-shadow:0 5px 15px #0002}.control-top{display:flex;justify-content:space-between;align-items:center}.control svg{width:23px;height:23px;color:#c7d2df}.control kbd{font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:500;letter-spacing:.5px;border:1px solid #ffffff25;border-radius:3px;padding:2px 5px;color:#9ca8b6}.control-name{display:block;font-size:13px;letter-spacing:1px;margin-top:10px}.control small{display:block;font-size:9px;color:#788694;white-space:nowrap;margin-top:6px}.control.active{border-color:var(--orange);background:#713526b8}.control.active svg,.control.active kbd{color:var(--orange)}.control.empty{opacity:.4}#bottom:not(.playing) .control{opacity:.6}footer{position:absolute;bottom:23px;left:4%;right:4%;display:flex;justify-content:space-between;font-family:Barlow Condensed,sans-serif;font-size:10px;letter-spacing:1.5px;color:#5d6977}footer span:last-child{font-family:inherit;letter-spacing:.5px}#telemetry{position:absolute;top:130px;left:5%;display:flex;align-items:flex-start;gap:42px;z-index:2}.stat label{font-family:Barlow Condensed,sans-serif;letter-spacing:1.8px;font-size:12px;color:#8b98a7}.stat label span{font-size:10px;margin-left:8px;letter-spacing:0}.stat>div{display:flex;align-items:baseline;gap:10px}.stat strong{font-family:Barlow Condensed,sans-serif;font-size:72px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.stat em{font-style:normal;color:#91a0b1;font-family:Barlow Condensed,sans-serif;font-size:18px}.stat.compact strong{font-size:44px}.stat.compact{padding-top:4px}#flight-status{position:absolute;right:5%;top:140px;font-family:Barlow Condensed,sans-serif;font-size:13px;letter-spacing:1.6px;color:#b0bfce;display:flex;align-items:center;gap:9px}#hint{position:absolute;bottom:210px;left:7%;font-size:12px;color:#a1adbc;pointer-events:none;max-width:90%}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#06090ec7;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);display:flex;align-items:center;justify-content:center;padding:25px;overflow-y:auto}.modal-card{width:370px;padding:36px;border:1px solid #ffffff1c;background:#11171eea}.modal h2{font-size:32px;letter-spacing:-1px;margin:22px 0}.modal p{color:#8896a5;font-size:13px;line-height:1.6}.modal-card .primary{width:100%;margin:25px 0 12px}.text-btn{background:none;border:0;color:#a3afbd;font-size:12px;padding:12px 15px}.text-btn:hover{color:#fff}.result-card{max-width:690px;width:100%;border:1px solid #ffffff22;border-radius:6px;background:linear-gradient(135deg,#161e27f2,#0c1118fa);padding:30px 38px;box-shadow:0 30px 120px #0009}.result-card>.eyebrow{justify-content:space-between}.result-card h2{font-size:30px;margin:24px 0 8px}.result-distance{display:flex;align-items:center;gap:16px}.result-distance>strong{font-family:Barlow Condensed,sans-serif;font-size:100px;line-height:1;color:#f1f3f5;font-weight:500;letter-spacing:-1px}.result-distance>span{font-family:Barlow Condensed,sans-serif;color:var(--orange);font-size:30px}.result-distance small{display:block;font-family:inherit;font-size:10px;color:#7b8b9d;margin-top:4px}.result-facts{display:flex;gap:27px;font-size:11px;color:#7c8e9f;margin:15px 0 24px}.result-facts b{color:#d8e0e9;font-weight:500;margin:0 4px}.judges{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:20px}.judge label{display:block;font-size:10px;color:#a6b2bf}.judge label span{display:block;font-family:Barlow Condensed,sans-serif;font-size:10px;letter-spacing:1.2px;color:#617487;margin-bottom:9px}.judge strong{display:block;font-family:Barlow Condensed,sans-serif;font-size:37px;font-weight:500;margin-top:5px}.judge p{font-size:10px;line-height:1.6;margin:5px 0 0}.total{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.total>span{font-size:12px;color:#bec7d1}.total small{display:block;font-size:9px;color:#617182;margin-top:5px}.total strong{font-family:Barlow Condensed,sans-serif;font-size:42px;font-weight:500;color:var(--orange)}.total em{font-size:16px;color:#65788c;font-style:normal;margin-left:5px}.personal-best{font-size:10px;color:#7c91a6;margin:6px 0 20px}.result-actions{display:flex;gap:15px}.result-actions .primary{flex:1}.success{color:#8ecdb2!important}.warn{color:#e4a986!important}#loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#090d12;z-index:15;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#8391a2;font-size:13px}.loader{width:30px;height:30px;border:1px solid #ffffff20;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){#intro{top:21%}#bottom{bottom:80px}.control{width:145px;padding:17px}.fuel-panel{max-width:470px}}@media(max-width:1000px){#bottom{gap:25px;left:5%;right:5%}.control{width:108px;padding:11px}.fuel-top b{display:none}h1{font-size:78px}#intro{left:6%;top:21%}.build-label{display:none}#scene-label{left:63%;top:32%}#hint{left:5%;bottom:200px}}@media(max-width:700px)and (orientation:portrait){#app{min-height:530px}header{padding:22px 5%}.brand{font-size:19px;gap:9px}.brand-mark{width:29px;height:32px;font-size:27px}.brand small{font-size:6px;letter-spacing:1.5px}.small-btn{padding:7px 9px}.header-right{gap:7px}#intro{top:16%;left:7%}h1{font-size:66px;line-height:1.08;letter-spacing:-3px;margin:15px 0}.eyebrow{font-size:10px}.intro-copy{font-size:12px;line-height:1.8;margin-bottom:18px}.primary{padding:13px 18px;min-width:175px;font-size:13px}.intro-meta{font-size:8px;gap:6px}#scene-label{display:none!important}.vignette{background:linear-gradient(90deg,#070a0ea0,transparent 90%),linear-gradient(0deg,#06090ef5 0%,transparent 50%)}#bottom{left:5%;right:5%;bottom:max(45px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;align-items:stretch}.fuel-panel{width:100%;max-width:none;min-width:0}.fuel-top b{display:inline;font-size:9px}.fuel-top strong{font-size:24px}.fuel-track{margin:5px 0 7px;height:4px}.fuel-foot{font-size:9px}.controls{width:100%;gap:7px}.control{width:auto;flex:1;min-width:0;padding:10px 9px}.control-name{font-size:11px;letter-spacing:0;margin-top:9px}.control small{font-size:7px;margin-top:4px}.control kbd{display:none}.control svg{width:21px;height:21px}footer{bottom:15px;left:5%;right:5%;font-size:8px;letter-spacing:.5px}footer span:first-child{display:none}#telemetry{top:95px;left:6%;gap:25px}.stat strong{font-size:53px}.stat label{font-size:9px;letter-spacing:1px}.stat label span{display:none}.stat.compact strong{font-size:34px}.stat em{font-size:13px}.stat>div{gap:6px}#flight-status{top:175px;left:6%;right:auto;font-size:11px}#hint{bottom:226px;left:6%;font-size:10px;right:6%;line-height:1.6}.modal{padding:14px}.result-card{padding:23px}.result-card h2{font-size:25px;margin-top:20px}.result-distance>strong{font-size:83px}.result-distance>span{font-size:24px}.result-distance small{font-size:8px}.result-facts{gap:16px;font-size:10px;margin:12px 0 20px}.judges{gap:12px;padding:15px 0}.judge p,.judge label{font-size:9px}.judge strong{font-size:31px}.total strong{font-size:35px}.result-actions{gap:5px}.result-actions .primary{min-width:0}.result-actions .text-btn{padding:10px}.personal-best{font-size:9px}}@media(max-height:650px)and (orientation:landscape){header{padding:16px 4%}.brand{font-size:18px}.brand-mark{width:30px;height:30px;font-size:27px}.brand small{font-size:6px}.build-label{display:none}#intro{top:20%;left:6%}h1{font-size:57px;margin:13px 0;line-height:1.03;letter-spacing:-3px}.intro-copy{font-size:11px;margin:12px 0 14px}.intro-meta{display:none}.primary{padding:11px 15px;min-width:165px;font-size:12px}#bottom{bottom:40px;left:47%;right:4%;gap:11px;flex-direction:column;align-items:stretch}.fuel-panel{min-width:0;max-width:none}.fuel-top b{display:inline;font-size:9px}.fuel-top strong{font-size:22px}.fuel-top{font-size:10px}.fuel-track{margin:4px 0 6px;height:3px}.fuel-foot{font-size:8px}.controls{gap:6px;margin-left:0}.control{width:auto;flex:1;padding:8px;min-width:0}.control svg{width:18px;height:18px}.control kbd{font-size:8px}.control-name{font-size:10px;margin-top:5px;letter-spacing:0}.control small{font-size:7px;margin-top:4px}footer{bottom:13px;font-size:8px}#telemetry{top:77px;gap:26px}.stat strong{font-size:48px}.stat.compact strong{font-size:31px}.stat label{font-size:9px}.stat label span{display:none}.stat em{font-size:12px}#flight-status{top:79px;font-size:10px}#hint{left:5%;bottom:57px;max-width:35%;font-size:10px;line-height:1.7}#scene-label{top:24%;left:62%;font-size:12px}.result-card{padding:18px 26px;max-width:650px}.result-card h2{font-size:22px;margin:12px 0 0}.result-distance>strong{font-size:62px}.result-facts{margin:7px 0 10px}.judges{padding:10px 0}.judge strong{font-size:26px}.judge p{margin:0;font-size:9px}.total{margin-top:7px}.total strong{font-size:28px}.personal-best{margin:0 0 10px}.result-card>.eyebrow{font-size:10px}.modal{padding:14px}.modal-card{padding:22px}}.auto-btn{display:flex;gap:15px;align-items:center;margin-top:13px;background:none;border:0;padding:4px 0;color:#b7c5d3;font-size:12px}.auto-btn small{font-size:9px;color:#64778a}.auto-btn:hover{color:var(--orange)}#auto-indicator{position:absolute;top:205px;left:5%;font-family:Barlow Condensed,sans-serif;color:var(--orange);font-size:12px;letter-spacing:2px}#auto-indicator span{font-family:inherit;color:#8da0b3;font-size:10px;letter-spacing:0;margin-left:10px}@media(max-width:700px)and (orientation:portrait){#auto-indicator{top:201px;left:6%;font-size:10px}.auto-btn{margin-top:11px;font-size:11px}.intro-meta{margin-top:12px}}@media(max-height:650px)and (orientation:landscape){#auto-indicator{top:145px}.auto-btn{font-size:10px;margin-top:9px}}#bottom{left:50%;right:auto;transform:translate(-50%);width:min(330px,40vw);bottom:63px;display:block}#bottom .fuel-panel{width:100%;max-width:none;min-width:0}#app>.controls{position:absolute;z-index:3;left:4vw;right:4vw;bottom:165px;width:auto;margin:0;transform:none;display:grid;grid-template-columns:126px 126px;grid-template-rows:auto auto;justify-content:space-between;gap:12px;padding:0;pointer-events:none}.controls .control{pointer-events:auto;width:126px;min-width:0;margin:0;padding:13px 14px 12px}.controls [data-action=accelerate]{grid-column:1;grid-row:1}.controls [data-action=thrust]{grid-column:1;grid-row:2}.controls [data-action=adhere]{grid-column:2;grid-row:1}.controls [data-action=rotate]{grid-column:2;grid-row:2}#hint{left:50%;transform:translate(-50%);bottom:165px;text-align:center;width:min(440px,50vw);font-size:11px;line-height:1.8}@media(max-width:700px)and (orientation:portrait){#bottom{width:88vw;bottom:max(48px,env(safe-area-inset-bottom))}#app>.controls{left:5vw;right:5vw;bottom:165px;grid-template-columns:88px 88px;gap:10px;padding:0}.controls .control{width:88px;padding:12px 9px;min-height:81px;background:linear-gradient(140deg,#18212af0,#10161cf0)}.controls .control svg{width:23px;height:23px}.controls .control-name{font-size:11px;margin-top:8px}.controls .control small{font-size:7px;margin-top:4px}#hint{bottom:175px;width:34vw;font-size:9px;line-height:1.8;max-width:none}}@media(max-height:650px)and (orientation:landscape){#bottom{width:35vw;bottom:35px}#app>.controls{left:4vw;right:4vw;bottom:55px;grid-template-columns:100px 100px;gap:8px;padding:0}.controls .control{width:100px;padding:9px 10px;min-height:65px}.controls .control-name{font-size:10px;margin-top:5px}.controls .control small{font-size:7px}#hint{bottom:110px;width:45vw;max-width:none;left:50%;font-size:10px}}