:root{--navy:#193548;--orange:#ff6843;--cream:#fff8e6}*{box-sizing:border-box}body{margin:0;overflow:hidden;font-family:'DM Sans',Arial,sans-serif;color:var(--navy);background:#9ad8ed}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ff7044;outline-offset:3px}[hidden]{display:none!important}
#world,.shade{position:fixed;inset:0;width:100%;height:100%}.shade{pointer-events:none;background:linear-gradient(90deg,#dcf2f0ed,#dcf2f04a 48%,transparent 67%)}header{position:fixed;z-index:5;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:26px 40px}.brand{text-decoration:none;color:var(--navy);font:bold 29px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;position:relative;padding-left:45px}.brand svg{position:absolute;left:0;top:0;width:34px;fill:var(--navy);transform:rotate(25deg)}.brand span{display:block;font:700 7px 'DM Sans',Arial,sans-serif;letter-spacing:2px;margin-top:4px}#sound{border:1px solid #19354833;color:var(--navy);background:#ffffff55;border-radius:30px;padding:11px 16px;font-size:9px;letter-spacing:1.5px;font-weight:700}
#menu{position:fixed;inset:94px 0 0;display:flex;align-items:flex-start;padding:20px 6% 55px;justify-content:space-between;gap:4%;overflow-y:auto}.intro{width:52%;max-width:650px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#3e7182}h1{font:900 clamp(64px,6vw,100px)/.9 'Barlow Condensed',Impact,sans-serif;margin:16px 0;letter-spacing:-1px}h1 em{font-style:normal;color:var(--orange)}.intro>p{font-size:13px;line-height:1.8;max-width:390px;color:#477081;margin:12px 0}.primary{background:var(--orange);color:#fff9ed;border:0;border-radius:10px;padding:19px 24px;font-size:12px;letter-spacing:1px;font-weight:700;width:300px;max-width:100%;display:flex;justify-content:space-between;box-shadow:0 7px #db56341f;transition:transform .2s}.primary:hover{transform:translateY(-3px);background:#f77951}.primary span{font-size:22px;line-height:12px}.controls{font-size:8px;line-height:2;color:#4f7788;letter-spacing:.8px;margin-top:16px}.pilot{align-self:flex-end;width:280px;background:#fff9e7eb;border-radius:16px;padding:22px 25px;box-shadow:0 15px 50px #24516d1a;border:1px solid white;margin-bottom:15px}.pilot h2{font:800 42px 'Barlow Condensed',Impact,sans-serif;margin:8px 0 2px}.pilot p{font-size:11px;color:#6d8490;line-height:1.6}.pilot .eyebrow{font-size:8px}.pilot-stats{display:flex;gap:20px;border-top:1px solid #19354815;padding-top:14px;margin-top:14px;font-size:7px;letter-spacing:1px}.pilot-stats b{display:block;color:#ff9959;font-size:12px;margin-top:6px;letter-spacing:2px}#planeButtons{display:flex;gap:8px;margin-top:15px}#planeButtons button{border-radius:50%;width:33px;height:33px;border:1px solid #bbc8c8;color:#193548;background:white;font-size:10px}#planeButtons button.active{background:var(--navy);color:white;border-color:var(--navy)}footer{position:fixed;bottom:25px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;font-weight:700;color:#386779;pointer-events:none}
.real-map-note{margin:12px 0;background:#fff9e4df;border:1px solid white;border-radius:10px;padding:10px 15px;max-width:490px;display:flex;flex-direction:column;gap:7px}.real-map-note b{font-size:12px;letter-spacing:1.5px}.real-map-note span{font-size:11px;color:#3e6974}.real-map-note small{font-size:10px;color:#537985}.locationPicker{display:flex;flex-direction:column;gap:5px;margin:10px 0;color:#245366;font-size:10px;letter-spacing:1px;max-width:490px}.locationPicker select{padding:9px;border:1px solid #74a8b5;border-radius:7px;background:#effbfa;color:#173e4c;font-size:12px;max-width:100%}.locationPicker small{font-size:9px;letter-spacing:0}.vehiclePicker{margin:7px 0}.flightSetting{display:flex;align-items:center;gap:8px;font-size:12px;color:#214b58;margin:8px 0}.flightSetting input{accent-color:#ff774b}.settingHint{display:block;font-size:10px;color:#456571;margin-bottom:8px}#nationChoices{max-width:490px;margin:6px 0;color:#214957}.nationRow{display:flex;gap:12px}.nationRow label{flex:1;min-width:0;font-size:10px}.nationRow select{display:block;width:100%;padding:7px;border:1px solid #87aeb7;border-radius:5px;background:#effafa;color:#214957;font-size:12px;margin-top:4px}#nationPreview{font-size:10px;display:block;margin-top:5px}body:has(#nationChoices:not([hidden])) h1{font-size:65px;margin:8px 0}
#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 14px #ffffff88}.mission{position:absolute;top:113px;left:40px}.mission>span,.timer small{font-size:9px;letter-spacing:2px;font-weight:700}.mission h2{font:800 30px 'Barlow Condensed',Impact,sans-serif;margin:7px 0}.mission p{font-size:11px}.timer{position:absolute;right:40px;top:113px;text-align:right}.timer strong{font:800 50px/1.2 'Barlow Condensed',Impact,sans-serif;display:block}.timer>span{font-size:10px;letter-spacing:1px}#notice{position:absolute;top:27%;left:10%;right:10%;text-align:center;font-size:17px;font-weight:700;color:#fffaf0;text-shadow:0 2px 10px #153b56}#target{position:absolute;top:34%;right:40px;display:flex;align-items:center;flex-direction:column;background:#fff8e4dc;border:1px solid white;border-radius:40px;padding:14px 12px;min-width:68px}#target>span{font-size:28px;color:var(--orange)}#target b{font-size:11px;margin-top:8px}#target small{font-size:6px;margin-top:5px}.instruments{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:35px;background:#fffaf0e8;border:1px solid white;padding:16px 28px;border-radius:14px;min-width:360px;text-align:center;box-shadow:0 6px 30px #13598220}.instruments small{font-size:7px;letter-spacing:1.5px;display:block;font-weight:700}.instruments strong{font:800 38px 'Barlow Condensed',Impact,sans-serif;display:block}.instruments span{font-size:7px;color:#668695;letter-spacing:1px}.boost{width:120px}.boost small{display:flex;justify-content:space-between;font-size:8px}#throttle{pointer-events:auto;width:100%;accent-color:#ff7549;cursor:pointer}#pauseButton{pointer-events:auto;position:absolute;bottom:55px;right:40px;background:#fff9e3bb;border:1px solid white;border-radius:20px;padding:12px 17px;font-size:10px;color:var(--navy)}.hud-help{position:absolute;bottom:23px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1px;color:#295168}
#modal{position:fixed;inset:0;z-index:10;background:#d7eff0c9;backdrop-filter:blur(12px);display:grid;place-items:center;text-align:center;padding:25px}#modal h2{font:800 65px/.95 'Barlow Condensed',Impact,sans-serif;margin:20px 0}#modal p{font-size:13px;color:#4f7081;line-height:1.7}#modal .primary{margin:25px auto 0;justify-content:center}.secondary{background:transparent;border:0;color:#4f7081;font-size:10px;letter-spacing:1px;margin-top:25px}#resultStats{font:700 25px 'Barlow Condensed',Impact,sans-serif;color:#ec6b42}
#reticle{position:absolute;transform:translate(-50%,-50%);color:#fffbea;font:36px Arial;text-shadow:0 1px 6px #234b4f;opacity:.9}#blaster{position:absolute;left:40px;bottom:80px;display:flex;flex-direction:column;gap:8px;background:#fff8e4d9;border:1px solid white;border-radius:12px;padding:14px 18px}#blaster b{font-size:11px;letter-spacing:1px}#blaster span{font-size:11px;color:#266373}#blaster small{font-size:8px;letter-spacing:1px}#mapCredit{position:fixed;bottom:4px;left:8px;font-size:8px;color:#1c453c;background:#f8f9e9d9;padding:4px 7px;border-radius:4px;z-index:6}#mapCredit a{color:inherit}#mapCredit span{display:block;font-size:7px;margin-top:2px}
#lowPassGuide{position:absolute;right:40px;top:245px;padding:14px;background:#123e48d9;color:#d5fff0;border:1px solid #73eac7;border-radius:9px;max-width:290px;font-size:12px}#lowPassGuide b{display:inline-block;font-size:22px;margin-right:12px}#lowPassGuide small{display:block;font-size:9px;margin-top:8px;letter-spacing:1px}#heliGuide{position:absolute;right:40px;top:350px;background:#133e4eea;border:1px solid #8cdacb;color:white;border-radius:9px;padding:12px;font-size:11px}#heliGuide b,#heliGuide span,#heliGuide small{display:block;margin:4px 0}#heliGuide b{font-size:20px;color:#ffda8a}#heliGuide small{font-size:9px}
#navMap{position:absolute;left:35px;top:230px;width:275px;background:#102c35ef;border:1px solid #7199a5;border-radius:10px;overflow:hidden;color:#e4f4f5;pointer-events:auto}#navMap canvas{display:block;width:100%;height:auto}.mapHeading{display:flex;align-items:center;justify-content:space-between;padding:10px;font-size:10px;letter-spacing:1px}.mapHeading button{background:#30505c;border:0;border-radius:4px;color:white;padding:7px;font-size:9px}#streetLocation{padding:10px;font-size:10px;line-height:1.4}#navMap.expanded{width:min(520px,80vw);top:120px;left:50%;transform:translateX(-50%);z-index:6}
#touch{position:fixed;bottom:166px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.dpad{display:grid;grid-template-columns:repeat(2,46px);gap:6px}#touch button{pointer-events:auto;touch-action:none;background:#fff8e5cc;border:1px solid white;color:var(--navy);border-radius:10px;height:46px;font-size:16px}.touchBoost{width:70px;font-weight:bold;height:70px!important;border-radius:50%!important;font-size:10px!important}.touchFire{position:absolute;right:0;bottom:85px;width:70px;font-weight:bold;height:50px!important;font-size:12px!important}.touchFaster{position:absolute;right:20px;bottom:90px}.touchLift{position:absolute;right:12px;bottom:155px;display:flex;gap:6px}
@media(max-width:900px){.intro{width:62%}.pilot{width:230px;padding:18px}#navMap{top:auto;bottom:120px;left:12px;width:190px}}
@media(max-width:650px){header{padding:20px}.brand{font-size:24px}.brand span{font-size:6px}#menu{inset:84px 0 0;padding:24px 22px 45px;display:block}.intro{width:100%;max-width:440px}h1{font-size:70px}.intro>p{font-size:11px}.primary{width:100%}.controls{font-size:7px}.pilot{width:100%;max-width:440px;margin-top:22px;padding:14px 18px;position:relative}.pilot h2{font-size:30px}.pilot-stats{display:none}#planeButtons{position:absolute;right:18px;top:15px}footer{display:none}.mission{left:20px;top:100px}.mission h2{font-size:20px}.mission>span{font-size:8px}.mission p{font-size:9px}.timer{right:20px;top:100px}.timer small{font-size:7px}.timer strong{font-size:36px}.timer>span{font-size:8px}#notice{top:24%;font-size:12px}.instruments{bottom:42px;min-width:300px;padding:13px 20px;gap:24px}.instruments strong{font-size:30px}.boost{width:105px}#pauseButton{bottom:151px;right:22px;padding:9px 13px}.hud-help{display:none}#modal h2{font-size:49px}#sound{font-size:8px;padding:9px 12px}#blaster{top:185px;bottom:auto;left:20px;padding:8px}#blaster b,#blaster span{font-size:8px}#blaster small{font-size:6px}#mapCredit{font-size:7px;max-width:95%}#mapCredit span{font-size:6px}#lowPassGuide{top:270px;right:15px;max-width:180px;font-size:10px}#heliGuide{right:12px;top:385px;max-width:170px;font-size:9px}#navMap{width:145px;bottom:170px}.mapHeading b{display:none}#streetLocation{font-size:8px;padding:5px}}
@media(max-height:730px) and (min-width:651px){h1,body:has(#nationChoices:not([hidden])) h1{font-size:58px}.intro>p{font-size:11px}#menu{padding-top:12px}.pilot{position:sticky;bottom:10px}.controls{margin-top:10px}footer{display:none}}

.styleChoices{border:0;padding:0;margin:9px 0;max-width:490px;display:flex;gap:7px}.styleChoices legend{font-size:10px;letter-spacing:1px;margin-bottom:6px}.styleChoices label{flex:1;position:relative;cursor:pointer}.styleChoices input{position:absolute;opacity:0;width:1px;height:1px}.styleChoices span{display:block;height:100%;padding:10px 8px;border:1px solid #87adb5;border-radius:8px;background:#effaf9;color:#234857;font-size:12px;font-weight:700}.styleChoices small{display:block;font-size:8px;font-weight:400;margin-top:4px}.styleChoices input:checked+span{background:#193548;color:white;border-color:#ff784a;box-shadow:0 0 0 1px #ff784a}.styleChoices input:focus-visible+span{outline:3px solid #ff784a;outline-offset:2px}.locationDefault{display:flex;align-items:center;gap:10px;margin:8px 0;max-width:490px}.locationDefault button{border:1px solid #749fa9;background:#effaf9;color:#244755;border-radius:7px;padding:8px;font-size:9px;white-space:nowrap}.locationDefault small{font-size:9px;line-height:1.4;color:#345869}

.addressLabel{display:block;font-size:10px;letter-spacing:1px;margin:8px 0 5px}.addressRow{display:flex;gap:6px;max-width:490px}.addressRow input{min-width:0;flex:1;border:1px solid #779fab;border-radius:7px;padding:10px;background:#f2fbfa;color:#193548;font-size:12px}.addressRow button{padding:9px 14px;border:0;border-radius:7px;background:#193548;color:white;font-size:10px}.addressHint{display:block;font-size:9px;color:#456571;margin:5px 0;max-width:490px}#addressResults{max-width:490px;max-height:165px;overflow-y:auto}#addressResults button{display:block;width:100%;text-align:left;border:1px solid #acc8cc;background:#f8fffb;color:#214b58;padding:9px;font-size:11px}#addressResults button:hover{background:#dbefec}

#menu #start{margin-bottom:20px}

.styleChoices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}#weirdChoices{border:1px solid #8eb0aa;border-radius:12px;margin:12px 0;padding:12px}#weirdChoices legend{font-size:11px;font-weight:800;letter-spacing:1px}.weirdGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.weirdGrid button{border:1px solid #88a6a7;border-radius:8px;padding:10px 5px;background:#e5f0e9;color:#193548;font-size:12px;font-weight:700}.weirdGrid button[aria-pressed=true]{background:#193548;color:#fff8e6;border-color:#193548}#weirdChoices small{display:block;margin-top:8px;font-size:11px}@media(max-width:600px){.styleChoices,.weirdGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

#weirdChoices{min-inline-size:0;max-width:490px}.weirdGrid{min-width:0}.weirdGrid button{min-width:0;overflow-wrap:break-word}