*{box-sizing:border-box}body{margin:0;background:#080e14;color:#e2e9e9;font:16px "Trebuchet MS",sans-serif}canvas{position:fixed;inset:0;width:100%;height:100%}header,footer{position:fixed;left:0;right:0;padding:19px 24px;background:#0b131cf5;display:flex;justify-content:space-between;gap:20px;z-index:2}header{top:0;border-bottom:1px solid #33424b;align-items:center}header>b{letter-spacing:3px;font-size:19px;white-space:nowrap}header small{letter-spacing:1px}footer{bottom:0;font:12px monospace;color:#acbcc3;border-top:1px solid #243944}small,.mono,.fine{font:12px monospace;color:#a1b5bd;letter-spacing:.5px}#overlay{position:fixed;inset:85px 5vw 120px;display:flex;align-items:center;pointer-events:none;gap:20px}section{pointer-events:auto;background:#101c26f5;border:1px solid #41515a;padding:32px;max-width:760px;max-height:100%;overflow:auto;box-shadow:0 20px 80px #0008}section.title{background:linear-gradient(90deg,#101c26f5,#101c26dc);max-width:580px;border-top:3px solid #b8e577;padding:38px}h1{font-size:clamp(40px,5.5vw,76px);letter-spacing:-3px;line-height:.92;margin:26px 0;color:#e4ebdf}h2{font-size:clamp(24px,3vw,34px);letter-spacing:-1px;margin:16px 0}h3{font-size:26px;margin:10px 0}p{color:#b7c7cd;line-height:1.5}.lead{font-size:22px;color:#e2e9e9}.fine{line-height:1.6}button{background:#b8e577;color:#0c1713;border:1px solid #c5f395;padding:14px 20px;cursor:pointer;font:700 16px "Trebuchet MS",sans-serif;margin:6px 6px 6px 0;min-height:48px;text-align:left}button:hover{background:#d6ff9e}button.secondary{background:#172b37;border-color:#52656d;color:#dfe9e5}button.secondary:hover{background:#28404b}button:focus-visible,input:focus-visible{outline:3px solid #e5f9bd;outline-offset:3px}output{font:12px monospace;display:flex;gap:20px;align-items:center;flex-wrap:wrap}output b{color:#cce796;font-weight:400}output span{white-space:nowrap}.hangar{max-width:950px}article{display:inline-block;width:49%;padding-right:25px;vertical-align:top;border-bottom:1px solid #334952;padding-bottom:12px}.settings{border-top:1px solid #40505a;padding-top:14px;margin-top:15px;display:flex;gap:18px;flex-wrap:wrap}.settings label{font:13px monospace;display:flex;align-items:center;gap:8px;min-height:32px}.settings input{accent-color:#b8e577}.upgrades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.upgrades button{margin:0;display:flex;flex-direction:column;gap:7px;padding:14px}.upgrades span{font-size:13px;line-height:1.4;color:#b7c9cc;font-weight:400}.refit{max-width:850px;width:100%}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font:14px monospace}dt{color:#a6b9c2}dd{margin:0;color:#cee5b0}.warning{pointer-events:auto;position:fixed;bottom:45px;right:20px;max-width:400px;background:#4b3020;border:1px solid #e7ad76;padding:16px;font-size:13px;z-index:5}.warning button{font-size:12px;padding:8px;min-height:36px}@media(max-width:900px){header{padding:12px 16px;align-items:flex-start}header>b{font-size:14px}header>b small{display:block;margin-top:5px;font-size:9px}output{gap:10px;font-size:11px;max-width:55%}#overlay{inset:90px 3vw 110px}section{padding:22px}footer{font-size:10px;padding:14px}article{width:100%}}@media(max-width:550px){.upgrades{grid-template-columns:1fr}output{max-width:62%;gap:5px;font-size:10px}section.title{padding:23px}header{padding:10px}h1{font-size:46px}#overlay{bottom:95px}footer{font-size:9px}.settings{gap:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Native browser zoom remains available everywhere except held flight surfaces. */
#touch-controls{display:none;position:fixed;inset:0;z-index:3;pointer-events:none}
.touch-device #touch-controls:not([hidden]){display:block}
#touch-controls [data-command],#touch-pause{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#touch-stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:156px;height:156px;border:2px solid #9db8ad;border-radius:50%;background:#101c26c9}
#touch-stick span{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:#b8e577aa;transform:translate(calc(-50% + var(--stick-x,0px)),calc(-50% + var(--stick-y,0px)))}
#touch-stick b{position:absolute;bottom:12px;width:100%;text-align:center;font:12px monospace}
.touch-actions{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:grid;gap:10px}
.touch-actions button{margin:0;min-width:152px;min-height:64px;text-align:center;background:#172b37eb;color:#e4ebdf}
.touch-actions button.held{background:#b8e577;color:#0c1713}
#touch-pause{position:absolute;right:max(24px,env(safe-area-inset-right));top:145px;min-height:52px;margin:0;background:#172b37eb;color:#e4ebdf}
.touch-device footer{display:none}
.touch-device #overlay{inset:max(100px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));z-index:4}
.touch-device header{padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));flex-wrap:wrap;gap:8px}
.touch-device output{gap:8px 18px}
@media(max-width:700px){header{flex-wrap:wrap;gap:6px;padding:10px 12px}header>b{font-size:15px}output{gap:6px 12px}#overlay{inset:110px 12px 60px}section,section.title{padding:20px;max-width:100%;width:100%}.hangar article{width:100%;padding-right:0}.upgrades{grid-template-columns:1fr}section button{max-width:100%;overflow-wrap:anywhere}.touch-device #overlay{top:120px}#touch-stick{width:136px;height:136px;left:max(12px,env(safe-area-inset-left))}.touch-actions{right:max(12px,env(safe-area-inset-right))}.touch-actions button{min-width:136px}#touch-pause{top:145px}}
@media(max-height:600px) and (orientation:landscape){.touch-device #overlay{top:85px}#touch-stick{width:120px;height:120px}.touch-actions button{min-height:52px}#touch-pause{top:90px}}