@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#101d23;--paper:#f1f4e9;--acid:#d9fa80;--muted:#a8b8b8;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101d23;color:var(--paper);font-family:Inter,Arial,sans-serif}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:5px}button{border:0;background:none}button:hover{filter:brightness(1.13)}[hidden]{display:none!important}#world,#world canvas,.cinema,#hudCanvas,#hangar,#flightUI{position:absolute;inset:0;width:100%;height:100%}#world canvas{display:block;touch-action:none}.cinema{pointer-events:none;background:linear-gradient(90deg,rgba(9,24,31,.7),rgba(9,24,31,.1) 63%),linear-gradient(0deg,rgba(6,18,25,.95),transparent 35%,transparent 75%,rgba(6,18,25,.5));transition:opacity .6s}.inflight .cinema{opacity:.2;background:radial-gradient(ellipse at center,transparent 45%,#051319 110%)}#hudCanvas{pointer-events:none;display:none}.inflight #hudCanvas{display:block}#hangar{padding:0 4.2%;display:flex;flex-direction:column}header{height:105px;flex-shrink:0;display:flex;align-items:center;border-bottom:1px solid #c9dfdb26;gap:50px}.brand{display:flex;align-items:center;text-decoration:none;color:var(--paper);font-size:31px;font-weight:900;font-style:italic;letter-spacing:-3px;gap:4px}.brand>span:first-child{color:var(--acid);font-weight:400}.wordmark{font-style:normal;font-size:10px;letter-spacing:2.3px;margin-left:18px;line-height:1.5}.wordmark small{display:block;font-size:8px;color:#b4c9cc;letter-spacing:1.5px;font-weight:400}nav{display:flex;gap:28px;height:100%;align-items:stretch;margin-left:38px}.navlink{font-family:var(--mono);font-size:10px;letter-spacing:1px;position:relative;color:#c2cccd;padding:0}.navlink.active{color:var(--paper)}.navlink.active:after{content:'';position:absolute;bottom:-1px;height:2px;background:var(--acid);width:100%;left:0}.navlink span{padding-left:6px;color:var(--acid)}.system{margin-left:auto;font-family:var(--mono);font-size:9px;letter-spacing:1px;white-space:nowrap;display:flex;align-items:center;gap:9px}.system i,footer i{width:5px;height:5px;background:var(--acid);display:inline-block;box-shadow:0 0 10px #b6fc6277}.system span{color:#91a5a9;margin-left:20px}.hero{position:absolute;top:22%;left:4.2%;pointer-events:none}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:2.2px;display:flex;align-items:center;gap:11px;color:#d5e1d6}.eyebrow .line{width:27px;height:1px;background:var(--acid)}h1{font-family:var(--display);font-size:clamp(76px,8.8vw,148px);font-weight:700;letter-spacing:-2px;line-height:.88;margin:26px 0 24px}h1 em{font-style:normal;color:var(--acid)}.hero>p{font-size:13px;color:#c4d0d1;line-height:1.8;letter-spacing:.1px;margin:0}.hero-meta{display:flex;gap:24px;align-items:center;margin-top:32px;font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#b4c8c8}.hero-meta b{font-size:17px;font-weight:400;color:#f5f6ef;margin-right:5px}.solo-tag{border:1px solid #cbdec94d;padding:5px 7px;color:var(--acid);font-size:8px}.aircraft-label{position:absolute;right:4.2%;top:52%;width:220px;border-top:1px solid #e1ead04a;padding-top:15px}.micro{font-family:var(--mono);font-size:9px;letter-spacing:1.3px;color:#afc0bd}.accent{color:var(--acid)}.aircraft-label h2{font-family:var(--display);font-size:29px;font-weight:600;margin:10px 0 17px;letter-spacing:.5px}.aircraft-label h2 span{font-size:15px;margin-left:10px;color:#d5e0db;letter-spacing:1.5px}.aircraft-label>div:not(.aircraft-line){display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;line-height:2.3}.aircraft-label>div>span{color:#92a7aa}.aircraft-label b{font-weight:400}.coordinates{position:absolute;right:4.2%;top:23%;display:flex;flex-direction:column;gap:8px;align-items:flex-end;font-family:var(--mono);font-size:8px;letter-spacing:1.4px;color:#d6e3db}.coordinates span:nth-child(2){color:#95b2b8}.coordinates i{font-style:normal;margin-top:24px;color:#e9f2e6;font-size:24px}.deployment{display:flex;margin-top:auto;min-height:127px;border:1px solid #acbec43d;background:rgba(18,35,42,.55);backdrop-filter:blur(16px);align-items:center;gap:24px;position:relative;z-index:2}.deployment:before{content:'';position:absolute;width:7px;height:7px;border-left:1px solid var(--acid);border-top:1px solid var(--acid);left:-1px;top:-1px}.mission-map{position:relative;width:146px;height:125px;border-right:1px solid #acbec42b;flex-shrink:0;padding:5px}.mission-map svg{width:100%;height:100%;opacity:.9}.mission-map>span{position:absolute;bottom:10px;left:13px;font-family:var(--mono);font-size:6px;letter-spacing:1.5px}.mission-info h3{font-family:var(--display);font-weight:500;font-size:27px;letter-spacing:.4px;margin:8px 0}.mission-info p{font-family:var(--mono);font-size:8px;color:#a8bec1;margin:0}.mission-info p span{padding:0 8px;color:#b9d180}.flight-profile{margin-left:auto;display:flex;flex-direction:column;border-left:1px solid #bdd3d12b;padding-left:28px;gap:8px;min-width:160px}.flight-profile label{font-family:var(--mono);font-size:8px;color:#9ab0b4;letter-spacing:1px}.flight-profile select{background:transparent;border:0;padding:0 10px 0 0;color:var(--paper);font-size:14px;outline-offset:3px}.flight-profile small{font-family:var(--mono);font-size:7px;color:#9ab0b4}select option{background:#172a31;color:#f2f6e9}.deploy{margin:14px 14px 14px 4px;min-width:260px;align-self:stretch;padding:20px 23px;background:var(--acid);color:#1b2a23;display:flex;align-items:center;justify-content:space-between;text-align:left;font-family:var(--display);font-size:25px;letter-spacing:.5px;font-weight:600;transition:background .2s,transform .2s}.deploy:hover{background:#e3ffa4;transform:translateY(-2px)}.deploy small{font-family:var(--mono);font-size:7px;letter-spacing:1px;display:block;margin-top:8px;font-weight:500}.deploy b{font-size:31px;font-weight:400;margin-left:20px}footer{display:flex;align-items:center;justify-content:space-between;min-height:59px;font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#99afb2;gap:15px}footer>span:first-child{display:flex;align-items:center;gap:10px}footer button{font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#d2ded7;padding:10px 0}.dim{margin:0 9px;color:#5b747c}footer b{color:var(--acid);font-weight:400;margin:0 9px}#loading{position:absolute;inset:0;z-index:20;background:#101d23;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:var(--mono)}.mark{font-size:64px;font-weight:600;font-style:italic;letter-spacing:-8px}.mark span{color:var(--acid)}#loading p{font-size:10px;letter-spacing:2px;margin-top:30px}#loading small{font-size:9px;color:#93aaa8;margin-top:20px;max-width:420px;text-align:center;line-height:1.8}.loadline{height:2px;width:220px;background:#34453e;margin-top:12px;overflow:hidden}.loadline:after{content:'';display:block;background:var(--acid);height:100%;width:40%;animation:load 1.3s infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
dialog{background:rgba(14,30,37,.98);color:var(--paper);border:1px solid #7c968b66;max-width:720px;width:calc(100% - 36px);padding:34px 38px;box-shadow:0 30px 100px #0008;max-height:90vh;overflow:auto}dialog::backdrop{background:#06131999;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.close:not(.solid){font-size:28px;color:#b8c4bb;padding:0 3px;line-height:1}dialog h2{font-family:var(--display);font-size:48px;font-weight:500;line-height:1;margin:26px 0 14px;letter-spacing:.3px}.dialog-intro,dialog>p{font-size:12px;line-height:1.7;color:#aabdc0}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:30px 0}.manual-grid h3{font-family:var(--mono);font-size:9px;letter-spacing:1.3px;color:var(--acid);font-weight:400;margin-bottom:22px}.manual-grid p{display:flex;align-items:center;gap:12px;font-size:11px;color:#c6d4d2}.manual-grid kbd{min-width:64px;text-align:center}kbd{font-family:var(--mono);font-size:9px;border:1px solid #99b6ac55;color:#dce7d7;padding:4px 6px;background:#accba209;border-radius:2px}.tip{padding:18px;border:1px solid #c3d9a029;margin:24px 0}.tip b{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:var(--acid)}.tip p{font-size:11px;line-height:1.8;color:#b6c6c7;margin-bottom:0}.solid{display:block;width:100%;background:var(--acid);color:#132820;padding:17px;font-family:var(--mono);font-size:11px;letter-spacing:1px;margin-top:22px}.secondary{display:block;width:100%;border:1px solid #aec3b34a;padding:17px;margin-top:12px;font-family:var(--mono);font-size:10px}.text-button{display:block;margin:22px auto 0;font-family:var(--mono);font-size:9px;color:#acbdb8;letter-spacing:1px}.setting{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:20px;margin-top:30px}.setting select{padding:12px;background:#23363c;color:#dce7dc;border:1px solid #9ebbb13a;font-size:11px;max-width:65%}.setting-note{font-size:11px;color:#91a6ab;line-height:1.8}#pauseDialog,#resultDialog{max-width:450px;padding:38px}#pauseDialog h2,#resultDialog h2{font-size:52px}.results{display:flex;justify-content:space-between;margin:30px 0}.results div{display:flex;flex-direction:column;gap:10px}.results b{font-family:var(--display);font-size:36px;font-weight:500}.results span{font-family:var(--mono);font-size:7px;letter-spacing:1px;color:#9ab6b4}
#flightUI{pointer-events:none;font-family:var(--mono);color:#e4f6d5;text-shadow:0 1px 5px #06171980}#flightUI button{pointer-events:auto}.flight-top{position:absolute;left:30px;right:30px;top:24px;display:flex;align-items:center;justify-content:space-between}.flight-logo{font-family:Inter,sans-serif;font-size:23px;font-style:italic;font-weight:900;letter-spacing:-1px}.flight-logo small{font-family:var(--mono);font-size:9px;font-weight:400;font-style:normal;letter-spacing:2px;margin-left:17px}.match-state{display:flex;align-items:center;gap:9px;padding:10px 16px;background:#0d27324d;border:1px solid #d4e6c533;backdrop-filter:blur(6px)}.match-state b{font-size:19px;font-weight:500}.match-state span{font-size:7px;letter-spacing:1px;margin-right:9px}.match-state i{height:20px;width:1px;background:#dceccd40;margin:0 13px}.icon-button{font-size:17px;letter-spacing:2px;padding:7px 11px;border:1px solid #dceccd55}.flight-mission{position:absolute;right:30px;top:100px;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.flight-mission>span{font-size:8px;letter-spacing:1.5px;color:var(--acid)}.flight-mission b{font-size:23px;font-weight:400}.flight-mission small{font-size:8px;color:#bed1ce}.instruments{position:absolute;top:40%;width:126px}.left-instruments{left:7%}.right-instruments{right:7%}.instruments>span{font-size:9px;letter-spacing:1.3px;display:flex;justify-content:space-between;align-items:center}.instruments small{font-size:7px;color:#c5dec5}.instruments strong{display:block;font-family:var(--display);font-size:49px;font-weight:500;line-height:1.15;letter-spacing:1px}.rule{height:1px;background:#d0e9c175;margin:8px 0 13px}.instruments label{font-size:8px;display:flex;justify-content:space-between;margin-bottom:10px;letter-spacing:1px}.instruments label b{font-weight:400;color:#f1fbd9}.throttle-track{height:3px;background:#c6e4af30;margin:13px 0 8px}.throttle-track i{display:block;height:100%;width:75%;background:var(--acid)}.instruments em{font-style:normal;font-size:7px;letter-spacing:1px;color:var(--acid)}.bottom-flight{position:absolute;left:30px;right:30px;bottom:24px;display:flex;align-items:flex-end;gap:25px}.radar-wrap{background:#0c273154;border:1px solid #d4e6c53d;backdrop-filter:blur(5px);position:relative;width:170px;height:194px;flex-shrink:0}.radar-wrap canvas{width:168px;height:168px}.radar-wrap>span{position:absolute;bottom:10px;left:13px;right:13px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#b8cfbb}.radar-wrap b{font-weight:400}.airframe-status{margin-bottom:7px;min-width:208px}.airframe-status>span{font-size:8px;letter-spacing:1.5px}.hull{margin:12px 0 8px;height:4px;background:#cce6ad30}.hull i{display:block;height:100%;background:var(--acid);width:100%}.airframe-status>small{font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between}.airframe-status>small b{font-weight:400}.weapon{display:flex;gap:16px;font-size:8px;align-items:center;margin-top:25px}.weapon b{font-size:19px;font-weight:400;margin-left:5px}.weapon>span:last-child{font-size:7px;color:var(--acid);max-width:60px;line-height:1.6}.flight-hints{margin-left:auto;color:#c4d7c2;display:grid;gap:13px;font-size:7px;letter-spacing:.5px;opacity:.85}.flight-hints kbd{font-size:7px;margin-left:10px;padding:3px 5px}.camera-label{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:7px;align-items:center;font-size:7px;letter-spacing:1.5px;color:#cce2c2}.camera-label span:last-child{color:#91b6b2;font-size:6px}#announcer{position:absolute;left:50%;transform:translateX(-50%);top:110px;font-size:10px;letter-spacing:1.5px;padding:10px 18px;max-width:80%;text-align:center;color:var(--acid);background:#0a25336b;opacity:0;transition:opacity .2s}#announcer.visible{opacity:1}#warning{position:absolute;left:50%;transform:translateX(-50%);top:26%;font-size:12px;letter-spacing:2px;color:#ffd08a;background:#47190677;padding:8px 15px;display:none}#warning.active{display:block;animation:warn 1s steps(2) infinite}@keyframes warn{50%{opacity:.55}}#cockpit{position:absolute;inset:0;z-index:-1;pointer-events:none}#cockpit svg{width:100%;height:100%}.touch-actions{display:none}.paused #hudCanvas{filter:blur(2px)}
@media(min-height:900px){.deployment{min-height:143px}.mission-map{height:141px}.hero{top:25%}footer{min-height:70px}}
@media(max-width:1050px){header{gap:20px}nav{margin-left:10px;gap:22px}.system span{display:none}.deployment{gap:17px}.mission-map{width:113px}.deploy{min-width:220px;padding:15px}.mission-info p{font-size:7px}.flight-profile{min-width:133px;padding-left:17px}.aircraft-label{width:190px}.flight-hints{display:none}.camera-label{left:auto;right:30px;transform:none;align-items:flex-end}h1{font-size:100px}.hero{top:24%}}
@media(max-width:760px){header{height:75px;gap:12px}nav{margin-left:auto;gap:16px}.navlink{font-size:8px}.navlink.active,.wordmark,.system{display:none}.brand{font-size:28px}.hero{top:18%}h1{font-size:83px;letter-spacing:-1px;margin:20px 0}.eyebrow{font-size:8px;letter-spacing:1.1px}.hero>p{font-size:11px}.hero-meta{gap:14px;margin-top:20px;font-size:7px}.hero-meta b{font-size:15px}.aircraft-label{top:46%;width:160px}.aircraft-label h2{font-size:22px}.aircraft-label h2 span{font-size:11px}.aircraft-label>div:not(.aircraft-line){font-size:7px}.coordinates{display:none}.deployment{display:grid;grid-template-columns:80px 1fr;gap:0 13px;min-height:0}.mission-map{width:80px;height:91px}.mission-info h3{font-size:23px;margin:6px 0}.mission-info .micro{font-size:7px}.mission-info p{font-size:6px}.mission-info p span{padding:0 4px}.flight-profile{display:none}.deploy{grid-column:1/3;margin:0;min-height:72px;padding:13px 22px;font-size:23px;border-top:1px solid #d7efa9}.deploy small{font-size:6px;margin-top:4px}.deploy b{font-size:26px}footer{min-height:44px;font-size:6px}footer>span:nth-child(2){display:none}footer button{font-size:7px}.flight-top{left:15px;right:15px;top:14px}.flight-logo{font-size:20px}.flight-logo small{display:none}.match-state{gap:6px;padding:8px}.match-state b{font-size:15px}.match-state span{font-size:5px;max-width:56px}.match-state i{margin:0 3px}.flight-mission{right:15px;top:80px}.flight-mission>span{font-size:6px}.flight-mission b{font-size:18px}.flight-mission small{font-size:6px}.instruments{width:86px;top:41%}.instruments>span{font-size:7px}.instruments strong{font-size:35px}.instruments label{font-size:6px}.left-instruments{left:18px}.right-instruments{right:18px}.instruments em{font-size:5px}.bottom-flight{left:15px;right:15px;bottom:15px;gap:15px}.radar-wrap{width:120px;height:141px}.radar-wrap canvas{width:118px;height:118px}.radar-wrap>span{font-size:5px;bottom:8px}.airframe-status{min-width:155px}.airframe-status>span{font-size:6px}.weapon{gap:10px;font-size:6px}.weapon b{font-size:15px}.weapon>span:last-child{display:none}.camera-label{bottom:180px;right:15px;font-size:5px}.camera-label span:last-child{font-size:5px}dialog{padding:23px}dialog h2{font-size:39px}.manual-grid{gap:15px}.manual-grid p{font-size:9px;gap:8px}.manual-grid kbd{min-width:51px;font-size:7px}.setting{font-size:10px;gap:10px}.setting select{font-size:9px}.setting-note{font-size:10px}#announcer{top:82px;font-size:8px}#warning{font-size:9px;white-space:nowrap}}
@media(pointer:coarse){.touch-actions{display:flex;position:absolute;right:15px;bottom:170px;gap:7px}.touch-actions button{padding:13px 10px;border:1px solid #d7e6bb88;background:#163240aa;font:8px var(--mono);touch-action:none}.flight-hints{display:none}}
@media(max-height:660px) and (min-width:761px){header{height:73px}.hero{top:22%}h1{font-size:78px;margin:18px 0}.hero-meta{margin-top:18px}.deployment{min-height:100px}.mission-map{height:98px}.deploy{margin:10px;min-width:220px}.aircraft-label{top:43%}footer{min-height:40px}.hero>p{font-size:11px}.aircraft-label h2{margin:8px 0}.radar-wrap{width:135px;height:158px}.radar-wrap canvas{width:133px;height:133px}.flight-mission{top:80px}.bottom-flight{bottom:15px}.instruments{top:34%}}

#flightUI{z-index:3}#hudCanvas{z-index:2}.cinema{z-index:1}#hangar{z-index:4}.aircraft-label{top:58%}.instruments{text-shadow:0 1px 4px #031a1c,0 0 12px #031a1c88}.flight-mission{text-shadow:0 1px 4px #031a1c}.coordinates{color:#eff5e4;text-shadow:0 1px 4px #061b24}.coordinates span:nth-child(2){color:#bacfce}@media(max-width:760px){.aircraft-label{top:46%}}
@media(min-width:761px){.aircraft-label{top:auto;bottom:210px}}@media(min-width:761px) and (min-height:900px){.aircraft-label{bottom:243px}}@media(max-width:760px){.aircraft-label{top:auto;bottom:228px}}