.touch-controls{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;inset:0}.flight-stick{left:max(24px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #e6e7e338 0 1deg, transparent 1deg 15deg), radial-gradient(circle, transparent 0 42%, #070b0d3d 43% 62%, transparent 63%);pointer-events:auto;border:1px solid #e6e7e36b;border-radius:50%;width:clamp(160px,22vw,228px);position:absolute;box-shadow:inset 0 0 0 10px #070b0d26}.stick-axis{background:#e6e7e33d;position:absolute;top:50%;left:50%}.stick-axis-horizontal{width:84%;height:1px;transform:translate(-50%,-50%)}.stick-axis-vertical{width:1px;height:84%;transform:translate(-50%,-50%)}.stick-knob{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#596268,#24292b 62%,#111516 100%);border:2px solid #e6e7e38c;border-radius:50%;width:42%;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 5px #070b0d73,0 8px 24px #0000004d}.touch-throttle{right:max(30px, env(safe-area-inset-right));pointer-events:auto;gap:14px;display:grid;position:absolute;top:46%;transform:translateY(-50%)}.touch-throttle button{color:#e6e7e3;letter-spacing:.1em;background:linear-gradient(#3d3e3bc2,#141819d1);border:1px solid #e6e7e373;border-radius:24px;width:118px;min-height:48px;font-size:15px;box-shadow:inset 0 0 0 3px #070b0d73}.touch-fire{right:max(34px, env(safe-area-inset-right));bottom:max(30px, env(safe-area-inset-bottom));aspect-ratio:1;pointer-events:auto;background:radial-gradient(circle,#d97636 0 48%,#83411f 49% 61%,#242729 62%);border:5px solid #464640;border-radius:50%;place-items:center;width:clamp(92px,13vw,132px);display:grid;position:absolute;box-shadow:inset 0 0 0 3px #151819,0 8px 24px #00000057}.touch-fire:active{filter:brightness(1.22);transform:translateY(2px)}.fire-reticle{aspect-ratio:1;background:linear-gradient(#f2d7c3,#f2d7c3) 50%/2px 135% no-repeat,linear-gradient(90deg,#f2d7c3,#f2d7c3) 50%/135% 2px no-repeat;border:2px solid #f2d7c3;border-radius:50%;width:42%}@media (height<=520px){.flight-stick{width:148px}.touch-fire{width:88px}}.game-screen{background:var(--color-sky-deep);width:100vw;height:100dvh;color:var(--color-text);isolation:isolate;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.game-canvas-host,.game-canvas{width:100%;height:100%;display:block}.game-canvas{touch-action:none;outline:none}.flight-hud{z-index:2;pointer-events:none;text-shadow:0 2px 7px #000000b8;position:absolute;inset:0}.hud-objective{top:max(38px, env(safe-area-inset-top));left:max(48px, env(safe-area-inset-left));letter-spacing:.1em;margin:0;font-size:clamp(21px,1.45vw,29px);font-weight:450;position:absolute}.hud-reticle{fill:none;stroke:#e6e7e3db;stroke-width:.85px;filter:drop-shadow(0 1px 2px #000c);width:clamp(88px,7vw,132px);height:clamp(88px,7vw,132px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-reticle .lead-ring,.hud-reticle .lead-line{opacity:.52;stroke-dasharray:2.5 2.5}.hud-resources{left:max(48px, env(safe-area-inset-left));bottom:max(42px, env(safe-area-inset-bottom));grid-template-columns:82px minmax(150px,210px);align-items:end;gap:8px 20px;font-family:DIN Alternate,Arial Narrow,sans-serif;display:grid;position:absolute}.home-bearing{color:#e6e7e3b8;grid-row:1/span 2;align-self:center;width:78px;height:78px}.home-bearing svg{fill:none;stroke:currentColor;stroke-width:1px;transform-origin:50%;width:100%;height:100%;transition:transform .12s linear}.home-bearing path{fill:#c96532d9;stroke:none}.resource-readout{color:var(--color-muted);letter-spacing:.1em;grid-template-columns:54px 1fr 42px;align-items:center;gap:10px;font-size:13px;display:grid}.resource-readout strong{color:var(--color-text);letter-spacing:.02em;text-align:right;font-size:22px;font-weight:500}.fuel-meter{border:1px solid #aeb4b29e;height:7px;position:relative;overflow:hidden}.fuel-meter:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 18%,#070b0dad 18% 20%);position:absolute;inset:0}.fuel-meter>span{background:var(--color-ember);height:100%;transition:width .18s linear;display:block}.ammo-readout{grid-template-columns:54px 1fr}.ammo-readout strong{text-align:left}.hud-components{right:max(48px, env(safe-area-inset-right));bottom:max(42px, env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(56px,72px));gap:clamp(12px,1.2vw,24px);display:grid;position:absolute}.component-gauge{color:#e6e7e3c7;letter-spacing:.12em;justify-items:center;gap:7px;font-size:12px;display:grid}.component-gauge svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px;filter:drop-shadow(0 1px 3px #000000b3);width:100%;max-width:66px}.component-gauge-damaged{color:#d18850}.component-gauge-severe{color:var(--color-danger);animation:.9s ease-out component-warning}.hud-status{right:22%;bottom:max(36px, env(safe-area-inset-bottom));color:#dadbd7;letter-spacing:.08em;text-align:center;margin:0;font-size:clamp(17px,1.25vw,23px);font-weight:400;line-height:1.45;position:absolute;left:22%}.portrait-rotation-notice{display:none}.persistence-notice{z-index:4;top:max(34px, env(safe-area-inset-top));right:max(44px, env(safe-area-inset-right));color:#d3b9a8;letter-spacing:.08em;text-shadow:0 2px 7px #000000bf;margin:0;font-size:13px;position:absolute}@keyframes component-warning{0%,to{filter:none}45%{filter:brightness(1.65)}}@media (width<=1023px){.hud-objective{top:26px;left:28px}.hud-resources{grid-template-columns:62px minmax(124px,174px);bottom:24px;left:28px}.home-bearing{width:60px;height:60px}.hud-components{grid-template-columns:repeat(4,54px);gap:9px;bottom:24px;right:28px}}@media (pointer:coarse) and (orientation:landscape){.hud-resources{left:max(220px, calc(env(safe-area-inset-left) + 200px));bottom:max(22px, env(safe-area-inset-bottom))}.hud-components{top:max(24px, env(safe-area-inset-top));right:max(28px, env(safe-area-inset-right));bottom:auto}.hud-status{bottom:max(18px, env(safe-area-inset-bottom))}}@media (pointer:coarse) and (orientation:portrait){.game-screen>:not(.portrait-rotation-notice){visibility:hidden}.portrait-rotation-notice{z-index:10;background:var(--color-void);color:var(--color-text);letter-spacing:.08em;text-align:center;place-items:center;padding:32px;font-size:22px;display:grid;position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){.component-gauge-severe{animation:none}}:root{color:#e6e7e3;font-synthesis:none;text-rendering:optimizelegibility;--color-void:#070b0d;--color-sky-deep:#1d282e;--color-sky:#526168;--color-surface:#25292a;--color-border:#716b60;--color-text:#e6e7e3;--color-muted:#aeb4b2;--color-ember:#c96532;--color-danger:#b74936;background:#070b0d;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden}button{font:inherit}.landing-screen{isolation:isolate;background-color:var(--color-void);background-image:url(/assets/landing-hangar.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100dvh;display:grid;position:relative;overflow:hidden}.landing-copy{text-shadow:0 2px 12px #0000008c;align-self:center;width:min(31vw,620px);min-width:430px;margin-left:clamp(44px,9vw,176px);transform:translateY(-2vh)}.landing-copy h1{color:var(--color-text);letter-spacing:.06em;margin:0;font-size:clamp(72px,8.1vw,156px);font-weight:800;line-height:.95}.landing-subtitle{color:#d7d9d6;letter-spacing:.08em;margin:clamp(22px,2.2vw,38px) 0 clamp(36px,3vw,56px);font-size:clamp(24px,1.9vw,38px);font-weight:400;line-height:1.4}.landing-utilities{z-index:2;top:max(28px, env(safe-area-inset-top));right:max(36px, env(safe-area-inset-right));gap:18px;display:flex;position:absolute}.icon-button{color:#cfd3d1;cursor:pointer;filter:drop-shadow(0 2px 4px #000000a6);background:0 0;border:0;place-items:center;width:42px;height:42px;padding:4px;transition:color .15s,transform .15s;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:100%;height:100%;overflow:visible}.icon-button:hover,.icon-button:focus-visible{color:#fff;transform:translateY(-1px)}.mechanical-button{width:min(100%,370px);min-height:88px;color:var(--color-text);border:1px solid var(--color-border);letter-spacing:.22em;text-shadow:0 1px 5px #000000b3;cursor:pointer;background:linear-gradient(#3a3a38f5,#232525fa);border-radius:1px;justify-content:center;align-items:center;padding:18px 70px 18px 42px;font-size:clamp(26px,1.9vw,34px);font-weight:500;transition:border-color .15s,transform .15s,filter .15s;display:flex;position:relative;box-shadow:inset 0 0 0 3px #070b0db3,inset 0 1px #ffffff2e,0 10px 28px #00000047}.mechanical-button:before,.mechanical-button:after{content:"";border-block:1px solid #c5895b8c;width:7px;position:absolute;top:8px;bottom:8px}.mechanical-button:before{border-left:1px solid #c5895b8c;left:8px}.mechanical-button:after{border-right:1px solid #c5895b8c;right:8px}.mechanical-button:hover:not(:disabled),.mechanical-button:focus-visible:not(:disabled){filter:brightness(1.08);border-color:#a39b8d}.mechanical-button:active:not(:disabled){transform:translateY(2px)}.mechanical-button:disabled{color:#8f9592;cursor:not-allowed;filter:saturate(.35)brightness(.78)}.button-chevron{width:12px;height:18px;fill:var(--color-ember);filter:drop-shadow(0 0 4px #c965324d);transition:transform .15s;position:absolute;right:28px}.mechanical-button:hover:not(:disabled) .button-chevron{transform:translate(3px)}.compatibility-notice{color:#d3b9a8;letter-spacing:.04em;margin:18px 0 0;font-size:15px}.continue-sortie-button{color:#e6e7e3d1;letter-spacing:.12em;text-shadow:0 2px 7px #000000b3;cursor:pointer;background:#070b0d3d;border:0;border-bottom:1px solid #aeb4b285;width:min(100%,370px);min-height:48px;margin-top:16px;font-size:17px;display:block}.continue-sortie-button:hover:not(:disabled),.continue-sortie-button:focus-visible:not(:disabled){color:#fff;border-color:var(--color-ember)}.continue-sortie-button:disabled{color:#858c89;cursor:not-allowed}.debrief-screen{background-color:var(--color-void);background-image:url(/assets/debrief-airfield.png);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.debrief-title-action{z-index:2;top:max(34px, env(safe-area-inset-top));right:max(46px, env(safe-area-inset-right));color:#e6e7e3c7;letter-spacing:.12em;text-shadow:0 2px 8px #000000c7;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #aeb4b285;min-width:120px;min-height:44px;padding:8px 14px;font-size:16px;position:absolute}.debrief-title-action:hover,.debrief-title-action:focus-visible{color:#fff;border-color:var(--color-ember)}.debrief-copy{width:min(88vw,1180px);color:var(--color-text);text-align:center;text-shadow:0 2px 16px #000000c7;margin-top:-4vh}.debrief-copy h1{letter-spacing:.08em;margin:0;font-size:clamp(34px,3.5vw,68px);font-weight:520;line-height:1.35}.debrief-copy p{color:#c8ccca;letter-spacing:.12em;margin:22px 0 48px;font-size:clamp(17px,1.25vw,23px)}.debrief-retry{margin-inline:auto}button:focus-visible{outline-offset:4px;outline:2px solid #e0b18b}@media (width<=1100px){.landing-screen{background-position:56%}.landing-copy{width:42vw;min-width:340px;margin-left:48px}.landing-copy h1{font-size:clamp(64px,8.6vw,94px)}.landing-subtitle{font-size:clamp(20px,2.4vw,28px)}.mechanical-button{min-height:72px;font-size:24px}}@media (width<=720px) and (orientation:portrait){.landing-screen{background-position:65%}.landing-copy{width:auto;min-width:0;margin:0 24px max(48px, env(safe-area-inset-bottom));align-self:end;transform:none}.landing-copy h1{font-size:clamp(56px,18vw,86px)}.landing-subtitle{margin:18px 0 28px;font-size:20px}.mechanical-button{width:100%}.debrief-title-action{top:20px;right:20px}.debrief-copy{margin-bottom:max(48px, env(safe-area-inset-bottom));align-self:end}.debrief-copy h1{font-size:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}