:root{font-family:Arial,Helvetica,sans-serif;color:#f5f4e9;font-synthesis:none;--orange: #f39861;--ink: #19363d;--mint: #a5e3c7;--line: rgba(236, 245, 232, .26)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#a8c8ca}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:5px}button,a{touch-action:manipulation}button{border:0}button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}[hidden]{display:none!important}#game{display:block;width:100%;height:100%;position:fixed;inset:0}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#132a2dc4,#182b2b38 57%,#132a2d05 80%),linear-gradient(0deg,rgba(19,37,38,.8),transparent 28%);transition:opacity .5s}body.flying #vignette{opacity:.25;background:linear-gradient(0deg,rgba(19,37,38,.8),transparent 25%)}#masthead{position:fixed;z-index:10;left:4.3%;right:4.3%;top:30px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#f4f4e9;font-size:14px;font-weight:800;letter-spacing:2px}.brand svg{width:34px;height:34px}.brand-edition{display:block;font-size:8px;letter-spacing:2.8px;font-weight:400;margin-top:6px;opacity:.65}nav{display:flex;align-items:center;gap:23px}.icon-button{display:grid;place-items:center;background:transparent;color:inherit;width:34px;height:34px}.text-button{color:inherit;background:transparent;padding:10px 0;font-size:13px}.text-button:hover,.briefing-link:hover{color:var(--orange)}#menu{position:fixed;inset:0}.hero{position:absolute;left:8%;top:24%}.sortie-label{font-size:10px;font-weight:600;letter-spacing:2.5px;display:flex;align-items:center;gap:9px;color:#dae8df}.sortie-label span{height:6px;width:6px;background:var(--orange);border-radius:50%}h1{font-family:Impact,Arial Narrow,Arial,sans-serif;position:relative;font-size:clamp(74px,9.1vw,144px);line-height:.87;font-weight:900;letter-spacing:1px;margin:27px 0 23px;text-shadow:0 4px 35px #15373720}.dimension{font-family:Arial,sans-serif;position:absolute;top:2px;margin-left:14px;font-size:24px;font-weight:400;line-height:1.2;border:1px solid #ecf2e877;padding:5px 7px;letter-spacing:-1px}.tagline{font-size:22px;letter-spacing:-.4px;margin:0 0 14px}.intro{font-size:13px;line-height:1.7;color:#d0ded8;margin:0 0 29px}.launch-row{display:flex;align-items:center;gap:20px}.primary{min-height:54px;background:var(--orange);color:#253c3a;border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:0 25px;font-size:14px;font-weight:700;box-shadow:0 4px 20px #122d3320}.primary:hover{background:#ffac79}.primary svg{width:21px}.enter-hint{font-size:8px;letter-spacing:1px;color:#b3c6bd;white-space:nowrap}kbd{font-family:inherit;font-size:10px;border:1px solid #d3e1d654;border-radius:3px;padding:3px 5px;font-weight:400;white-space:nowrap}.enter-hint kbd{margin-left:3px;font-size:8px}.briefing-link{margin-top:20px;background:none;color:#dce6de;padding:0;font-size:11px}.briefing-link span{margin-left:16px}.mission-card{position:absolute;right:4.8%;bottom:15%;width:325px;background:#1733348c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #dce8d833;border-radius:4px;padding:21px 23px 18px}.mission-card-top{font-size:8px;letter-spacing:1.2px;display:flex;align-items:center;gap:7px}.mission-card-top>span:last-child{margin-left:auto;opacity:.55;letter-spacing:0}.signal{width:5px;height:5px;background:var(--mint);border-radius:50%}.mission-map{height:86px;margin-top:10px;overflow:hidden}.mission-map svg{width:100%;height:100%;fill:#edaa77}.map-bank{stroke:#aac6b44d;fill:none;stroke-width:2}.map-route{stroke:#d9cfb280;stroke-dasharray:4 5;fill:none}.mission-card-bottom{display:flex;justify-content:space-between;font-size:9px;color:#c4d4c8}.mission-card p{border-top:1px solid var(--line);padding-top:15px;margin:17px 0 0;font-size:10px;color:#b4c9be}.menu-footer{position:absolute;bottom:27px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#d2dfd2aa}.menu-footer i{font-style:normal;margin:0 11px;color:#f39861}.menu-footer>span:last-child{letter-spacing:0;font-size:10px}.version{font-size:8px;letter-spacing:1px;margin-left:30px;opacity:.65}body.flying #masthead .brand{visibility:hidden}body.flying #masthead{top:25px;right:3%}body.flying #settings-open{display:none}body.flying nav{gap:10px}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 5px #153b3d99}.mission-status{position:absolute;top:31px;left:3.5%;width:270px}.mission-status>div:first-child{font-size:9px;color:#d4e2d4;letter-spacing:2px}.mission-status h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:8px 0}.mission-status p{font-size:10px;margin:0;color:#d2e0d3;line-height:1.5}.progress-track{width:180px;height:2px;background:#e7f0e32e;margin-top:15px}.progress-track span{height:100%;display:block;background:#b4ddc3;width:0}.score-panel{position:absolute;top:35px;right:130px;text-align:right}.score-panel>span{display:block;letter-spacing:2px;font-size:8px}.score-panel strong{font-weight:400;font-size:25px;letter-spacing:3px;display:block;margin:5px 0}.score-panel small{font-size:8px;opacity:.7;letter-spacing:1px}.flight-number{position:absolute;top:50%;width:85px;font-variant-numeric:tabular-nums}.speed-number{left:calc(50% - 210px);text-align:left}.altitude-number{right:calc(50% - 210px);text-align:right}.flight-number>span{font-size:8px;letter-spacing:1.2px;opacity:.8}.flight-number strong{font-size:27px;font-weight:400;display:block;line-height:1.3}.flight-number small{font-size:8px;opacity:.8}.tape{height:32px;width:35px;background:repeating-linear-gradient(to bottom,#e7efdd80 0,#e7efdd80 1px,transparent 1px,transparent 8px);position:absolute;top:15px}.speed-number .tape{right:-7px;border-right:1px solid #e7efdd80}.altitude-number .tape{left:-7px;border-left:1px solid #e7efdd80}#crosshair{position:absolute;left:50%;top:44%;height:44px;width:44px;transform:translate(-50%,-50%);border:1px solid #e7f1dfb3;border-radius:50%;box-shadow:0 1px 8px #18343220}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#e6edd9cc;width:16px;height:1px;top:50%}#crosshair:before{left:-11px}#crosshair:after{right:-11px}#crosshair span{position:absolute;left:50%;top:50%;height:3px;width:3px;border-radius:50%;background:#fff}#crosshair i{position:absolute;left:50%;top:-6px;height:12px;width:1px;background:#e6edd9cc}#crosshair.locked{border-color:#ffbb8b}#target-marker{position:absolute;width:50px;height:50px;border:1px solid #ffb77e;transform:translate(-50%,-50%);color:#ffd9aa}#target-marker span{position:absolute;top:-18px;left:-5px;white-space:nowrap;font-size:8px;letter-spacing:1px}#fuel-marker{position:absolute;transform:translate(-50%,-50%);color:#bcffdc;font-size:24px;text-align:center}#fuel-marker small{display:block;font-size:8px;white-space:nowrap;letter-spacing:1px}#notice{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:1.5px;text-align:center;color:#fce6bc;white-space:nowrap}.bottom-hud{position:absolute;left:50%;transform:translate(-50%);bottom:56px;display:flex;align-items:center;gap:35px;background:linear-gradient(90deg,transparent,#193f4138,transparent);padding:15px 20px}.small-label,.gauge>div:first-child{font-size:8px;letter-spacing:1.1px}.airframe{width:80px}.airframe #lives{color:#d9e6d5;letter-spacing:5px;font-size:17px;margin-top:8px}.gauge{width:135px}.gauge>div:first-child{display:flex;justify-content:space-between;margin-bottom:10px}.gauge b{font-size:8px;letter-spacing:0;font-weight:400}.gauge-track{height:4px;background:#edf3e23b}.gauge-track>span{display:block;height:100%;background:#dbe8cf;transition:width .1s linear}.fuel-gauge .gauge-track>span{background:#a9dfbe}.boost-gauge .gauge-track>span{background:#adcedf}.weapons{display:flex;flex-direction:column;gap:6px;min-width:75px}.weapons strong{font-size:18px;font-weight:400}.weapons kbd{font-size:7px;margin-left:5px}#controls-hint{position:absolute;bottom:22px;display:flex;gap:25px;left:50%;transform:translate(-50%);font-size:9px;color:#d6e2d0bb;white-space:nowrap}#controls-hint kbd{font-size:8px;margin-right:6px}#touch-controls{display:none}.low-fuel #fuel-fill{background:#ff9a68}.low-fuel #fuel-value{color:#ffd098}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:safe center;background:#0c1f239e;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:20px;overflow:auto}.panel{background:#233f44f5;border:1px solid #b0c8bd40;border-radius:5px;width:min(100%,460px);padding:39px;color:#eef0e4;box-shadow:0 30px 100px #10242940}.panel-kicker{font-size:9px;letter-spacing:2px;color:#bad1c3}.panel h2{font-size:35px;font-weight:500;letter-spacing:-1.3px;margin:18px 0}.panel p{font-size:13px;line-height:1.75;color:#c0d2c9;margin-bottom:25px}.panel>.primary{width:100%;justify-content:center;margin-top:25px}.panel>.text-button{width:100%;margin-top:12px;color:#b5cfc5}.secondary{background:transparent;border:1px solid #acc7b655;color:#e4eadf;padding:15px;width:100%;border-radius:3px;margin-top:12px;font-size:13px}.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{display:block;font-size:10px;color:#b6c8bc;margin-bottom:8px}.result-stats strong{font-size:22px;font-weight:400}.briefing-panel{width:min(100%,600px)}.briefing-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.briefing-grid h3{font-size:13px;font-weight:500}.briefing-grid p{line-height:2.3;font-size:11px;margin-bottom:17px}.briefing-note{font-size:11px!important;margin-top:20px}.setting-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:19px 0;font-size:13px}.setting-row input{accent-color:var(--orange);width:19px;height:19px}.settings-note{font-size:11px!important;margin-top:20px}@media(min-width:1600px){.hero{top:25%;left:10%}.mission-card{right:7%;bottom:18%;width:355px}}@media(max-height:740px)and (min-width:800px){.hero{top:21%}h1{font-size:88px;margin:19px 0}.tagline{font-size:19px}.intro{margin-bottom:19px}.briefing-link{margin-top:15px}.mission-card{bottom:13%}.primary{min-height:49px}}@media(max-width:800px){#masthead{top:22px;left:6%;right:6%}.brand{font-size:11px;gap:8px}.brand svg{width:26px}.brand-edition{font-size:6px;letter-spacing:2px}nav{gap:13px}.hero{left:7%;top:24%}h1{font-size:100px}.mission-card{display:none}.intro{font-size:12px}.menu-footer{left:7%;right:7%;bottom:23px}.menu-footer>span:last-child{display:none}.enter-hint{display:none}.mission-status{top:26px;left:5%;width:200px}.mission-status h2{font-size:17px}.mission-status p{font-size:9px;max-width:170px}.score-panel{top:105px;right:5%}.score-panel strong{font-size:19px}.score-panel small{display:none}.bottom-hud{gap:18px;bottom:30px;padding:10px;width:94%;justify-content:space-between}.gauge{width:90px}.boost-gauge{display:none}.airframe{width:57px}.airframe #lives{font-size:12px;letter-spacing:2px}.weapons{min-width:50px}.speed-number{left:calc(50% - 150px)}.altitude-number{right:calc(50% - 150px)}.flight-number{width:60px}.flight-number strong{font-size:22px}.tape{width:20px}.speed-number .tape{right:-15px}.altitude-number .tape{left:-15px}#controls-hint{display:none}#notice{font-size:9px;top:26%;max-width:90%;white-space:normal}.panel{padding:27px}.panel h2{font-size:29px}.briefing-grid{gap:15px}.briefing-grid p{font-size:10px}body.flying #masthead{right:5%}}@media(pointer:coarse){#touch-controls{display:block;pointer-events:auto;touch-action:none;position:absolute;left:5%;right:5%;bottom:105px;display:flex;align-items:end;justify-content:space-between}#stick{position:relative;width:116px;height:116px;border:1px solid #ecf4dc66;background:#33545130;border-radius:50%;touch-action:none}#stick:before,#stick:after{content:"";position:absolute;background:#ecf4dc44}#stick:before{height:1px;width:100%;top:50%}#stick:after{width:1px;height:100%;left:50%}#stick-knob{position:absolute;width:42px;height:42px;background:#d1e5c477;border:1px solid #e8f4df99;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.touch-actions{display:flex;align-items:end;gap:10px}.touch-actions button{background:#26474470;color:#f2f2dc;border:1px solid #d3e4cd77;touch-action:none;width:57px;height:57px;border-radius:50%;font-size:8px}#touch-fire{width:74px;height:74px;background:#a96c3f77;border-color:#ffd5a6}#controls-hint{display:none}.flight-number{top:44%}.enter-hint{display:none}}@media(max-height:500px){.hero{top:22%;left:7%}h1{font-size:64px;margin:12px 0}.sortie-label{font-size:7px}.tagline{font-size:15px;margin-bottom:10px}.intro{display:none}.primary{min-height:42px}.briefing-link{margin-top:12px}.menu-footer{bottom:12px}#masthead{top:13px}.mission-card{display:none}.bottom-hud{bottom:12px;width:70%;gap:15px}.flight-number{top:43%}#touch-controls{bottom:75px}#stick{width:90px;height:90px}.panel{padding:22px;max-height:94vh;overflow:auto}.panel h2{margin:12px 0}.panel p{margin-bottom:12px}.panel>.primary{margin-top:14px}.result-stats{padding:12px 0;margin:13px 0}}#lives{white-space:nowrap;letter-spacing:3px!important}.airframe{min-width:80px}@media(max-width:480px){h1{font-size:clamp(72px,25vw,100px)}}@media(max-width:800px){.airframe{min-width:54px}#lives{letter-spacing:1px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.continue-button{display:block;background:transparent;border:1px solid #cbdcc366;color:#e3ecdf;padding:11px 17px;margin-top:12px;border-radius:3px;font-size:11px;min-width:213px}@media(max-width:560px){#masthead .brand>span{display:none}#masthead nav{gap:12px}#masthead nav .text-button{font-size:12px;text-decoration:none}}.touch-instructions{display:none}@media(pointer:coarse){.keyboard-instructions{display:none}.touch-instructions{display:grid}}.touch-instructions p{font-size:12px;line-height:1.7}.touch-instructions>div:last-child{grid-column:1 / -1}button,button *,#hud,#hud *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
