:root{color:#a7dcb6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#020705;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0}#app{height:100svh;min-height:340px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}canvas:focus-visible{outline-offset:-3px;outline:1px solid #84dca1}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:#bbdfc5;cursor:pointer;background:#07140eea;border:1px solid #345d43;border-radius:3px;min-height:44px;padding:0 15px;font-size:10px}button:hover,button.held{background:#193d28;border-color:#8cf5aa}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #a6ffc5}header{inset:max(20px, env(safe-area-inset-top)) 28px auto;justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute}.brand{letter-spacing:.13em;white-space:nowrap;font-size:11px}.brand-mark{color:#8bdda4;vertical-align:middle;margin-right:9px;font-size:23px}.subtitle{color:#577e64;font-size:9px}nav{gap:7px;display:flex}nav button{background:#06100b8c;min-height:38px;padding:0 12px}nav button span{color:#6da980;margin-left:10px}.flight-label{letter-spacing:.14em;color:#789d82;pointer-events:none;font-size:8px;position:absolute;top:89px;left:34px}.signal{background:#8fe7aa;border-radius:50%;width:4px;height:4px;margin-right:7px;display:inline-block}.flight-label small{color:#476f54;letter-spacing:.03em;margin:9px 0 0 12px;font-size:8px;display:block}.reticle{opacity:.6;pointer-events:none;width:16px;height:16px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.reticle span{background:#74bc8a;width:1px;height:16px;position:absolute;top:0;left:7px}.reticle i{background:#74bc8a;width:16px;height:1px;position:absolute;top:7px;left:0}.hint{text-align:center;color:#92b19c;pointer-events:none;width:90%;font-size:11px;position:absolute;top:18%;left:50%;transform:translate(-50%)}.hint span{color:#53745e;margin-top:8px;font-size:9px;display:block}.instruments{text-align:center;pointer-events:none;gap:40px;display:flex;position:absolute;bottom:39px;left:50%;transform:translate(-50%)}.instruments>div{min-width:90px}.instruments small{letter-spacing:.09em;color:#6a9778;font-size:8px;display:block}.instruments strong{letter-spacing:-.04em;color:#b9f2cb;margin:7px 0 5px;font-size:26px;font-weight:400;display:block}.instruments span{color:#719e7f;font-size:8px;display:block}.steering{text-align:center;position:absolute;bottom:47px;left:44px}#steer-pad{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:radial-gradient(circle,#102a1b88,#06110c99);border:1px solid #39654a;border-radius:50%;width:124px;height:124px;position:relative}#stick{color:#9effbc;pointer-events:none;background:#133821;border:1px solid #71b58a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px)}.pad-axis{pointer-events:none;border:1px solid #254331;border-radius:50%;position:absolute;inset:16px}#steer-pad i{color:#75a884;pointer-events:none;font-size:9px;font-style:normal;position:absolute;top:5px;left:calc(50% - 4px)}.control-caption{color:#577c64;letter-spacing:.08em;margin-top:12px;font-size:7px;display:block}.propulsion{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:47px;right:44px}.propulsion button{touch-action:none;-webkit-user-select:none;user-select:none;letter-spacing:.1em;width:124px;height:55px;font-size:11px}.propulsion small{color:#6f9b7e;letter-spacing:.06em;margin-top:6px;font-size:7px;display:block}.bottom-label{bottom:max(8px, env(safe-area-inset-bottom));color:#365942;letter-spacing:.15em;white-space:nowrap;pointer-events:none;margin:0;font-size:7px;position:absolute;left:50%;transform:translate(-50%)}.bottom-label span{margin:0 8px}#pause-banner{text-align:center;background:#07180fe8;border:1px solid #376748;padding:17px 28px;font-size:15px;position:absolute;top:35%;left:50%;transform:translate(-50%)}#pause-banner small{color:#6e9f7f;margin-top:8px;font-size:9px;display:block}dialog{color:#b0d6bb;background:#07120e;border:1px solid #568e66;border-radius:5px;width:min(90vw,470px);max-height:88svh;padding:30px;font-size:12px;line-height:1.7}dialog::backdrop{background:#010704c9}dialog h1{letter-spacing:-.04em;color:#d1ebd9;font:400 30px Arial,sans-serif}.eyebrow{letter-spacing:.12em;color:#6b9a7a;font-size:9px}dt{color:#b8e7c6;margin-top:10px}dd{color:#7fa38a;margin:2px 0 0;font-size:11px}dialog label{margin-top:20px;font-size:10px;display:block}output{float:right}input{accent-color:#88dba0;width:100%}.help-note{color:#6d9279;font-size:10px}dialog a{color:#90dba4;font-size:10px}#close-help{width:100%;margin-top:20px;display:block}#error{background:#07150ff5;border:1px solid #91bca1;padding:24px;font-size:14px;line-height:1.7;position:absolute;top:30%;left:10%;right:10%}noscript{position:absolute;top:35%;left:10%;right:10%}@media (width<=700px){header{left:16px;right:16px;top:max(14px, env(safe-area-inset-top))}.brand{font-size:9px}.brand-mark{margin-right:5px;font-size:19px}.subtitle{display:none}nav{gap:5px}nav button{min-height:40px;padding:0 10px;font-size:9px}nav button span{display:none}.flight-label{font-size:7px;top:76px;left:22px}.flight-label small{font-size:7px}.hint{font-size:10px;top:18%}.hint span{font-size:8px}.steering{bottom:109px;left:20px}#steer-pad{width:116px;height:116px}.control-caption{margin-top:8px;font-size:6px}.propulsion{gap:9px;bottom:115px;right:20px}.propulsion button{width:108px;height:50px}.instruments{gap:28px;bottom:33px}.instruments>div{min-width:64px}.instruments strong{margin:5px 0;font-size:22px}.instruments small,.instruments span,.bottom-label{font-size:6px}}@media (height<=500px) and (orientation:landscape){header{top:8px;left:18px;right:18px}nav button{min-height:34px}.flight-label{font-size:7px;top:59px;left:24px}.hint{display:none}.steering{bottom:24px;left:22px}#steer-pad{width:96px;height:96px}.control-caption{display:none}.propulsion{gap:7px;bottom:24px;right:22px}.propulsion button{width:105px;height:44px}.instruments{gap:25px;bottom:25px}.instruments strong{font-size:21px}.bottom-label{font-size:6px;bottom:5px}}@media (width<=350px){.instruments{gap:18px}.propulsion{right:15px}.steering{left:15px}}.instruments{clip-path:polygon(5% 0,95% 0,100% 20%,98% 100%,2% 100%,0 20%);background:linear-gradient(160deg,#10251aeb,#06100cf5 70%);border-top:1px solid #4b7d5c;border-bottom:2px solid #142c20;padding:12px 18px 7px}.instruments>div+div{border-left:1px solid #234330;padding-left:18px}#home-cue{pointer-events:none;text-align:right;background:#041009b8;border-left:1px solid #3c7350;padding:9px 12px;position:absolute;top:88px;right:34px}#home-cue small{color:#84b694;letter-spacing:.12em;font-size:8px;display:block}#home-cue strong{color:#b9f2cb;margin:5px 0;font-size:17px;font-weight:400;display:block}#home-turn{color:#93caa4;font-size:9px;display:block}@media (width<=700px){.instruments{gap:15px;padding:9px 10px 6px}.instruments>div+div{padding-left:10px}#home-cue{padding:7px 9px;top:116px;right:22px}#home-cue strong{margin:5px 0;font-size:13px;display:inline-block}#home-turn{font-size:8px}.hint{top:23%}}@media (height<=500px) and (orientation:landscape){#home-cue{padding:5px 8px;top:59px;right:24px}#home-cue strong{margin:3px 0;font-size:13px}#home-turn{font-size:8px}.instruments{gap:16px;padding:8px 12px 5px}.instruments>div+div{padding-left:10px}}@media (width<=350px){.instruments{gap:8px}}@media (width<=700px) and (orientation:portrait){.instruments{bottom:22px}}@media (height<=650px) and (orientation:portrait){.hint{display:none}}