@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--cyan:#7ceef0;--orange:#ff754b;--muted:#8cabb6;--white:#eef6f7}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#060c12;color:var(--white);font-family:Barlow,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}#game{position:fixed;width:100%;height:100%;inset:0;display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 58% 44%,transparent 25%,#02091180 100%)}header{position:absolute;top:0;left:0;right:0;height:100px;padding:32px 4%;display:flex;align-items:center;justify-content:space-between;z-index:5}.wordmark{text-decoration:none;color:var(--white);font-weight:700;letter-spacing:.22em;font-size:20px;display:flex;align-items:center;gap:13px}.mark{color:var(--cyan);font-size:27px;transform:skew(-14deg);border-top:2px solid var(--cyan)}.version{font:12px monospace;color:var(--muted);letter-spacing:0}.header-right{display:flex;align-items:center;gap:25px}.prototype{font:12px monospace;letter-spacing:.12em;color:var(--muted)}header button{background:transparent;color:#d6e6e9;border:1px solid #496775;padding:10px 13px;font:12px monospace}header button:hover{border-color:var(--cyan);color:var(--cyan)}#menu{position:absolute;inset:0;background:linear-gradient(90deg,#071018f5 0%,#071018d9 25%,#07101810 72%);padding:clamp(105px,16vh,170px) 7% 65px;overflow-y:auto}.brief{max-width:490px}.eyebrow{font:12px monospace;letter-spacing:.16em;color:var(--cyan)}.eyebrow span{display:inline-block;width:6px;height:6px;background:var(--cyan);margin-right:10px;vertical-align:2px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(66px,8.5vw,126px);letter-spacing:.015em;line-height:.9;margin:25px 0;font-weight:700}h1>span{color:var(--orange)}.intro{font-size:22px;line-height:1.4;margin:24px 0 16px;color:#d0dfe4}.description{font-size:16px;line-height:1.6;color:#91a9b5;max-width:390px;margin-bottom:28px}.primary{background:var(--cyan);border:0;color:#082029;font-size:14px;letter-spacing:.13em;font-weight:700;min-height:58px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;width:310px;max-width:100%;transition:background .2s,transform .2s}.primary:hover{background:#b4ffff;transform:translateY(-2px)}.primary span{font-size:24px;line-height:16px}.mission-meta{display:flex;gap:25px;margin-top:16px;font:11px monospace;letter-spacing:.03em;color:#708e9b}.settings{display:flex;align-items:end;gap:17px;margin-top:28px;flex-wrap:wrap}.settings label{font-size:12px;color:#aac1c9;display:grid;gap:7px}.settings select{background:#0c1c27;border:1px solid #284653;color:#d5e3e6;font-size:12px;padding:7px}.settings label.check{display:flex;align-items:center;gap:5px;align-self:center}.check input{accent-color:var(--cyan)}#load-status{color:#829fab;font-size:12px;margin-top:17px}.mission-card{position:absolute;right:6%;bottom:16%;width:290px;padding:25px 26px;border:1px solid #7bdad329;background:linear-gradient(130deg,#12232acc,#05101b99);backdrop-filter:blur(12px);border-top:2px solid #7bdad38f}.mission-card h2{font-size:26px;font-weight:500;line-height:1.25;margin:20px 0 25px}.mission-card ol{list-style:none;padding:0;display:grid;gap:18px;font-size:14px;color:#c4d5dd}.mission-card li{display:flex;align-items:center;gap:14px}.mission-card b{font:12px monospace;color:var(--cyan)}.card-foot{font:10px monospace;border-top:1px solid #47616b66;margin-top:25px;padding-top:20px;color:#849ca9}.card-foot strong{display:block;font-weight:400;color:#c4dce5;margin-top:7px}.start-footer{position:absolute;bottom:26px;left:4%;right:4%;display:flex;justify-content:space-between;font:11px monospace;letter-spacing:.13em;color:#64818e}.hidden{display:none!important}#hud{pointer-events:none;position:absolute;inset:0}.objective{position:absolute;left:4%;top:115px}.objective h2{font-size:18px;font-weight:600;letter-spacing:.05em;margin:12px 0 5px}#subobjective{color:#8db1bf;font-size:14px}#countdown{font:600 46px 'Barlow Condensed',sans-serif;color:var(--orange);margin-top:12px}.telemetry{position:absolute;right:4%;top:115px;display:grid;text-align:right;gap:6px;font:12px monospace;color:#9ab8c6}.telemetry strong{color:#e2f0f5;font-size:25px;letter-spacing:.1em}.telemetry span:last-child{font-size:10px}#reticle{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);opacity:.85}#reticle i{position:absolute;background:#a4ffff;width:10px;height:2px;box-shadow:0 0 8px #51ecff77}#reticle i:nth-child(1){left:0;top:20px}#reticle i:nth-child(2){right:0;top:20px}#reticle i:nth-child(3){left:20px;top:0;width:2px;height:10px}#reticle i:nth-child(4){left:20px;bottom:0;width:2px;height:10px}#reticle span{position:absolute;left:20px;top:20px;width:2px;height:2px;background:white}#target-label{position:absolute;top:calc(50% + 37px);width:100%;text-align:center;font:12px monospace;color:#ff9c77}#hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:42px;opacity:0}#nav-marker{position:absolute;left:50%;top:40%;color:var(--cyan);text-align:center;transform:translate(-50%,-50%);font-size:35px;text-shadow:0 0 12px #48dcff;transition:opacity .1s}#nav-marker small{display:block;font:11px monospace;margin-top:2px;white-space:nowrap}#toast{position:absolute;left:50%;top:27%;transform:translateX(-50%);font-size:15px;color:#cdfcff;text-align:center;letter-spacing:.09em;background:#06121b99;padding:10px 18px;opacity:0;transition:opacity .25s}.bottom-hud{position:absolute;bottom:70px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:end}.shield-panel{width:215px}.bottom-hud span{font:11px monospace;letter-spacing:.12em;color:#8fadb8}.bottom-hud strong{font:600 48px 'Barlow Condensed',sans-serif}.bottom-hud small{font:12px monospace;color:#8fadb8;margin-left:8px}.meter{height:4px;background:#66868d38;margin-top:10px;overflow:hidden}.meter i{display:block;height:100%;width:100%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.speed-panel{text-align:center;width:150px}.speed-panel strong{font-size:32px;margin-right:8px}.speed-panel>span:last-child{font-size:10px;display:block;margin-top:8px}.weapon-panel{display:grid;text-align:right;gap:7px}.weapon-panel strong{font-size:34px}.key-hints{position:absolute;bottom:25px;text-align:center;width:100%;color:#c0d7df;font:11px monospace}.key-hints span{color:#5d7d8a;margin:0 16px 0 5px}#damage{position:fixed;inset:0;box-shadow:inset 0 0 150px 40px #ff3500;opacity:0;pointer-events:none;z-index:3}#overlay{position:absolute;inset:0;background:#06101ce8;backdrop-filter:blur(12px);display:grid;place-items:center;z-index:8;overflow:auto;padding:30px}#overlay section{width:620px;max-width:100%}#overlay h1{font-size:80px}#overlay-copy{color:#a7bfca;line-height:1.5}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;color:#8da8b5;font-size:14px}.controls-grid b{display:block;font:12px monospace;color:#c4f3f5;margin-bottom:6px}.secondary{border:1px solid #3c606f;background:none;color:#abc7d2;padding:14px 20px;margin-top:15px;font-size:12px;letter-spacing:.1em}.touch-help{display:none;color:#93b3c1;font-size:14px}#touch{position:absolute;inset:0;pointer-events:none;touch-action:none}.stick{position:absolute;bottom:95px;width:115px;height:115px;border:1px solid #89deeb55;border-radius:50%;background:#0c2b3950;pointer-events:auto;touch-action:none}.stick i{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);width:40px;height:40px;border:1px solid #89deeb99;border-radius:50%;background:#89deeb30}.stick span{position:absolute;bottom:-23px;left:0;width:100%;text-align:center;font:10px monospace;color:#9fbcc6}#move-stick{left:5%}#look-stick{right:5%}.touch-actions{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px;pointer-events:auto}.touch-actions button{background:#0b263cbb;border:1px solid #769eae80;color:#ceeaf2;padding:8px;min-width:42px;height:45px;font:12px monospace;touch-action:none}.touch-actions .fire{background:#ba5139bb;border-color:#ff805f;min-width:65px}noscript{position:absolute;top:45%;left:20%;background:#102436;padding:30px}@media(max-height:800px) and (min-width:801px){#menu{padding-top:115px}.brief h1{font-size:80px;margin:20px 0}.intro{font-size:19px;margin:15px 0}.description{margin-bottom:20px}.settings{margin-top:18px}.mission-card{bottom:12%}}@media(pointer:coarse){.key-hints,.controls-grid{display:none}.touch-help{display:block}.bottom-hud{bottom:240px}.shield-panel{width:130px}.weapon-panel strong{font-size:28px}.speed-panel{width:95px}.header-right{gap:8px}}@media(max-width:800px){header{height:78px;padding:22px 5%}.wordmark{font-size:15px;gap:9px}.version,.prototype{display:none}header button{font-size:10px;padding:8px}#menu{padding:105px 7% 55px;background:linear-gradient(90deg,#071018f5,#071018a0)}h1{font-size:76px}.brief{max-width:430px}.intro{font-size:19px}.description{font-size:15px}.mission-card{display:none}.start-footer{display:none}.objective{top:93px}.objective h2{font-size:15px}.objective .eyebrow{font-size:10px}#subobjective{font-size:12px;display:block;max-width:220px}.telemetry{top:95px;font-size:10px}.telemetry strong{font-size:20px}.bottom-hud strong{font-size:34px}.bottom-hud span{font-size:9px}.weapon-panel span{letter-spacing:0}.weapon-panel{max-width:125px}.key-hints{display:none}.speed-panel{width:80px}#overlay h1{font-size:60px}#toast{width:90%;font-size:13px}.controls-grid{gap:12px;font-size:12px}.settings{gap:12px}#countdown{font-size:32px}}@media(max-height:520px){header{height:55px;padding-top:12px;padding-bottom:12px}.objective,.telemetry{top:65px}.bottom-hud{bottom:75px}.stick{width:95px;height:95px;bottom:25px}.touch-actions{bottom:12px}.shield-panel{margin-left:150px;width:105px}.weapon-panel{margin-right:150px}.speed-panel{display:none}#menu{padding-top:75px}.brief h1{font-size:65px}.brief .description{max-width:380px}#overlay{place-items:start center}#overlay h1{font-size:48px;margin:14px 0}}
/* Mobile flight 0.2: two thumb zones, readable actions, safe-area spacing. */
#game, #touch, #touch button, #aim-zone{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#help{font-size:20px;font-weight:700;min-width:44px;min-height:44px;padding:6px}.mobile-guide{display:none}.touch-device .mobile-guide{display:block}.help-map{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-map>div{padding:14px;background:#142b39;border:1px solid #345767}.help-map b{font:600 14px Barlow,Arial,sans-serif;color:var(--cyan)}.help-map p{font-size:15px;line-height:1.45;margin:8px 0 0}.mobile-settings{display:grid;gap:14px;margin:20px 0;font-size:16px}.mobile-settings label{display:flex;align-items:center;gap:10px}.mobile-settings label:first-child{flex-wrap:wrap}.mobile-settings input[type=checkbox]{width:22px;height:22px;accent-color:var(--cyan)}.mobile-settings input[type=range]{width:170px;accent-color:var(--cyan);min-height:32px}.mobile-note{font-size:14px;line-height:1.4}.touch-device .controls-grid{display:none}.touch-device header{padding-left:max(4%,env(safe-area-inset-left));padding-right:max(4%,env(safe-area-inset-right));pointer-events:none}.touch-device header a,.touch-device header button{pointer-events:auto}.touch-device header button{min-width:44px;min-height:44px}.touch-device .header-right{gap:8px}.touch-device .prototype,.touch-device .version{display:none}.touch-device #overlay{padding:24px max(24px,env(safe-area-inset-left));align-items:start}.touch-device #overlay section{width:720px}.touch-device #overlay h1{font-size:48px;margin:16px 0}.touch-device #overlay .secondary{margin-right:12px}.touch-device #overlay .primary{min-height:48px}.touch-device .bottom-hud{bottom:230px}.touch-device .speed-panel{display:none}.touch-device .shield-panel{width:125px;margin:0}.touch-device .weapon-panel{margin:0}.touch-device #pause{font-size:12px}.touch-device .wordmark{font-size:15px;letter-spacing:.1em}.touch-device .objective{max-width:60%}.touch-device .objective h2{font-size:15px}.touch-device .telemetry{font-size:11px}.touch-device #touch .stick{width:132px;height:132px;bottom:calc(45px + env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));border:2px solid #89deeb88;background:#071d2d99;z-index:2}.touch-device .stick i{width:48px;height:48px;left:calc(50% - 24px);top:calc(50% - 24px)}.touch-device .stick span{font:12px Barlow,Arial,sans-serif;white-space:nowrap;width:190px;left:-20px;bottom:-25px;color:#c0dae4}.touch-device #aim-zone{position:absolute;inset:65px 0 0 50%;pointer-events:auto;z-index:0}.touch-device #aim-zone>span{position:absolute;right:max(26px,env(safe-area-inset-right));top:35%;font:12px Barlow,Arial,sans-serif;color:#bedae18f;letter-spacing:.1em;pointer-events:none}#aim-contact{display:none;position:absolute;width:48px;height:48px;border:1px solid #a8f9ff88;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}#aim-zone.dragging #aim-contact{display:block}.vertical-actions,.combat-actions,#advanced-actions{position:absolute;pointer-events:auto;z-index:2}#touch button{min-width:58px;min-height:58px;background:#102f43dc;border:1px solid #84b9ce99;border-radius:12px;color:#e6faff;font:600 15px Barlow,Arial,sans-serif;padding:10px;touch-action:none}#touch button.pressed{background:#36738d;box-shadow:0 0 18px #65eeff66}#touch button:disabled{opacity:.4;cursor:default}.vertical-actions{left:max(178px,calc(env(safe-area-inset-left) + 150px));bottom:calc(44px + env(safe-area-inset-bottom));display:grid;gap:10px}.vertical-actions button{font-size:24px!important;width:62px;height:62px}.vertical-actions small{display:block;font-size:12px;line-height:1.3;letter-spacing:.03em}.combat-actions{right:max(24px,env(safe-area-inset-right));bottom:calc(44px + env(safe-area-inset-bottom));display:grid;gap:10px;text-align:center}#auto-status{font-size:12px;color:var(--cyan);letter-spacing:.05em;pointer-events:none}#touch #mobile-missile{width:125px;min-height:68px;background:#4c2b25e8;border-color:#ec906b}#mobile-ammo{display:inline-grid;place-items:center;background:#ffffff18;border-radius:5px;margin-left:6px;min-width:20px;padding:4px}#touch #manual-fire{background:#783c29}.combat-actions #auto-status.target-ready{color:white;text-shadow:0 0 12px #92ffff}#advanced-actions{bottom:calc(8px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:8px}#advanced-actions button{min-height:48px;font-size:12px;padding:8px}.rotate-hint{position:absolute;top:180px;left:5%;color:#9ab9c4;font-size:12px;pointer-events:none}.touch-device #tutorial{position:absolute;top:75px;left:50%;transform:translateX(-50%);width:min(540px,92%);z-index:6;padding:14px 18px;background:#0b2235ed;border:1px solid #7cd8e080;border-radius:12px;box-shadow:0 10px 30px #0006}#tutorial>div{display:flex;align-items:center;justify-content:space-between;gap:8px}#practice-progress{font:12px monospace;color:var(--cyan)}#skip-practice{background:none;border:0;color:#adc9d2;font-size:12px;min-height:32px;padding:6px}#tutorial h2{font-size:21px;margin:6px 0}#tutorial p{font-size:15px;line-height:1.4;margin:7px 0 0}#tutorial .primary{margin-top:12px;min-height:48px;font-size:13px}#touch .practice-focus{outline:2px solid #9dffff;outline-offset:5px;box-shadow:0 0 20px #7ceef04d}#aim-zone.practice-focus{outline-offset:-8px;border-radius:16px;box-shadow:none}.practicing .objective,.practicing .telemetry,.practicing .rotate-hint{display:none!important}.practicing #target-label{max-width:90%;left:5%}.practicing #toast{top:56%}#replay-practice{display:none}.touch-device #replay-practice{display:inline-block}.touch-device #menu .brief{padding-bottom:20px}.touch-device #practice{font-size:14px;min-height:48px}.touch-device #menu .settings{display:none}
@media (pointer:coarse) and (orientation:landscape){.touch-device .bottom-hud{bottom:auto;top:112px;left:max(4%,env(safe-area-inset-left));right:max(4%,env(safe-area-inset-right))}.touch-device .bottom-hud strong{font-size:28px}.touch-device .bottom-hud .meter{margin-top:2px}.touch-device .weapon-panel{gap:0}.touch-device .weapon-panel>span:first-child{display:none}.touch-device .objective,.touch-device .telemetry{top:62px}.touch-device .objective h2{margin:6px 0}.touch-device #subobjective{display:none}.touch-device .telemetry strong{font-size:18px}.touch-device #touch .stick{bottom:calc(24px + env(safe-area-inset-bottom));width:118px;height:118px}.touch-device .vertical-actions{left:max(163px,calc(env(safe-area-inset-left) + 143px));bottom:calc(20px + env(safe-area-inset-bottom));gap:7px}.touch-device .vertical-actions button{height:55px;min-height:55px}.touch-device .combat-actions{bottom:calc(24px + env(safe-area-inset-bottom))}.touch-device .rotate-hint{display:none}.touch-device #tutorial{top:60px;max-width:420px;padding:10px 16px}.touch-device #tutorial h2{font-size:18px}.touch-device #tutorial p{font-size:14px;margin-top:4px}.touch-device #tutorial .primary{min-height:42px}.touch-device #overlay .help-map{grid-template-columns:1fr 1fr}.touch-device #overlay section{padding-bottom:20px}.touch-device #countdown{font-size:26px;margin-top:2px}.touch-device .bottom-hud span{font-size:10px}.touch-device header{height:60px;padding-top:8px;padding-bottom:8px}}
@media (max-width:480px){.touch-device .wordmark{font-size:13px}.touch-device header{padding:14px}.touch-device #sound{font-size:10px;padding:6px}.touch-device .header-right{gap:5px}.touch-device #pause{font-size:10px;padding:6px}.touch-device .vertical-actions{left:163px}.touch-device #touch .stick{left:18px;width:122px;height:122px}.touch-device .combat-actions{right:16px;bottom:calc(205px + env(safe-area-inset-bottom))}.touch-device #touch #mobile-missile{width:112px}.touch-device .bottom-hud{bottom:300px}.touch-device .help-map{grid-template-columns:1fr}.touch-device #tutorial{top:82px}.touch-device #aim-zone{inset:75px 0 0 50%}.touch-device #aim-zone>span{top:38%}}

#practice{display:none}.touch-device #practice{display:inline-block}
@media(max-width:480px){.touch-device #advanced-actions{left:auto;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));transform:none;display:grid;gap:6px;width:70px}.touch-device #advanced-actions button{min-width:0;min-height:48px;padding:5px}}

.mission-picker{display:flex;align-items:center;gap:12px;font:12px monospace;color:#a8c2cf;letter-spacing:.1em;margin:0 0 18px}.mission-picker select{min-height:44px;max-width:100%;padding:10px 14px;background:#102535;color:#dff7ff;border:1px solid #477285;border-radius:4px;font:500 15px Barlow,Arial,sans-serif}.primary[href],.mission-home{text-decoration:none}.mission-home{display:inline-block;margin-left:10px}#next-mission{margin:15px 0}.level-two{--cyan:#b4c7ff;--orange:#c48dff}.level-two #menu{background:linear-gradient(90deg,#080e20f5 0%,#081223ce 28%,#0d142010 78%)}.level-two .brief h1{font-size:clamp(60px,7.7vw,108px)}.level-two .mission-card{border-top-color:#ba9bff}.level-two .mission-picker select{border-color:#8a7bb8}.mission-picker select:focus-visible{outline:2px solid var(--cyan)}
@media(max-height:800px){#menu{padding-top:105px}.mission-picker{margin-bottom:12px}.level-two .brief h1{font-size:70px}}@media(max-width:800px){.level-two #menu{background:linear-gradient(90deg,#080e20f5,#0d1420a8)}.level-two .brief h1{font-size:68px}.mission-picker{flex-wrap:wrap;gap:8px}.mission-picker select{font-size:15px}}