html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#02050a;color:#d7f7ff;font-family:Courier New,monospace;touch-action:none;overscroll-behavior:none}canvas{display:block}.compatibility-message{display:grid;min-height:100%;place-content:center;gap:16px;padding:28px;text-align:center}.compatibility-message h1,.compatibility-message p{margin:0}.compatibility-message h1{color:#ff3020;font-size:clamp(3rem,12vw,7rem);text-shadow:0 0 24px rgb(255 48 32 / .75)}.compatibility-message p{color:#d7f7ff;line-height:1.5}.compatibility-message a{justify-self:center;padding:12px 16px;border:1px solid rgb(77 216 255 / .55);color:#aef0b0;text-decoration:none}.build-marker{position:fixed;top:0;left:50%;z-index:30;padding:5px 12px;border:1px solid rgb(255 210 77 / .65);border-top:0;border-radius:0 0 4px 4px;background:#04080ce0;color:#ffd24d;font-size:10px;font-weight:700;letter-spacing:1px;transform:translate(-50%)}.hud{position:fixed;inset:14px auto auto 14px;z-index:10;display:grid;gap:7px;min-width:242px;padding:13px 16px;border:1px solid rgb(150 255 172 / .42);border-radius:4px;background:linear-gradient(180deg,#040f0dd1,#02080aad);box-shadow:0 0 30px #40ff8029,inset 0 0 24px #40ff800f;color:#aef0b0;font-size:14px;line-height:1.35;text-shadow:0 0 8px rgb(64 255 128 / .65)}.instruments{position:fixed;inset:14px 14px auto auto;z-index:10;display:grid;gap:6px;min-width:190px;padding:12px 14px;border:1px solid rgb(77 216 255 / .34);border-radius:4px;background:linear-gradient(180deg,#040c12d1,#02080ea8);color:#d7f7ff;font-size:14px;line-height:1.35;text-align:right;text-shadow:0 0 8px rgb(77 216 255 / .65)}.warning{color:#ff5030;text-shadow:0 0 10px rgb(255 80 48 / .85)}.mission-message{position:fixed;top:24%;left:50%;z-index:16;width:min(760px,88vw);color:#ffd24d;font-size:clamp(1.2rem,4vw,2.4rem);font-weight:700;text-align:center;text-shadow:0 0 18px rgb(255 210 77 / .85);transform:translate(-50%);pointer-events:none}.home-button{position:fixed;top:14px;left:50%;z-index:14;padding:9px 14px;border:1px solid rgb(255 210 77 / .62);border-radius:999px;background:#02080abd;color:#ffd24d;font-size:12px;letter-spacing:1px;text-shadow:0 0 8px rgb(255 210 77 / .45);transform:translate(-50%)}.home-button:active{background:#ffd24d2e}.title{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:linear-gradient(#02050a94,#02050ad6),repeating-linear-gradient(90deg,transparent 0 37px,rgb(77 216 255 / .08) 38px 39px),repeating-linear-gradient(0deg,transparent 0 37px,rgb(77 216 255 / .08) 38px 39px)}.title:before{content:"";position:absolute;inset:auto 0 0;height:34vh;background:linear-gradient(to top,rgb(0 0 0 / .8),transparent),linear-gradient(90deg,transparent 0 7%,#101821 7% 11%,transparent 11% 14%,#141d27 14% 18%,transparent 18% 25%,#0f1820 25% 29%,transparent 29% 37%,#172331 37% 43%,transparent 43% 48%,#111b25 48% 55%,transparent 55% 64%,#182431 64% 70%,transparent 70% 79%,#0f1923 79% 84%,transparent 84% 100%);opacity:.92}.title:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgb(255 255 255 / .03) 0 1px,transparent 1px 5px);mix-blend-mode:screen}.title-panel{position:relative;display:grid;gap:18px;width:min(720px,92vw);text-align:center}.title h1{margin:0;color:#ff3020;font-size:clamp(3.4rem,13vw,8rem);line-height:.9;letter-spacing:0;text-shadow:0 0 18px rgb(255 48 32 / .95),0 0 52px rgb(255 48 32 / .65)}.title p{margin:0;color:#aef0b0;font-size:clamp(1rem,3.2vw,1.25rem);font-weight:700}.title .edition{color:#4dd8ff;font-size:clamp(1.15rem,4vw,2rem);letter-spacing:3px;text-shadow:0 0 16px rgb(77 216 255 / .75)}.title .strapline{color:#aef0b0;font-size:clamp(.85rem,2.6vw,1.1rem)}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}button{border:0;border-radius:8px;cursor:pointer;font:inherit;font-weight:700}.primary-button,.ghost-button{padding:14px 22px;color:#fff8ec;background:linear-gradient(135deg,#ff3020,#7a0f08);box-shadow:0 12px 30px #ff30204d;text-transform:uppercase}.ghost-button{border:1px solid rgb(77 216 255 / .55);color:#d7f7ff;background:#4dd8ff1f;box-shadow:none}.hangar{position:fixed;inset:0;z-index:21;display:none;place-items:center;padding:22px;background:#05070c}.hangar.open{display:grid}.hangar-panel{width:min(900px,94vw);max-height:88vh;overflow:auto}.hangar h2,.hangar h3{margin:0 0 14px;color:#4dd8ff;text-align:center}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:18px}.world-card{min-height:88px;padding:12px;border:1px solid rgb(174 240 176 / .3);border-radius:8px;background:#aef0b012;color:#aef0b0}.world-card.selected{border-color:#ffd24d;box-shadow:0 0 18px #ffd24d59}.world-card.locked{opacity:.45}.controls{position:fixed;inset:auto 14px 14px;z-index:10;padding:10px 12px;border-radius:8px;background:#02080aa8;color:#aef0b0;font-size:12px;line-height:1.45;text-align:center}.real-world-attribution{position:fixed;right:10px;bottom:58px;z-index:14;display:flex;max-width:min(70vw,760px);align-items:center;gap:8px;padding:4px 7px;background:#ffffffe6;color:#202124;font:10px Arial,sans-serif}.real-world-loading{position:fixed;top:12px;left:50%;z-index:15;padding:6px 10px;border:1px solid rgb(174 240 176 / .35);background:#02080ad1;color:#ffd24d;font-size:11px;letter-spacing:1px;transform:translate(-50%)}.real-world-attribution img{width:auto;height:18px}.reticle{position:fixed;top:50%;left:50%;z-index:8;width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgb(174 240 176 / .78);border-radius:50%;box-shadow:0 0 14px #aef0b073;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:#aef0b0c7}.radar{position:fixed;right:14px;bottom:62px;z-index:10;width:160px;height:160px;border:1px solid rgb(174 240 176 / .38);border-radius:50%;box-shadow:0 0 24px #40ff8029}.reticle:before{top:16px;left:-9px;width:52px;height:1px}.reticle:after{top:-9px;left:16px;width:1px;height:52px}.touch-stick{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:12;display:none;width:118px;height:118px;border:2px solid rgb(174 240 176 / .36);border-radius:50%;background:#aef0b014;place-items:center}.touch-knob{width:48px;height:48px;border:2px solid #aef0b0;border-radius:50%;background:#aef0b073}.touch-actions{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:12;display:none;grid-template-columns:repeat(3,48px);gap:8px}.touch-actions button{width:48px;height:48px;border:2px solid #aef0b0;border-radius:50%;background:#02080aa8;color:#aef0b0;font-size:18px}.touch .touch-stick,.touch .touch-actions{display:grid}.touch .controls{display:none}@media(max-width:640px){.touch-stick,.touch-actions{display:grid}.hud,.instruments{min-width:0;max-width:44vw;padding:7px 8px;font-size:11px}.home-button{inset:auto 10px 204px auto;transform:none}.controls{display:none}.build-marker{font-size:8px}.radar{top:116px;right:10px;bottom:auto;width:108px;height:108px}.touch-actions{grid-template-columns:repeat(4,44px)}.touch-actions button{width:44px;height:44px;font-size:14px}}