:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f1ede5;background:#1c2933;font-synthesis:none;--ink:#15212b;--cream:#f1ede5;--muted:#a3afb4;--orange:#f7a15b}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;border:1px solid #ffffff24;background:#1a252de6;border-radius:7px;padding:10px 13px;cursor:pointer;transition:background .15s}button:hover{background:#36424b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button[aria-pressed=true]{color:var(--orange);border-color:#f7a15b77}a{color:inherit;text-decoration:none}kbd{font:10px ui-monospace,monospace;color:#b6c0c6;margin-left:6px}#world{position:fixed;inset:0;width:100%;height:100%;outline:none}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:23px 28px;background:linear-gradient(#15212b9e,transparent);z-index:5}.brand{font-weight:750;font-size:16px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.mark{display:inline-grid;place-items:center;background:var(--orange);color:var(--ink);width:30px;height:30px;border-radius:50%;font-size:25px}.edition{font-size:9px;font-weight:500;letter-spacing:1px;color:#c4d0d5;margin-left:12px}nav{display:flex;gap:7px}nav button{font-size:11px;padding:9px 12px;background:#17232d8c;backdrop-filter:blur(8px)}#compass{position:fixed;top:93px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;text-shadow:0 1px 4px #000;font:10px ui-monospace,monospace;letter-spacing:2px}#compass b{font-size:24px;font-weight:500}#briefing{position:fixed;top:108px;left:28px;width:267px;background:#17242cb3;backdrop-filter:blur(15px);border:1px solid #ffffff22;border-radius:10px;padding:20px;z-index:4}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--orange)}h2{font-size:21px;font-weight:550;margin:10px 0}#briefing p{font-size:12px;line-height:1.7;color:#d8dfe2;margin:10px 0 16px}.progress{height:2px;background:#ffffff20}.progress i{display:block;width:0;height:100%;background:var(--orange);transition:width .4s}#next{font-size:11px;width:100%;margin-top:12px}#warning{position:fixed;top:145px;left:50%;transform:translateX(-50%);font:700 12px ui-monospace,monospace;letter-spacing:2px;background:#922e20db;border-radius:5px;padding:9px 14px;z-index:4}#warning:empty{display:none}#look-hint{position:fixed;bottom:185px;left:50%;transform:translateX(-50%);font-size:10px;color:#fff9;text-shadow:0 1px 3px #000}#cockpit-frame{pointer-events:none;position:fixed;inset:0}#cockpit-frame i{position:absolute;bottom:150px;left:9%;width:12px;height:28%;background:linear-gradient(90deg,#101b22,#40505c,#17252f);transform:rotate(-22deg);transform-origin:bottom;border:1px solid #69757b66}#cockpit-frame i+i{left:auto;right:9%;transform:rotate(22deg)}body.chase #cockpit-frame{display:none}#instruments{position:fixed;bottom:22px;left:28px;right:374px;height:145px;display:flex;align-items:center;gap:22px;border:1px solid #ffffff22;border-radius:12px;background:linear-gradient(120deg,#182630fa,#10191fee);backdrop-filter:blur(18px);box-shadow:0 12px 35px #0003;padding:14px 22px;z-index:4}.pfd{width:175px;flex-shrink:0;text-align:center}.pfd canvas{width:160px;height:113px;border-radius:7px;border:3px solid #080d11}.pfd>span{display:block;font:7px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted);margin-top:4px}.readouts{display:flex;flex:1;justify-content:space-around;gap:22px}.readouts>div{display:flex;flex-direction:column;min-width:60px}.readouts span,.engine label{font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.readouts b{font:500 29px ui-monospace,monospace;margin:10px 0 5px;font-variant-numeric:tabular-nums}.readouts small{font:8px ui-monospace,monospace;color:#8ea0ad}.engine{border-left:1px solid #ffffff1a;padding-left:22px;width:235px;flex-shrink:0}.engine label{display:flex;justify-content:space-between}.engine label b{color:var(--orange)}input[type=range]{width:100%;accent-color:var(--orange);margin:13px 0 10px;cursor:pointer}.switches{display:flex;gap:4px}.switches button{font:8px ui-monospace,monospace;padding:8px 7px;border-radius:4px}.engine>small{font:7px ui-monospace,monospace;display:block;color:#91a2ad;margin-top:12px;line-height:1.5}#map-panel{position:fixed;right:28px;bottom:22px;width:320px;background:#eae5db;color:#283842;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #0003;border:1px solid #ffffff55;z-index:6}.map-head{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;height:44px}.map-head b{font-size:12px}.map-head button{background:transparent;color:#253640;border:0;padding:1px 8px;font-size:19px}.map-head button:hover{background:#cfcac1}#map{width:100%;height:210px;display:block;background:#dfe3da;cursor:crosshair}.map-footer{position:absolute;left:12px;right:12px;bottom:26px;display:flex;justify-content:space-between;pointer-events:none;font:9px ui-monospace,monospace}.map-footer span{background:#f8f4e9dd;padding:4px 6px;border-radius:3px}#map-credit{height:20px;text-align:right;padding:2px 10px;font-size:8px}#map-panel.expanded{width:min(700px,calc(100vw - 56px));bottom:24px}#map-panel.expanded #map{height:min(60vh,500px)}#terrain-credit{position:fixed;bottom:3px;left:30px;font-size:8px;max-width:calc(100% - 400px);color:#fffc;text-shadow:0 1px 2px #000}.city-label{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;text-align:center;font-size:11px;text-shadow:0 1px 4px #000;background:#17242ca8;padding:6px 10px;border:1px solid #ffffff30;border-radius:5px;pointer-events:none}.city-label small{display:block;font:9px ui-monospace,monospace;color:#d4e1e8;margin-top:4px}.city-label:after{content:'';display:block;position:absolute;bottom:-18px;left:50%;height:18px;width:1px;background:#ffffff8c}#city-labels{position:fixed;inset:0;pointer-events:none}dialog{z-index:20;color:var(--cream);background:#15212bf5;backdrop-filter:blur(26px);border:1px solid #ffffff24;border-radius:16px;box-shadow:0 30px 120px #0006}dialog::backdrop{background:#07101766}#planner{position:fixed;left:auto;right:28px;top:96px;bottom:26px;margin:0;width:420px;max-height:calc(100dvh - 122px);padding:30px;overflow:auto;scrollbar-width:thin;scrollbar-color:#687680 #15212b}#planner:not([open]),#debrief:not([open]){display:none}.planner-copy h1{font-size:44px;font-weight:450;letter-spacing:-2px;line-height:1.05;margin:18px 0 12px}.planner-copy p{font-size:12px;line-height:1.7;color:#aebdc6;margin:0 0 22px}form>label,#destination-fields>label{display:block;font-size:9px;letter-spacing:1.5px;color:#aebdc6;margin:16px 0 9px}select,input:not([type=range]){display:block;width:100%;margin:8px 0 0;padding:12px 13px;border-radius:7px;background:#ffffff08;border:1px solid #ffffff26;color:var(--cream);font-size:13px;letter-spacing:0}select option{background:#1a2934}.presets{display:flex;gap:6px;margin-top:10px}.presets button{padding:6px 8px;font-size:10px;background:#ffffff08}#results{display:grid;max-height:150px;overflow:auto}#results button{text-align:left;font-size:12px;border-radius:0;border-top:0;background:#2b3a44}.fine{font-size:10px!important;color:#97a8b3!important;line-height:1.6!important;letter-spacing:0!important}label small{display:block;margin-top:8px;font-size:10px;color:#97a8b3;letter-spacing:0;line-height:1.5}.launch{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--orange);color:#18232c;border:0;font-size:13px;font-weight:700;padding:15px 18px;margin:21px 0 15px}.launch:hover{background:#ffb478}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 5px;font-size:8px;color:#aab9c3;margin:20px 0}.keys span{display:flex;flex-direction:column;gap:5px}.keys kbd{margin:0;color:#ece7df;font-size:10px}#planner footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff1a;padding-top:17px;margin-top:22px;font-size:10px;color:#aab9c3}#resume{width:100%;margin-top:12px}#plan-message{font-size:11px;color:var(--orange);line-height:1.5}#debrief{position:fixed;inset:0;margin:auto;width:390px;padding:30px}#debrief p{font-size:13px;line-height:1.8;color:#b9c6ce}#choose-flight{width:100%;font-size:12px}#touch{display:none}[hidden]{display:none!important}body.planning #instruments,body.planning #map-panel,body.planning #briefing,body.planning #look-hint,body.planning #cockpit-frame,body.planning #compass{visibility:hidden}body.planning header nav{visibility:hidden}body.planning #city-labels{opacity:.5}
@media(min-width:1500px){#instruments{right:420px;max-width:1040px}#map-panel{width:340px}#map{height:225px}#planner{width:440px;padding:36px}}@media(max-width:1150px){.edition{display:none}#instruments{gap:10px;padding:10px;right:305px;left:18px;height:130px}.pfd{width:130px}.pfd canvas{width:125px;height:88px}.readouts{gap:9px}.readouts b{font-size:23px}.readouts>div{min-width:49px}.engine{width:183px;padding-left:12px}.switches button{padding:7px 4px}#map-panel{width:265px;right:18px}#map{height:174px}#briefing{left:18px;width:230px}#planner{top:83px;right:18px;max-height:calc(100dvh - 105px)}header{padding:20px 18px}.brand{font-size:13px}#look-hint{bottom:166px}}@media(max-width:850px){#instruments{height:105px;bottom:12px;left:12px;right:12px}.pfd{width:116px}.pfd canvas{width:110px;height:78px}.pfd>span{display:none}.engine{width:185px}.readouts b{margin:6px 0;font-size:23px}#map-panel{bottom:130px;right:12px;width:225px}#map{height:147px}#briefing{top:82px;width:210px;padding:14px}#briefing h2{font-size:17px}#briefing p{font-size:11px;margin-bottom:12px}#compass{top:78px}#look-hint{display:none}#terrain-credit{max-width:calc(100% - 25px);left:12px;font-size:7px}#planner{top:72px;bottom:12px;width:355px;padding:23px;max-height:calc(100dvh - 84px)}.planner-copy h1{font-size:32px}.planner-copy p{margin-bottom:16px}header{padding:15px 12px}nav button{padding:8px}nav kbd{display:none}#cockpit-frame i{bottom:90px}#map-panel.expanded{bottom:130px}}
@media(pointer:coarse){#touch{display:flex;position:fixed;bottom:145px;left:25px;align-items:center;gap:14px;z-index:6}#stick{width:95px;height:95px;border:1px solid #ffffff60;border-radius:50%;background:#12223065;touch-action:none;position:relative}#stick i{position:absolute;left:31px;top:31px;width:32px;height:32px;background:#ffffff66;border-radius:50%;pointer-events:none}#touch-look{font-size:11px}body.planning #touch{display:none}}@media(max-width:560px){.brand{font-size:10px;letter-spacing:1px;gap:6px}.mark{width:23px;height:23px;font-size:18px}nav button{font-size:9px;padding:7px}#labels{display:none}#planner{left:12px;right:12px;width:auto;top:66px;max-height:calc(100dvh - 78px)}#briefing{top:105px;left:12px;width:190px}#map-panel{width:190px}#map{height:140px}.pfd{display:none}.engine{width:160px;padding-left:8px}.readouts{gap:6px}.readouts span{font-size:7px;letter-spacing:0}.readouts b{font-size:20px}.readouts small{font-size:6px}.readouts>div{min-width:39px}.switches button{font-size:7px;padding:7px 4px}.engine>small{font-size:6px}.engine label{font-size:8px}#touch{bottom:155px;left:24px}#compass{top:69px}#map-panel.expanded{width:calc(100vw - 24px)}}