:root{font-family:Arial,Helvetica,sans-serif;color:#eaf6f4;background:#061b29;font-synthesis:none;font-weight:400;--cyan:#a6f6dd;--muted:#a9c7cd;--red:#ff9279;--line:rgba(183,232,226,.28)}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #a6f6dd;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}.game,.viewport{position:fixed;inset:0;overflow:hidden}.viewport canvas{display:block;width:100%;height:100%}.cinema-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,16,29,.89),rgba(1,16,29,.35) 37%,transparent 66%),linear-gradient(0deg,rgba(0,13,25,.65),transparent 27%)}.in-flight .cinema-vignette{background:radial-gradient(ellipse,transparent 40%,rgba(0,17,28,.35))}.utility{position:absolute;right:28px;top:25px;display:flex;gap:8px;z-index:12}.utility button{background:#051923a6;border:1px solid var(--line);padding:10px 13px;font:10px monospace;letter-spacing:1px;border-radius:3px}.utility button:hover{background:#16414b}.menu{position:absolute;inset:0;padding:38px 5.5%;overflow:auto}.brand{display:flex;gap:14px;align-items:center;font:10px monospace;letter-spacing:2px;line-height:1.7}.brand small{font-size:8px;color:var(--muted)}.wing-mark{font-size:44px;line-height:1;color:var(--cyan)}.menu-copy{margin-top:7vh;width:410px;max-width:70%}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--cyan);display:flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;background:var(--cyan);border-radius:50%}h1{font-size:clamp(70px,8.5vw,132px);font-weight:900;font-style:italic;letter-spacing:-7px;line-height:.86;margin:24px 0 20px}h1 span{display:block;color:transparent;-webkit-text-stroke:1.5px #d8f6f0;margin-left:64px}h1 b{display:block;font:11px monospace;font-style:normal;letter-spacing:10px;color:var(--cyan);margin:23px 0 0 5px}.intro{font-size:17px;color:#d3e1e3;line-height:1.7;font-weight:400}.campaign{border-left:2px solid var(--cyan);padding:2px 0 2px 16px;margin:24px 0}.campaign>span,.aircraft-label>span{display:block;font:9px monospace;letter-spacing:2px;color:var(--muted)}.campaign strong{display:block;font-size:13px;letter-spacing:3px;margin-top:7px}.campaign p{font:11px monospace;color:var(--muted);margin:7px 0}.primary{border:1px solid #c7fff2;background:#b3f6dd;color:#082b35;font-size:12px;letter-spacing:2px;font-weight:700;padding:19px 23px;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;box-shadow:0 0 28px #90efd317;transition:background .2s,transform .2s}.primary:hover{background:#e0fff4;transform:translateY(-1px)}.primary span{font-size:24px;font-weight:400}.launch{max-width:330px}.text-button{background:none;border:0;padding:18px 0;font:9px monospace;letter-spacing:1px;color:#b8ced4;width:330px;max-width:100%;display:flex;justify-content:space-between}.aircraft-label{position:absolute;right:8%;bottom:16%;padding:18px 0 0 20px;border-left:1px solid #d8f4f077}.aircraft-label strong{display:block;font-size:23px;letter-spacing:3px;margin-top:10px}.aircraft-label p{font:11px monospace;color:var(--muted)}.aircraft-label>div{display:flex;gap:25px;font:8px monospace;letter-spacing:1px}.aircraft-label b{display:block;font-size:14px;margin-top:8px;color:var(--cyan)}.menu-footer{position:absolute;bottom:22px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font:8px monospace;letter-spacing:1.5px;color:#bdd1d6}.manual{position:absolute;right:5.5%;top:105px;width:360px;padding:22px;background:#041823f0;border:1px solid var(--line);display:none;z-index:15;max-height:calc(100% - 150px);overflow:auto}.manual.expanded{display:block}.manual h2{font-size:18px;letter-spacing:1px;margin:0 0 14px}.manual p{font-size:12px;line-height:1.7;color:#bcd2d4}.controls{display:grid;gap:11px;margin:20px 0}.controls>div{display:flex;justify-content:space-between;font-size:11px}kbd{font:10px monospace;color:var(--cyan);padding:3px 5px;border:1px solid var(--line);background:#061d2b}.note{font-size:10px!important}.hud{position:absolute;inset:0;pointer-events:none;color:var(--cyan);text-shadow:0 1px 6px #092b32;font-family:monospace}.mission-strip{position:absolute;top:32px;left:34px}.mission-strip h2{font:17px Arial;letter-spacing:1px;text-transform:uppercase;margin:13px 0}.mission-strip h2 span{color:#fff;display:inline-block;border-right:1px solid var(--line);padding-right:10px;margin-right:7px}.mission-meta{display:flex;gap:18px;font-size:10px;color:#ddf6f1}.compass{position:absolute;left:35%;right:35%;top:33px;display:flex;gap:22px;justify-content:center;font-size:9px;color:#c6efe3;white-space:nowrap}.compass b{font-size:10px;letter-spacing:3px;white-space:nowrap}.flight-instrument{position:absolute;top:42%;display:grid;gap:5px;width:94px}.flight-instrument>span{font-size:9px;letter-spacing:2px}.flight-instrument>b{font-size:29px;font-weight:400;line-height:1.1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:5px 0}.flight-instrument small{font-size:8px;letter-spacing:2px;color:#c8e6db}.speed{left:25%}.altitude{right:25%;text-align:right}.ticks{position:absolute;top:0;bottom:0;width:7px;background:repeating-linear-gradient(0deg,transparent 0 8px,#a6f6dd88 8px 9px)}.speed .ticks{left:-18px}.altitude .ticks{right:-18px}.reticle{position:absolute;top:48%;left:50%;width:24px;height:24px;border:1px solid #d3ffec;border-radius:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after{content:"";position:absolute;top:11px;height:1px;width:15px;background:#d3ffec}.reticle:before{right:23px}.reticle:after{left:23px}.reticle i{position:absolute;left:11px;top:-11px;height:11px;width:1px;background:#d3ffec}.reticle b{position:absolute;top:10px;left:10px;width:3px;height:3px;background:#fff;border-radius:50%}.lock-readout{position:absolute;top:58%;left:50%;transform:translate(-50%);font-size:9px;text-align:center;letter-spacing:1px;min-width:180px}.lock-readout>div{height:2px;background:#c4efda22;margin:9px 20px}.lock-readout i{display:block;height:100%;background:var(--cyan)}.lock-readout small{font-size:8px;color:#daf4ea}.lock-readout.locked{color:#fff1a4}.target{position:absolute;transform:translate(-50%,-50%);color:#f9b19c;text-align:center;min-width:65px}.target-box{display:block;width:25px;height:25px;border:1px solid #ff997d;margin:auto}.target.selected .target-box{width:37px;height:37px;border-color:#d7fff1;box-shadow:0 0 8px #8bffd455;transform:rotate(45deg)}.target.selected{color:#d8fff1}.target label{display:block;font-size:8px;letter-spacing:1px;padding-top:10px}.target small{display:block;font-size:9px;margin:3px}.target-health{height:2px;width:30px;margin:4px auto;background:#ff947922}.target-health i{display:block;height:100%;background:currentColor}.direction{display:block;font-size:18px}.offscreen label{padding-top:0}.radar-panel{position:absolute;bottom:45px;left:34px;width:155px}.radar-panel .eyebrow{font-size:8px;letter-spacing:1px;justify-content:space-between}.radar-panel .eyebrow span{font-size:7px}.radar{width:155px;height:155px;background:linear-gradient(90deg,transparent 49.5%,#afffde22 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#afffde22 50%,transparent 50.5%),#05222799;border:1px solid #94d6c666;margin:10px 0;position:relative;border-radius:50%;overflow:hidden}.radar-ring{position:absolute;inset:15%;border:1px solid #afffde22;border-radius:50%}.radar-ring.inner{inset:33%}.ownship{position:absolute;top:48%;left:47%;font-size:11px}.radar i{position:absolute;width:4px;height:4px;background:#ff9c81;border-radius:50%}.radar i.selected{background:#e0ffe4;box-shadow:0 0 0 3px #b9ffd744}.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 70%,#a7ffda19 98%,#a7ffda66);animation:sweep 5s linear infinite}.radar-panel>small{font-size:7px;letter-spacing:2px}.weapons{position:absolute;right:34px;bottom:70px;width:178px}.status-line{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;letter-spacing:2px}.status-line>b{font-size:28px;font-weight:400}.status-line small{font-size:12px}.danger{color:var(--red)}.meter{height:3px;background:#d5fff322;margin:8px 0 20px}.meter i{display:block;height:100%;background:var(--cyan)}.weapon-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:12px 0}.weapon-row small{display:block;font-size:7px;color:#c1dbd1;margin-top:4px;letter-spacing:1px}.weapon-row b{font-weight:400;font-size:25px}.boost-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-top:18px}.boost i{background:#e8e2ae}.bottom-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:8px;white-space:nowrap;letter-spacing:.7px;color:#d5e9de;background:#05202b88;padding:7px 11px;border:1px solid #d6ffff11}.bottom-controls i{color:#78a69e;margin:0 8px}.view-label{position:absolute;bottom:21px;right:34px;font-size:7px;letter-spacing:1px;color:#c9e2df}.view-label span{display:block;margin-top:5px;text-align:right;color:#8fb4b5}.warning{position:absolute;top:23%;left:50%;transform:translate(-50%);color:#ffb08a;font-size:12px;letter-spacing:2px;background:#1f202955;padding:10px}.damage{position:absolute;inset:0;box-shadow:inset 0 0 180px 35px #ee401c88;pointer-events:none}.overlay{position:absolute;inset:0;background:#01101999;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:10;padding:60px 20px 20px;overflow:auto}.result{background:linear-gradient(135deg,#082831f7,#041620f7);border:1px solid #b1e7dc55;border-top:3px solid var(--cyan);padding:35px;width:520px;max-width:100%;box-shadow:0 20px 100px #00131f99}.result>.eyebrow{font-size:8px;letter-spacing:1.5px}.result-icon{display:block;font-size:36px;color:var(--cyan);margin:22px 0 10px}.result h2{font-size:32px;letter-spacing:-1px;margin:5px 0 14px;line-height:1}.result>p{font-size:13px;line-height:1.7;color:#bbd2d6}.result-stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:24px 0}.result-stats span{font:8px monospace;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:8px}.result-stats strong{font:25px monospace}.resupply{font:9px monospace;color:var(--cyan);margin-bottom:25px;line-height:1.7}.resupply i{margin:0 5px}.secondary{width:100%;background:transparent;border:1px solid var(--line);padding:14px;margin-top:10px;font:10px monospace;letter-spacing:1px}.secondary:hover{background:#133f48}.pause-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px;margin:0 0 25px;color:#bfd2d4}.pause-controls kbd{font-size:9px;margin-right:7px}.cockpit-frame{position:absolute;inset:0;pointer-events:none;border:25px solid #081b2b;border-top:0;border-radius:50% 50% 0 0}.cockpit-frame i{position:absolute;top:0;bottom:0;width:12px;background:linear-gradient(90deg,#0a1a27,#32494e,#081c29)}.cockpit-frame i:first-child{left:12%;transform:rotate(-15deg)}.cockpit-frame i:nth-child(2){right:12%;transform:rotate(15deg)}.cockpit-frame>div{position:absolute;bottom:0;left:30%;right:30%;background:#071c27;padding:20px;text-align:center;font-size:10px}.error{position:absolute;z-index:50;left:20%;right:20%;top:40%;background:#431e22;border:1px solid #ff997d;padding:25px;font-size:14px;line-height:1.7}.error button{display:block;margin-top:20px;background:transparent;border:1px solid;padding:10px}@keyframes sweep{to{transform:rotate(360deg)}}@media(max-height:780px){.menu-copy{margin-top:4vh}h1{font-size:91px}.intro{font-size:14px}.campaign{margin:18px 0}.launch{padding:13px 20px}.menu{padding-top:25px}.aircraft-label{bottom:16%}.result{padding:25px}.result-icon{margin-top:14px}.result-stats{margin:17px 0;padding:15px 0}}@media(max-width:850px){.utility{top:15px;right:15px}.utility button{font-size:8px;padding:8px}.menu{padding:25px}.brand{font-size:8px}.menu-copy{margin-top:55px;max-width:85%}.aircraft-label{right:25px;bottom:85px;max-width:230px}.menu-footer{left:25px;right:25px}.menu-footer span:nth-child(2){display:none}.compass{display:none}.mission-strip{left:20px;top:65px}.radar-panel{left:20px;bottom:40px;width:110px}.radar{width:110px;height:110px}.radar-panel .eyebrow{font-size:6px}.weapons{right:20px;width:130px;bottom:40px}.speed{left:17%}.altitude{right:17%}.bottom-controls{font-size:6px;bottom:8px}.view-label{display:none}.manual{right:25px;top:100px}.result h2{font-size:28px}}@media(max-width:550px){.menu-copy{margin-top:55px}.brand{letter-spacing:1px;max-width:170px}.brand small{display:none}.utility{top:auto;bottom:43px;right:15px}.utility button{font-size:7px}.aircraft-label{display:none}h1{font-size:90px}.menu-footer{font-size:6px;bottom:18px}.manual{left:20px;right:20px;width:auto}.mission-strip{top:20px}.mission-strip h2{font-size:14px}.mission-meta{gap:10px;font-size:8px}.flight-instrument{width:63px}.flight-instrument b{font-size:24px}.speed{left:11%}.altitude{right:11%}.flight-instrument>span{font-size:7px}.radar-panel{bottom:87px}.weapons{bottom:80px}.bottom-controls{display:none}.result{padding:23px}.result-stats strong{font-size:20px}.pause-controls{font-size:8px}.warning{font-size:9px;width:80%;text-align:center}.error{left:15px;right:15px}}.quick-controls{display:flex;gap:15px;font:8px monospace;color:#a8c6c9;letter-spacing:.5px;margin-top:3px}.quick-controls kbd{font-size:8px;margin-right:5px}.browser-notice{position:absolute;top:80px;right:28px;z-index:30;max-width:350px;background:#123442ec;border:1px solid #a6f6dd77;padding:15px;font:12px/1.7 monospace}.browser-notice button{margin-left:10px;background:none;border:0;font-size:20px}.weapon-notice{position:absolute;top:68%;left:50%;transform:translate(-50%);font:10px monospace;letter-spacing:1px;background:#06232bae;padding:8px 14px;color:#ffecb2}.manual-close{position:absolute;right:10px;top:9px;background:transparent;border:1px solid #a6f6dd44;color:#a6f6dd;font-size:20px;padding:1px 7px}.result{margin:auto}.overlay{align-items:flex-start}.ammo-tip{font:9px/1.7 monospace;color:#ffedac;border-left:2px solid #ffedac;padding-left:8px;margin:12px 0}.opening-tip{position:absolute;top:23%;left:50%;transform:translate(-50%);font:10px monospace;letter-spacing:1px;color:#c5ffe4;background:#082d37bb;border:1px solid #9ff6cd66;padding:10px 14px;text-align:center}.base-status{position:absolute;top:23%;left:50%;transform:translate(-50%);max-width:90%;padding:12px 18px;background:#133c43e8;border:1px solid #a9d9c7;color:#d9ffe9;font:12px monospace;text-align:center;letter-spacing:1px}