@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#ecede2;--muted:#a9bbb1;--line:#ffffff20;--panel:#152d2bea;--accent:#f1cb85}*{box-sizing:border-box}body{margin:0;background:#8aa799;color:var(--ink);font-family:'DM Sans','Manrope',sans-serif;overflow:hidden;font-size:13px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:5px;padding:11px 14px;transition:background .18s}button:hover{background:#ffffff15}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#canvas{display:block;width:100vw;height:100vh;outline:none}header{position:absolute;top:0;left:0;right:0;height:78px;padding:0 35px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#112d2a88,transparent);border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand b{font-size:23px;letter-spacing:5px;font-weight:600}.brand-caption{margin-left:13px;border-left:1px solid #ffffff40;padding-left:23px;font-size:9px;letter-spacing:2px}.top-meta{display:flex;gap:15px;align-items:center;font-size:9px;letter-spacing:1.5px}.top-meta i{height:15px;width:1px;background:#ffffff35}.dot{display:inline-block;width:6px;height:6px;background:#a9d9b0;border-radius:50%;box-shadow:0 0 9px #a9d9b044}.icon-button{padding:0;width:31px;height:31px;font-size:18px;display:inline-grid;place-items:center;border-color:#ffffff25}#left-panel{position:absolute;left:35px;top:108px;width:270px;padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 15px 40px #17342815;backdrop-filter:blur(18px)}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.aircraft-tabs{display:flex;gap:4px;border:1px solid var(--line);border-radius:5px;padding:4px;margin:18px 0 25px}.aircraft-tabs button{border:0;padding:10px 5px;font-size:11px;flex:1;color:var(--muted)}.aircraft-tabs .selected{background:#e7e9db;color:#213a33}.aircraft-name>span{font-size:10px;letter-spacing:2px;color:var(--accent)}h1{font-family:'Manrope',sans-serif;font-size:39px;line-height:1.16;font-weight:500;letter-spacing:-1.7px;margin:12px 0 16px}p{color:var(--muted);font-size:11px;line-height:1.8;margin:0}.specs{display:flex;gap:29px;border-block:1px solid var(--line);padding:18px 0;margin-top:23px}.specs>div{display:flex;flex-direction:column;gap:7px}.specs span{font-size:8px;letter-spacing:1px;color:var(--muted)}.specs b{font-size:22px;font-weight:400}.specs small{font-size:11px;color:var(--muted)}.launch-box{margin-top:23px}.launch-box p{margin:10px 0 16px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#20382e;border:0;font-weight:600;padding:14px}.primary:hover{background:#ffdc9a}.primary span{font-size:20px}.launch-box>small{display:block;text-align:center;font-size:9px;color:#90a89c;margin-top:12px}#flight-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:20px}#flight-actions button{font-size:10px;padding:10px 7px;display:flex;justify-content:space-between}#flight-actions button:last-child{grid-column:span 2}kbd{font-family:inherit;opacity:.55}#left-panel.active .aircraft-name h1{font-size:29px}#left-panel.active .launch-box{display:none}.sensor-button{width:100%;font-size:10px;text-align:left;margin-top:22px;padding:14px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;display:flex;align-items:center;gap:8px}.sensor-button>span:last-child{margin-left:auto}.location-label{position:absolute;top:113px;right:36px;display:flex;flex-direction:column;gap:6px;text-align:right;text-shadow:0 1px 5px #18352c55}.location-label span{font-size:11px;letter-spacing:1px}.location-label b{font-weight:500;font-size:9px;letter-spacing:2px}.location-label small{font-size:9px;color:#e0e8da}#instruments{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);width:min(1080px,calc(100vw - 70px));height:116px;background:var(--panel);backdrop-filter:blur(15px);border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:19px 10px;box-shadow:0 8px 40px #142e2620}.instrument{padding:0 27px;border-right:1px solid var(--line);flex:1;min-width:0}.instrument>span{display:block;letter-spacing:1px;font-size:8px;white-space:nowrap;color:var(--muted);margin-bottom:5px}.instrument>div:not(.mini-scale):not(.instrument-foot):not(.compass-label):not(#attitude){display:flex;align-items:baseline;gap:7px}strong{font-weight:400;font-variant-numeric:tabular-nums;font-size:34px;letter-spacing:-1px}.instrument small{font-size:10px;color:var(--muted)}.instrument-foot,.compass-label{font-size:9px;color:#8fa79b;margin-top:4px;white-space:nowrap}.instrument:last-child{border:0}.mini-scale{display:flex;gap:14px;margin-top:9px}.mini-scale i{width:1px;height:6px;background:#b8c9b5}.mini-scale i:nth-child(odd){height:3px}.attitude-instrument{display:flex;flex-direction:column;align-items:center;gap:5px;flex:.7}.attitude-instrument>span{font-size:7px;margin:0}#attitude{position:relative;width:65px;height:65px;border-radius:50%;border:2px solid #748a7b;overflow:hidden;background:#789bac}#horizon{width:150%;height:150%;position:absolute;top:-25%;left:-25%;transform-origin:center}#horizon>div{position:absolute;bottom:0;height:50%;width:100%;background:#66745c;border-top:1px solid #f5e9b5}#attitude>i{position:absolute;top:50%;left:12%;width:76%;border-top:2px solid #f6d18a}footer{position:absolute;bottom:0;left:0;right:0;height:46px;padding:0 35px;display:flex;justify-content:space-between;align-items:center;background:#18352cde;border-top:1px solid var(--line);font-size:8px;letter-spacing:1px;color:#b8c7b7}footer>span:first-child{display:flex;align-items:center;gap:10px}footer b{font-weight:400}footer em{font-style:normal;opacity:.5;margin-left:10px}#sim-time{border-left:1px solid var(--line);padding-left:10px;font-variant-numeric:tabular-nums}#center-reticle{position:absolute;left:50%;top:46%;display:flex;gap:9px;align-items:center;opacity:.7}#center-reticle span{width:17px;height:1px;background:#fff}#center-reticle i{width:4px;height:4px;border:1px solid #fff;border-radius:50%}#status-banner{position:absolute;top:100px;left:50%;transform:translateX(-50%);background:#203c32ed;color:var(--accent);border:1px solid #ddc38666;border-radius:5px;padding:14px 22px;max-width:400px;text-align:center;font-size:12px;line-height:1.6}#sensor-panel{position:absolute;top:95px;right:28px;bottom:200px;width:360px;background:#152d2bf5;border:1px solid var(--line);border-radius:9px;padding:22px;overflow:auto;backdrop-filter:blur(15px)}.panel-heading{display:flex;justify-content:space-between;align-items:center}h2{font-weight:500;font-size:23px;letter-spacing:-.7px;margin:7px 0 13px}.sensor-note{font-size:10px;color:#9caf9e;line-height:1.8}.sensor-row{border-top:1px solid var(--line);padding:12px 0 9px}.sensor-row h3{margin:0 0 6px;font-size:11px;font-weight:500;display:flex;justify-content:space-between;color:#e1e5d6}.sensor-row h3 small{font-size:8px;color:#a5bdac;font-weight:400}.sensor-row div{font-size:10px;line-height:1.8;display:flex;justify-content:space-between;gap:10px;color:var(--muted)}.sensor-row b{font-family:monospace;color:#e1e8d3;white-space:nowrap;font-weight:400}.sensor-row .invalid{color:#d8b472;font-size:9px}.sensor-actions{display:flex;gap:7px;margin-top:15px}.sensor-actions button{font-size:10px;flex:1}#record-status{font-size:8px;color:var(--muted);display:block;margin-top:9px}#throttle-panel{position:absolute;right:35px;bottom:203px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:12px;font-size:10px}#throttle{accent-color:var(--accent);width:100px}#hover{font-size:9px;padding:6px}dialog{background:#19352f;color:var(--ink);border:1px solid #829480;border-radius:10px;max-width:520px;width:calc(100vw - 40px);padding:35px;box-shadow:0 10px 90px #0005}dialog::backdrop{background:#0b211c88;backdrop-filter:blur(6px)}dialog>button{float:right}dialog p{font-size:12px;margin-top:15px}#loading{position:fixed;inset:0;background:#18372f;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99;gap:20px}.wordmark{font-size:50px;letter-spacing:9px;font-weight:500}.wordmark span{color:var(--accent)}#loading progress{width:240px;height:3px;accent-color:var(--accent)}#loading small{color:var(--muted);font-size:10px}#touch-controls{display:none}.in-flight .aircraft-name p{display:none}@media(max-height:800px){#left-panel{top:96px;padding:18px;width:245px}.aircraft-tabs{margin:13px 0 16px}h1{font-size:31px;margin:10px 0}.specs{margin-top:16px;padding:12px 0}.launch-box{margin-top:16px}.launch-box p{margin:8px 0 12px}.sensor-button{margin-top:16px}#instruments{height:102px}.instrument{padding-inline:20px}#sensor-panel{top:95px;bottom:180px}}
@media(max-width:1000px){header{padding:0 20px}.brand-caption,.top-meta>span:not(.dot),.top-meta i{display:none}#left-panel{left:20px;width:235px}#instruments{width:calc(100vw - 40px)}.instrument{padding-inline:13px}.route-instrument,.heading-instrument{display:none}.location-label{right:20px}.controls-hint{display:none}#sensor-panel{right:20px;width:335px}#throttle-panel{right:20px}.instrument>span{font-size:7px}}@media(max-width:650px){header{height:60px}.brand b{font-size:18px}.brand-caption{display:none}#left-panel{top:77px;width:205px;padding:15px}.eyebrow{font-size:8px}h1{font-size:30px}.aircraft-name p{font-size:10px}.specs{gap:22px}.specs b{font-size:18px}.location-label{display:none}#instruments{bottom:54px;width:calc(100vw - 24px);height:93px;padding:10px 0}.instrument{padding-inline:10px}.instrument strong{font-size:26px}.instrument-foot{font-size:7px}.attitude-instrument{display:none}.mini-scale{gap:8px}.instrument>span{font-size:6px;letter-spacing:.6px}#sensor-panel{inset:72px 12px 158px;width:auto;z-index:5}footer{padding:0 13px;height:40px}#left-panel.active .aircraft-name,#left-panel.active .specs,#left-panel.active>.eyebrow{display:none}#left-panel.active{width:200px}.aircraft-tabs{margin:0 0 13px}#left-panel.active #flight-actions{margin-top:10px}.sensor-button{margin-top:12px}#status-banner{top:78px;font-size:10px;left:auto;right:12px;transform:none;max-width:155px;padding:10px}#throttle-panel{bottom:160px;right:12px;left:auto;flex-wrap:wrap;width:175px;gap:8px}#throttle{width:90px}#touch-controls{position:absolute;bottom:170px;left:15px;display:flex;gap:4px}#touch-controls button{padding:12px;background:#16392acc;touch-action:none}body:not(.in-flight) #touch-controls{display:none}}
/* Keep all controls reachable above the instrument strip on short displays. */
#left-panel{max-height:calc(100dvh - 290px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#779384 transparent}
#sensor-panel{bottom:263px}
@media(max-width:650px){#left-panel{max-height:calc(100dvh - 255px)}#sensor-panel{bottom:235px}#sensor-panel:not([hidden])~#throttle-panel{display:none}}

.power-instrument{min-width:145px}.power-instrument strong{color:var(--accent)}
.power-meter{display:block!important;position:relative;height:5px;background:#ffffff20;border-radius:3px;margin:5px 0 7px;overflow:visible}
.power-meter i{display:block;height:100%;background:var(--accent);border-radius:3px;width:0}
.power-meter span{position:absolute;top:-3px;height:11px;width:1px;background:#e8ebd8}
@media(max-width:1000px){.power-instrument{min-width:125px}}
@media(max-width:650px){.power-instrument{min-width:0}.power-instrument .instrument-foot{font-size:6px;white-space:normal;line-height:1.4}.power-meter{margin-bottom:4px}.power-instrument strong{font-size:26px}}