@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#070f17;--glass:rgba(10,22,34,.81);--edge:rgba(181,212,232,.16);--muted:#90a7b8;--text:#f3f8fc;--accent:#e9ad64;--green:#90f5be;font-synthesis:none}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;user-select:none;-webkit-user-select:none}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}#app,#viewport,#vignette{position:absolute;inset:0}#viewport{overflow:hidden;background:linear-gradient(#7694a7,#dde1dc)}#viewport canvas{width:100%;height:100%;display:block;touch-action:none}#vignette{pointer-events:none;background:radial-gradient(circle,transparent 42%,rgba(4,10,18,.23) 100%)}.glass{background:var(--glass);border:1px solid var(--edge);box-shadow:0 13px 45px rgba(0,0,0,.18);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}button{transition:background .18s ease,transform .18s ease,border .18s ease}button:active{transform:scale(.97)}small,.section-label{letter-spacing:1.65px;font-size:10px;font-weight:800;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:3px;font-size:19px}.brand-mark{font-size:27px;color:var(--accent);font-weight:500}.brand.mini{font-size:14px;letter-spacing:2.8px;white-space:nowrap}.brand.mini .brand-mark{font-size:23px}.brand-sub{font-size:10px;color:#92aabb;font-weight:700;letter-spacing:1.1px;margin-left:6px}.topbar{position:absolute;left:17px;right:17px;top:17px;height:71px;display:flex;align-items:center;padding:0 22px;gap:24px;border-radius:12px;z-index:5}.top-readouts{display:flex;gap:clamp(22px,3.5vw,66px);margin-left:auto;align-items:center}.top-readouts div{display:flex;flex-direction:column;gap:4px}.top-readouts small{font-size:9px}.top-readouts strong{font-family:'Barlow Condensed',sans-serif;font-size:27px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.top-readouts i{font-size:12px;color:#b6c7cf;font-style:normal}.header-buttons{display:flex;gap:5px;margin-left:14px}.icon-button{width:37px;height:37px;border:1px solid #334b5b;color:#eaf4f9;background:rgba(255,255,255,.04);border-radius:8px;font-size:19px}.icon-button:hover,.side-button:hover,.action-button:hover{background:rgba(232,172,98,.18);border-color:#c09362}#flight-panel{position:absolute;top:104px;left:17px;width:238px;border-radius:12px;padding:17px;z-index:4}.panel-top,.row-between{display:flex;align-items:center;justify-content:space-between}.green-dot,.pulse{display:block;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(121,247,182,.09),0 0 12px rgba(121,247,182,.38)}.green-dot{width:8px;height:8px}.horizon-wrap{text-align:center;margin:15px 0 16px}.horizon{position:relative;width:132px;height:132px;overflow:hidden;border-radius:50%;margin:0 auto;border:5px solid #283e50;box-shadow:inset 0 0 10px #111,0 0 0 1px #7891a0;background:#7899b7}.horizon-rotor{position:absolute;inset:-82px;transform:rotate(0deg) translateY(0px)}.horizon-rotor .sky,.horizon-rotor .land{position:absolute;left:0;right:0;height:50%}.horizon-rotor .sky{top:0;background:linear-gradient(#27628f,#7fb5d1)}.horizon-rotor .land{bottom:0;background:linear-gradient(#94724e,#423b32)}.horizon-line{position:absolute;top:50%;height:2px;background:white;left:0;right:0}.horizon-wings{position:absolute;left:0;right:0;top:50%;transform:translateY(-55%);font-size:23px;color:#fff;text-shadow:1px 1px 3px #222;letter-spacing:-1px}.horizon-wings span{color:var(--accent);font-size:14px}.instrument-caption{font-size:9px;color:#7a94a9;letter-spacing:1.6px;display:block;margin-top:10px}.instrument-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 6px;text-align:left}.instrument-grid div{display:flex;flex-direction:column;gap:3px}.instrument-grid b{font-family:'Barlow Condensed';font-size:21px;font-weight:600}.panel-rule{border-top:1px solid #304453;margin:17px 0}.row-between>strong{font-family:'Barlow Condensed';font-size:22px}.power-track{height:6px;background:#263c4a;border-radius:15px;overflow:hidden;margin-top:9px;margin-bottom:14px}.power-track div{height:100%;width:0;background:linear-gradient(90deg,#ddb068,#fbe2a4);border-radius:15px;transition:width .15s linear}.row-between.thin{font-size:11px;color:#b5c3cd;margin:10px 0}.row-between.thin strong{font-size:12px;color:#f4f7fb;font-family:'DM Sans';font-weight:800}.row-between.thin .status-good{color:var(--green)}.waypoint-name{font-family:'Barlow Condensed';font-size:21px;display:block;letter-spacing:.6px;margin:7px 0 8px}.side-button{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--accent);background:rgba(232,172,98,.07);padding:11px;border:1px solid rgba(232,172,98,.3);border-radius:6px;font-weight:800;font-size:10px;letter-spacing:1.1px;margin-top:15px}#bottom-bar{position:absolute;bottom:17px;left:17px;right:17px;min-height:79px;border-radius:12px;padding:13px 20px;display:flex;gap:20px;align-items:center;z-index:5}.bottom-title{min-width:245px}.flight-pill{display:inline-flex;gap:12px;align-items:center;font-size:10px;color:var(--green);font-weight:800;letter-spacing:1px}.pulse{width:7px;height:7px}.bottom-airport{font-size:11px;margin-top:9px;color:#8ba4b6;white-space:nowrap}.quick-stats{display:flex;gap:clamp(15px,2.7vw,54px);margin-left:auto}.quick-stats div{display:flex;flex-direction:column;gap:6px}.quick-stats small{font-size:9px}.quick-stats b{font-family:'Barlow Condensed';font-size:22px;font-weight:700;white-space:nowrap}.bottom-actions{display:flex;gap:7px;margin-left:auto}.action-button{min-width:96px;display:flex;flex-direction:column;gap:7px;background:rgba(255,255,255,.045);border:1px solid #304556;border-radius:8px;padding:10px 12px;text-align:left;color:#b9c9d3;letter-spacing:1.1px;font-size:9px;font-weight:900}.action-button span{font-size:12px;color:#fff;letter-spacing:0}.action-button.active{border-color:rgba(139,243,185,.56);background:rgba(93,230,158,.10)}.action-button.active span{color:var(--green)}#map-panel{position:absolute;right:17px;top:105px;width:350px;overflow:hidden;border-radius:12px;z-index:7;display:none}#map-panel.open{display:block}.map-head{display:flex;justify-content:space-between;padding:16px 17px 10px}.map-head h3{font-family:'Barlow Condensed';font-size:21px;letter-spacing:.5px;margin:3px 0}.muted-x{border:0;background:transparent;color:#bdc9d2;font-size:24px}.map-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;font-size:9px;color:#b5c2cb;font-weight:700;letter-spacing:.8px}.map-footer span{white-space:nowrap}.map-footer i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%}.legend-self{background:var(--accent)}.legend-airport{background:#96efa8}#map-canvas{width:100%;height:260px;display:block;background:#122b34}.control-hint{position:absolute;bottom:111px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;color:#dbe8f1;text-shadow:0 2px 7px #07111d;white-space:nowrap;z-index:4}.control-hint span{display:inline-block;background:rgba(8,21,31,.85);border:1px solid #426178;border-radius:4px;padding:4px 6px;color:#efc28c;margin:0 5px 0 13px;font-weight:900}.control-hint span:first-child{margin-left:0}#cockpit-display{position:absolute;left:50%;bottom:105px;transform:translateX(-50%);width:410px;border-radius:10px;padding:12px 16px;z-index:4;background:rgba(5,14,22,.92)}.cockpit-head{display:flex;justify-content:space-between;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:2px;border-bottom:1px solid #2a4354;padding-bottom:9px}.cockpit-head span{color:#829bad}.cockpit-data{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;text-align:center;padding:10px 0 0}.cockpit-data>div{display:flex;flex-direction:column;gap:2px}.cockpit-data b{font-family:'Barlow Condensed';font-size:40px;letter-spacing:1px}.cockpit-data small{font-size:9px}.cockpit-adi{align-items:center}.small-adi{width:77px;height:56px;border:2px solid #4c6172;border-radius:5px;background:linear-gradient(#5791bb 50%,#856749 50%);overflow:hidden}.small-adi div{width:100%;height:2px;background:#fff;margin-top:26px}.cockpit-adi span{font-family:'Barlow Condensed';font-size:15px;color:var(--accent)}#toast-stack{position:absolute;top:105px;right:18px;z-index:20;display:flex;flex-direction:column;gap:7px;align-items:end;pointer-events:none}.toast{max-width:340px;background:rgba(7,21,32,.92);border:1px solid #597082;border-left:3px solid var(--accent);border-radius:6px;padding:13px 18px;box-shadow:0 6px 24px #0005;font-size:12px;animation:toast-in .25s ease}@keyframes toast-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.loading-screen{position:absolute;inset:0;z-index:35;background:#071018;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;font-size:11px;letter-spacing:2px;color:#aebfcd}.spinner{border:2px solid #2a3b4e;border-top-color:#e1ac72;width:36px;height:36px;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.menu-scrim{position:absolute;inset:0;z-index:25;background:linear-gradient(90deg,#08111cf5 0%,#091521ed 43%,#09152180 72%,#08121b48 100%);overflow:auto}.menu-top{display:flex;justify-content:space-between;align-items:center;position:absolute;top:35px;left:clamp(25px,5vw,92px);right:clamp(25px,5vw,92px);font-size:10px;font-weight:800;letter-spacing:2.3px;color:#a9bcc9}.menu-content{position:relative;z-index:3;margin:clamp(125px,16vh,182px) 0 90px clamp(25px,8vw,150px);max-width:610px}.menu-eyebrow{font-size:11px;color:#e6bd8b;font-weight:800;letter-spacing:2.4px;display:flex;align-items:center;gap:14px}.accent-line{display:inline-block;width:27px;height:2px;background:var(--accent)}.menu-content h1{font-family:'Barlow Condensed';font-weight:900;font-size:clamp(64px,7.3vw,118px);line-height:.86;letter-spacing:-1px;margin:29px 0 29px}.menu-content h1 em{font-style:normal;color:var(--accent)}.menu-content p{color:#afc0cc;font-size:15px;line-height:1.85;max-width:455px}.menu-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:30px 0 20px}.option{border:1px solid #33485b;background:#112331ca;border-radius:8px;padding:11px 13px}.option label{display:block;color:#8fa7b9;font-size:9px;font-weight:800;letter-spacing:1.4px;margin-bottom:7px}.option select{color:#e8f0f5;border:0;background:transparent;outline:0;width:100%;font-family:'DM Sans';font-size:12px;font-weight:800;letter-spacing:.1px;cursor:pointer}.option select option{background:#0e202f;color:white}.primary-btn{display:flex;align-items:center;justify-content:space-between;border:0;background:var(--accent);color:#11202b;border-radius:8px;font-size:13px;letter-spacing:2px;font-weight:900;padding:17px 21px;min-height:54px}.menu-content .primary-btn{width:100%}.primary-btn:hover{background:#f6c485}.menu-notes{display:flex;flex-wrap:wrap;gap:19px;color:#839cad;font-weight:800;letter-spacing:1px;font-size:9px;margin-top:18px}.menu-right{position:absolute;right:5%;top:24%;width:390px;text-align:center;opacity:.73;pointer-events:none}.circle-outer{width:min(32vw,380px);height:min(32vw,380px);border:1px solid #67859a73;border-radius:50%;padding:40px;animation:slowrotate 75s linear infinite}.circle-middle{width:100%;height:100%;border:1px dashed #b8d0da77;border-radius:50%;display:grid;place-items:center;padding:35px}.circle-core{font-size:100px;color:#e1af7d;font-weight:300;text-shadow:0 0 66px #fff7}@keyframes slowrotate{to{transform:rotate(360deg)}}.menu-right-bottom{text-align:center;font-size:11px;letter-spacing:2px;color:#d5e3ef;margin-top:28px}.menu-right-bottom strong{font-family:'Barlow Condensed';font-size:32px;letter-spacing:3px}.menu-footer{position:fixed;bottom:26px;left:clamp(25px,5vw,92px);right:clamp(25px,5vw,92px);display:flex;justify-content:space-between;color:#859bac;font-weight:800;font-size:9px;letter-spacing:1.7px;z-index:2;pointer-events:none}.dialog-backdrop{position:absolute;inset:0;z-index:31;display:flex;align-items:center;justify-content:center;background:rgba(2,8,13,.68);backdrop-filter:blur(7px);padding:17px}.dialog{width:min(480px,100%);max-height:min(90vh,750px);overflow-y:auto;border-radius:14px;padding:26px}.dialog-header{display:flex;justify-content:space-between;align-items:start}.dialog h2{font-family:'Barlow Condensed';font-size:47px;margin:7px 0 12px;line-height:1}.dialog p{color:#a4b8c6;font-size:13px;line-height:1.7;margin-bottom:23px}#dialog-close{color:white;background:transparent;border:0;font-size:27px}.dialog-actions{display:flex;gap:10px}.dialog-actions button{flex:1}.secondary-btn{background:#203342;border:1px solid #385263;border-radius:8px;color:#e5edf4;font-size:11px;font-weight:900;letter-spacing:1px;padding:15px}.controls-table{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;margin:8px 0 25px}.controls-table>div{display:flex;flex-direction:column;gap:6px}.controls-table kbd{color:var(--accent);font-size:11px;font-weight:900}.controls-table span{font-size:11px;color:#b2c4cf;line-height:1.4}.error-screen{position:absolute;inset:0;background:#09131c;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.error-screen h2{font-family:'Barlow Condensed';font-size:45px}.error-screen p{color:#bac9d3;max-width:570px;line-height:1.7}.error-screen button{padding:13px 35px;border:0;background:var(--accent);font-weight:900;border-radius:8px}#mobile-controls{display:none}
@media (max-height:775px) and (min-width:950px){#flight-panel{top:95px;transform:scale(.88);transform-origin:top left}.menu-content{margin-top:125px}.menu-content h1{font-size:79px}.menu-content p{line-height:1.4}.menu-options{margin:18px 0}.topbar{height:61px}.control-hint{bottom:105px}}
@media(max-width:1210px){.brand-sub{display:none}.top-readouts{gap:25px}.topbar{padding:0 13px}.quick-stats{gap:20px}.bottom-title{min-width:195px}.bottom-actions .action-button{min-width:80px;padding:10px}.menu-right{right:-65px;opacity:.4}}
@media(max-width:940px){#flight-panel{display:none}.topbar{height:60px;gap:10px}.top-readouts{gap:17px}.top-readouts strong{font-size:21px}.top-readouts div.desktop{display:none}.brand.mini{font-size:12px}.bottom-title{min-width:unset}.bottom-airport{display:none}.quick-stats{margin-left:0}.quick-stats div:first-child{display:none}.bottom-actions{margin-left:auto}.control-hint{display:none}.menu-right{display:none}.menu-scrim{background:linear-gradient(90deg,#08111cf6,#0a1929ef)}.menu-content{margin-left:7vw}}
@media(max-width:660px){.topbar{top:8px;left:8px;right:8px;height:57px}.brand.mini{letter-spacing:1px;font-size:11px}.brand.mini .brand-mark{font-size:18px}.top-readouts{gap:9px}.top-readouts small{font-size:7px;letter-spacing:.5px}.top-readouts strong{font-size:18px}.top-readouts i{font-size:9px}.header-buttons{gap:3px;margin-left:0}.icon-button{height:29px;width:29px;font-size:15px}.header-buttons #settings-btn{display:none}#bottom-bar{bottom:7px;left:8px;right:8px;min-height:60px;padding:8px;gap:8px}.bottom-title{display:none}.quick-stats{gap:10px}.quick-stats div:nth-child(2){display:none}.quick-stats small{font-size:8px;letter-spacing:.4px}.quick-stats b{font-size:19px}.bottom-actions{gap:3px}.action-button{min-width:55px!important;letter-spacing:0;font-size:8px;padding:8px 6px!important}.action-button span{font-size:10px}.menu-top{top:23px;left:23px;right:23px}.menu-top>span{display:none}.menu-content{margin:115px 22px 90px}.menu-eyebrow{font-size:9px;letter-spacing:1.4px}.menu-content h1{font-size:clamp(64px,16vw,100px)}.menu-content p{font-size:13px;line-height:1.55}.menu-options{margin-top:23px;grid-template-columns:1fr;gap:7px}.option{padding:10px}.option select{font-size:12px}.menu-notes{gap:9px;font-size:8px}.menu-footer{position:static;margin:30px 22px;display:block}.menu-footer span:last-child{display:none}#map-panel{top:77px;right:8px;left:8px;width:auto}#cockpit-display{width:calc(100% - 20px);bottom:160px}#mobile-controls{display:flex;position:absolute;bottom:93px;left:20px;right:20px;justify-content:space-between;z-index:8;pointer-events:none}.touch-yoke{position:relative;width:125px;height:125px;background:#12263777;border:1px solid #b2cbd36e;border-radius:50%;pointer-events:auto;touch-action:none}.touch-yoke:before,.touch-yoke:after{content:'';position:absolute;background:#d6e3e15b}.touch-yoke:before{left:50%;top:0;bottom:0;width:1px}.touch-yoke:after{top:50%;left:0;right:0;height:1px}.touch-yoke #touch-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:43px;width:43px;border-radius:50%;background:#e5b37caa;border:2px solid #f3d6b6;box-shadow:0 4px 25px #0006}.touch-yoke small{position:absolute;top:107%;text-align:center;width:100%;color:#fafafa;letter-spacing:1px}.touch-power{display:flex;align-items:center;gap:7px;pointer-events:auto}.touch-power>label{font-size:10px;font-weight:900;writing-mode:vertical-rl;color:#fff;letter-spacing:2px}.touch-power input[type=range]{writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;width:28px;height:118px;accent-color:#e6b277;touch-action:none}.touch-secondary{display:flex;flex-direction:column;gap:10px}.touch-secondary button{background:#122534c7;color:#fff;border:1px solid #758fa0;border-radius:7px;padding:13px 9px;font-size:10px;font-weight:800}#toast-stack{top:75px;right:7px}.toast{font-size:10px;padding:9px 11px}#vignette{background:none}.controls-table{grid-template-columns:1fr 1fr}.dialog{padding:19px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.pilot-log{margin:13px 0 0;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:1.2px;font-size:15px;color:#d5c19f;line-height:1.4}
@media(max-width:660px){.pilot-log{font-size:13px}}