:root{--ink:#eff6f4;--muted:#9cb5b7;--lime:#d6fa73;--panel:rgba(12,29,33,.88);--line:rgba(197,230,226,.18)}*{box-sizing:border-box}html,body{height:100%;font-family:"Segoe UI",Arial,sans-serif;background:#11242b;color:var(--ink)}button,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}button:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{touch-action:none}a{color:inherit;text-decoration:none}#world{position:fixed;inset:0;width:100%!important;height:100%!important;margin:0!important;z-index:5}body.in-2d #world{display:none}body.in-3d>canvas:not(#world),body.in-menu>canvas:not(#world){opacity:0;pointer-events:none}#vignette{position:fixed;inset:0;z-index:6;pointer-events:none;box-shadow:inset 0 0 180px rgba(5,18,24,.3)}[hidden]{display:none!important}.menu{position:fixed;inset:0;z-index:20;padding:36px 4.6vw;background:linear-gradient(90deg,rgba(12,28,35,.97),rgba(12,28,35,.83) 29%,rgba(12,28,35,.05) 70%)}.menu-header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:13px;align-items:center;font-size:17px;font-weight:800;letter-spacing:2px}.brand small{display:block;font-size:8px;font-weight:500;color:#a1bbbb;letter-spacing:1.4px;margin-top:6px}.brand-emblem{border:1px solid #aaccc3;width:43px;height:43px;display:grid;place-items:center;font-size:27px;font-style:italic;color:var(--lime);border-radius:50%}.version{font-size:10px;letter-spacing:2px;color:#e3eeed}.version b{background:var(--lime);color:#182a26;padding:5px 7px;margin-left:6px}.version>span{color:#9ab2b8;margin-left:10px;letter-spacing:0}.menu-copy{position:absolute;top:21%;left:4.6vw;max-width:425px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--lime);display:flex;gap:9px;align-items:center}.eyebrow i{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--lime)}h1{font-size:clamp(70px,8.1vw,130px);line-height:.81;letter-spacing:-7px;margin:25px 0 22px;font-weight:900;font-style:italic}h1 span{color:var(--lime)}.tagline{font-size:20px;line-height:1.35;font-weight:500;margin:0 0 13px}.menu-detail{font-size:12px;color:#b6c9ca;line-height:1.65;margin:0 0 24px}.mode-selector{display:flex;gap:8px;margin-bottom:14px}.mode-selector button{background:#192f36;border:1px solid #3b5257;text-align:left;font-size:10px;letter-spacing:1px;padding:12px 18px;min-width:145px}.mode-selector button small{display:block;color:#93a9ae;font-size:9px;margin-top:5px;letter-spacing:0}.mode-selector button.selected{border-color:var(--lime);color:var(--lime);background:#243c36}.primary{border:0;background:var(--lime);color:#152a28;padding:16px 20px;font-size:11px;font-weight:800;letter-spacing:1px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:40px;width:100%;min-height:49px}.primary:hover{background:#e2ff9a}.primary span{font-size:19px;font-weight:400}.text-button{background:none;border:0;padding:14px 0;font-size:11px;color:#b4c6c8;text-align:left}.text-button span{padding-left:12px}.menu-copy>.primary{max-width:304px}.aircraft-label{position:absolute;bottom:24%;left:65%;color:#eaf8f4}.aircraft-label small{display:block;font-size:9px;letter-spacing:3px;color:#c0d9d3}.aircraft-label strong{font-size:32px;letter-spacing:2px;display:block;margin-top:6px}.aircraft-label strong span{font-size:9px;background:rgba(9,25,25,.7);color:var(--lime);padding:5px 9px;vertical-align:middle;letter-spacing:1px}.aircraft-label p{font-size:8px;letter-spacing:2px;color:#b3cbc5}.label-line{height:37px;border-left:1px solid #9ebeb3;position:absolute;left:-20px;top:-26px;transform:rotate(30deg)}.menu-footer{position:absolute;bottom:33px;left:4.6vw;right:4.6vw;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px;color:#c0d2d0}.menu-footer span{color:var(--lime);margin-right:12px;font-size:10px}#hud{position:fixed;inset:0;z-index:30;pointer-events:none}#hud button{pointer-events:auto}.hud-top{height:86px;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:linear-gradient(rgba(8,25,29,.9),rgba(8,25,29,0))}.hud-brand{display:flex;align-items:center;gap:12px}.hud-brand>b{font-size:27px;letter-spacing:-4px;font-style:italic}.hud-brand>b span{color:var(--lime);margin:0 5px}.hud-brand>span{font-size:11px;letter-spacing:1.6px;font-weight:800}.hud-brand small{display:block;font-size:7px;letter-spacing:1px;margin-top:5px;color:var(--lime);font-weight:500}.status-bars{display:flex;gap:25px;align-items:center}.status-bars label{font-size:8px;letter-spacing:1.6px;width:145px}.status-bars b{float:right;font-size:10px;letter-spacing:0}.status-bars label>span{display:block;height:3px;background:#3b575a;margin-top:9px}.status-bars i{display:block;background:var(--lime);width:100%;height:100%;transition:width .2s}#fuel-bar{background:#6bd7ed}.hud-tools{display:flex;gap:7px}.hud-tools button{background:rgba(10,28,33,.7);border:1px solid var(--line);height:34px;min-width:34px;font-size:16px;border-radius:5px}.hud-tools #view{font-size:10px;color:var(--lime);font-weight:700}.mission-card{position:absolute;top:105px;left:28px;width:274px;padding:18px 19px;background:var(--panel);border:1px solid var(--line);border-radius:7px;border-top:2px solid var(--lime)}.mission-card>small{font-size:8px;letter-spacing:2px;color:var(--lime)}.mission-card>strong{font-size:14px;display:block;margin-top:8px}.mission-counts{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px;margin-top:20px}.mission-counts span{font-size:8px;color:#acc5c5;letter-spacing:.6px}.mission-counts b{color:#fff;float:right;font-size:12px;letter-spacing:0}.mission-card p{font-size:10px;line-height:1.5;color:#bdd2ce;margin:17px 0 0}.radar-wrap{position:absolute;bottom:89px;left:28px;background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:8px}.radar-wrap button{padding:0;border:0;background:none}.radar-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;margin:2px 0 10px}.radar-heading small{font-size:7px;letter-spacing:.8px;color:var(--muted)}#radar{display:block;width:155px;height:155px;border-radius:50%;border:1px solid #40635d}.radar-legend{display:flex;gap:8px;font-size:6px;color:#d3bd66;margin-top:8px}.radar-legend span:nth-child(2){color:#ff7d6d}.radar-legend span:nth-child(3){color:#68d5e8}.radar-wrap.expanded{bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;box-shadow:0 0 0 100vmax rgba(4,17,23,.7);pointer-events:auto}.radar-wrap.expanded #radar{width:min(65vw,55vh);height:min(65vw,55vh);border-radius:8px}.radar-wrap.expanded .radar-legend{font-size:10px;gap:15px}.flight-status{position:absolute;bottom:86px;right:28px;text-align:right;display:flex;flex-direction:column;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:15px 20px;min-width:170px}#flight-state{font-size:8px;letter-spacing:1px;color:var(--lime)}#flight-state i{display:inline-block;background:var(--lime);width:5px;height:5px;border-radius:50%;margin-right:5px}#speed{font-size:28px;font-weight:400}#speed small{font-size:10px;color:#a0bfc0}#ammo{font-size:8px;letter-spacing:.5px;color:#c2d6d5}.key-help{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:20px;white-space:nowrap;font-size:9px;color:#c5d7d3;padding:10px 16px;background:rgba(11,29,34,.84);border:1px solid var(--line);border-radius:6px}kbd{font:700 8px "Segoe UI",sans-serif;border:1px solid #53706d;padding:3px 5px;border-radius:3px;color:#eaf7f2;margin-right:5px;background:#203b3b}.modal{position:fixed;inset:0;background:rgba(5,17,24,.84);backdrop-filter:blur(8px);z-index:60;display:grid;place-items:center;padding:20px;overflow:auto;touch-action:pan-y}.dialog-card{width:min(600px,100%);background:#132c32;border:1px solid #47605f;padding:30px;border-radius:12px;max-height:95vh;overflow:auto;touch-action:pan-y}.dialog-card h2,.pause-card h2{font-size:29px;letter-spacing:-1px;margin:14px 0}.dialog-intro{font-size:12px;color:#acc8c7;line-height:1.6}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.help-grid>div{border:1px solid #355050;background:#1b3639;padding:14px;border-radius:6px}.help-grid p{font-size:11px;line-height:1.7;color:#bed2cf;margin-bottom:0}.help-grid kbd{font-size:9px;color:var(--lime)}.setting-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:12px 0;border-top:1px solid var(--line);gap:12px}.setting-row select{background:#203c40;color:#e3efed;border:1px solid #526d6c;padding:8px;border-radius:4px;font-size:11px;max-width:60%}input[type=checkbox]{accent-color:var(--lime);width:19px;height:19px}.help-note{font-size:10px;line-height:1.7;color:#b2cbc7}.credit{font-size:8px;color:#77928e;margin:18px 0 0;line-height:1.6}.pause-card{background:#163036;border:1px solid #55736c;border-radius:10px;padding:35px;width:370px}.pause-card p{font-size:12px;color:#b7cecb;margin-bottom:30px}.pause-card .text-button{display:block;width:100%;text-align:center}#toast{position:absolute;left:50%;top:97px;transform:translateX(-50%);background:var(--panel);border:1px solid #567755;border-radius:30px;font-size:11px;padding:12px 22px;opacity:0;transition:opacity .2s;max-width:65vw;text-align:center}#toast.show{opacity:1}#objective-marker{position:absolute;transform:translate(-50%,-100%);text-align:center;filter:drop-shadow(0 2px 4px #13291c);color:#efffae;pointer-events:none}#objective-marker span{font-size:20px;display:block}#objective-marker b{font-size:8px;letter-spacing:1.2px;background:rgba(20,40,26,.8);padding:4px 6px;border-radius:3px}#objective-marker small{font-size:8px;display:block;margin-top:6px}#aim-marker{position:absolute;color:#ffdf85;font-size:28px;transform:translate(-50%,-50%);text-shadow:0 0 6px #122}.in-menu #vignette{z-index:6}.in-2d #vignette{display:none}#load-error{position:absolute;right:5%;bottom:100px;max-width:400px;background:#502e24;padding:15px;font-size:12px;line-height:1.6}#touch-controls{display:none}.touch #touch-controls{display:block}.touch .key-help{display:none}.touch .radar-wrap{bottom:165px}.touch .flight-status{bottom:170px}#joystick{position:absolute;bottom:28px;left:28px;width:124px;height:124px;border:1px solid #93c0a86b;border-radius:50%;background:#102d3288;pointer-events:auto;touch-action:none;box-shadow:inset 0 0 0 22px #36605a1f}#joystick:before,#joystick:after{content:"";position:absolute;background:#94c4b21f;left:12px;right:12px;top:50%;height:1px}#joystick:after{transform:rotate(90deg)}#stick{position:absolute;left:40px;top:40px;width:42px;height:42px;background:#c6ec995c;border:1px solid #d6fa73c0;border-radius:50%;z-index:1}#joystick>span{position:absolute;top:-17px;width:100%;text-align:center;font-size:8px;color:#b5d0c6;letter-spacing:2px}.touch-actions{position:absolute;bottom:32px;right:24px;display:flex;gap:9px;align-items:center}.touch-actions button{background:#183832bd;border:1px solid #7fb99c;border-radius:50%;width:70px;height:70px;font-size:10px;font-weight:700;letter-spacing:.5px;user-select:none;-webkit-user-select:none}.touch-actions small{display:block;font-size:7px;color:#a3bfae;margin-top:5px}#touch-fire{background:#d6fa7333;width:89px;height:89px;border-color:var(--lime);color:var(--lime)}#touch-brake{width:48px;height:48px;font-size:7px}button.pressed{background:#a8e75c66!important}
@media(max-height:760px) and (min-width:800px){.menu-copy{top:19%}h1{font-size:94px;margin-top:20px}.tagline{font-size:18px}.menu-detail{margin-bottom:16px}.mode-selector button{padding:9px 15px}.menu-footer{bottom:22px}.menu-detail{font-size:11px}}
@media(max-width:800px){.menu{padding:20px 24px;background:linear-gradient(90deg,rgba(12,28,35,.95),rgba(12,28,35,.65) 50%,rgba(12,28,35,.1))}.brand{font-size:13px}.brand small{font-size:6px}.brand-emblem{width:32px;height:32px;font-size:20px}.version{font-size:7px;letter-spacing:.5px}.menu-copy{left:24px;top:23%;max-width:300px}h1{font-size:85px;letter-spacing:-5px}.eyebrow{font-size:7px;letter-spacing:1.4px}.tagline{font-size:18px}.menu-detail{font-size:11px}.mode-selector button{min-width:125px;padding:9px 12px;font-size:9px}.menu-copy>.primary{max-width:258px}.aircraft-label{left:auto;right:24px;bottom:19%;text-align:right}.aircraft-label strong{font-size:22px}.aircraft-label small,.aircraft-label p{font-size:6px}.menu-footer{left:24px;right:24px;bottom:18px;display:grid;grid-template-columns:1fr 1fr;font-size:7px;gap:12px;padding-top:16px}.menu-footer span{margin-right:5px}.hud-top{padding:12px 14px;height:65px}.hud-brand small{display:none}.hud-brand>span{font-size:9px}.hud-brand>b{font-size:22px}.status-bars{gap:12px}.status-bars label{width:95px;font-size:6px;letter-spacing:.6px}.status-bars b{font-size:8px}.hud-tools{gap:4px}.hud-tools button{min-width:29px;height:29px;font-size:13px}.hud-tools #fullscreen{display:none}.mission-card{top:77px;left:14px;width:220px;padding:12px 14px}.mission-card>strong{font-size:12px}.mission-counts{margin-top:12px;gap:9px 12px}.mission-counts span{font-size:6px}.mission-counts b{font-size:10px}.mission-card p{font-size:8px;margin-top:10px}.radar-wrap{left:14px;padding:8px}.radar-wrap #radar{width:110px;height:110px}.radar-legend{font-size:5px;gap:5px}.flight-status{right:14px;min-width:140px;padding:12px}#ammo{font-size:7px}#flight-state{font-size:7px}#toast{top:67px;font-size:9px;max-width:90vw;white-space:normal}.help-grid{gap:7px}.help-grid>div{padding:10px}.help-grid p{font-size:10px}.dialog-card{padding:20px}.dialog-card h2{font-size:24px}#joystick{bottom:24px;left:24px}.key-help{font-size:7px;gap:9px}.key-help kbd{font-size:6px}}
@media(max-width:520px){.hud-brand>span{display:none}.hud-top{align-items:flex-start}.status-bars label{width:75px}.mission-card{width:193px;padding:11px}.mission-card>small{font-size:7px}.mission-card p{display:none}.radar-wrap #radar{width:96px;height:96px}.radar-heading{font-size:7px}.flight-status{min-width:123px;bottom:165px!important}#ammo{font-size:6px}.touch-actions{right:15px;gap:6px}.touch-actions button{width:57px;height:57px;font-size:8px}#touch-fire{width:69px;height:69px}#touch-brake{width:39px;height:39px;font-size:6px}#joystick{width:112px;height:112px;left:20px;bottom:28px}#stick{left:34px;top:34px}.aircraft-label{display:none}.menu-copy{top:20%}.menu-footer{font-size:6px}.brand small{font-size:5px}.version{font-size:6px}}
@media(max-height:510px){.menu-header{height:25px}.menu-copy{top:23%;display:grid;grid-template-columns:190px 235px;grid-template-rows:auto auto auto;column-gap:20px;max-width:470px}.menu-copy>.eyebrow{grid-column:1/3}h1{font-size:70px;margin:18px 0 12px;grid-row:2/4}.tagline{margin-top:15px;font-size:15px}.menu-detail{display:none}.mode-selector{grid-column:2;margin-bottom:8px}.mode-selector button{min-width:100px;padding:8px 9px;font-size:8px}.menu-copy>.primary{grid-column:2;min-height:40px;padding:10px 14px;font-size:10px}.menu-copy>.text-button{grid-column:2;padding-top:9px}.menu-footer{bottom:16px;padding-top:12px;display:flex;font-size:6px}.aircraft-label{bottom:25%;right:25px;left:auto}.aircraft-label strong{font-size:22px}.hud-top{height:56px}.mission-card{top:64px;width:190px;padding:10px}.mission-card p{display:none}.mission-counts{margin-top:10px;gap:7px}.radar-wrap,.touch .radar-wrap{left:auto;right:15px;top:65px;bottom:auto}.radar-wrap #radar{width:81px;height:81px}.radar-legend{display:none}.flight-status,.touch .flight-status{bottom:139px!important;left:20px;right:auto;padding:8px 10px;min-width:150px;gap:4px;flex-direction:row;align-items:center}#ammo{display:none}#speed{font-size:16px}#speed small{font-size:7px}#joystick{width:100px;height:100px;bottom:18px}#stick{left:28px;top:28px}.touch-actions{bottom:20px}#toast{top:62px}.key-help{bottom:14px}.dialog-card{max-height:94vh}}

@media(max-width:520px) and (min-height:511px){#toast{top:199px;max-width:calc(100vw - 30px);font-size:9px}}