@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#10191f;--paper:#ecedda;--mint:#8cdbb5;--rust:#f49375;--dim:#84938f;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--mono);min-height:100vh;background-image:radial-gradient(ellipse at 50% 40%,#26393344,transparent 75%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.shell{max-width:1392px;margin:auto;padding:0 44px}.masthead{height:108px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none;font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:2px}.emblem{font-size:25px;border:2px solid var(--mint);color:var(--mint);padding:1px 4px;letter-spacing:-5px;width:32px;transform:skewY(-7deg)}.emblem span{font-size:17px}.edition{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:var(--dim);border-left:1px solid #46564f;padding-left:18px;margin-left:8px}.header-right{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:1.1px;color:var(--dim)}.status-dot{width:5px;height:5px;background:var(--mint);box-shadow:0 0 9px #8cdbb577}.header-right button{background:transparent;color:var(--paper);border:1px solid #3d4c4a;height:32px;padding:0 10px;font-size:9px;letter-spacing:1px;margin-left:8px}.header-right #fullscreen{font-size:22px;padding:0 8px;margin:0}.game-frame{aspect-ratio:16/9;position:relative;border:1px solid #52605a;overflow:hidden;background:#172b32;box-shadow:0 18px 80px #0004}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #07191c40}.hidden{display:none!important}.menu{position:absolute;inset:0;display:flex;flex-direction:column;padding:3.6% 4.4%;background:linear-gradient(90deg,#0b202cea 0%,#102b36bf 38%,#102b3622 75%)}.menu-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;color:#a9c1b4}.tag{border:1px solid #8ba89b66;padding:6px 8px;font-size:8px}.menu-content{margin:auto 0;position:relative}.eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--mint);font-weight:500;margin:0 0 12px}.menu h1{font-family:var(--display);font-size:clamp(64px,9.4vw,135px);font-weight:900;letter-spacing:-1px;line-height:.83;margin:22px 0 20px;position:relative;width:max-content}.menu h1 span{color:var(--mint)}.menu h1 i{font:10px var(--mono);color:var(--rust);vertical-align:top;margin-left:9px;letter-spacing:0}.subtitle{font-size:12px;line-height:1.9;color:#c3ccc0;margin:0 0 25px}.primary{display:flex;align-items:center;justify-content:space-between;gap:50px;background:var(--mint);color:#142b2d;border:none;padding:16px 20px;font-size:11px;font-weight:600;letter-spacing:1px;box-shadow:4px 4px 0 #0b202a}.primary:hover{background:#b1f0cc;transform:translateY(-1px)}.primary span{font-size:19px;line-height:12px}.start-note{font-size:7px;letter-spacing:1.1px;color:#8fa69d;margin-top:13px}.menu-bottom{display:flex;gap:28px;font-size:8px;color:#9db6a8;letter-spacing:.6px}.menu-bottom b{color:var(--rust);font-weight:500;margin-right:7px}.control-deck{display:flex;justify-content:space-between;gap:14px;padding:24px 0 23px;border-bottom:1px solid #34433f}.control-item{display:flex;align-items:center;gap:5px}.control-item span{font-size:8px;letter-spacing:.5px;color:#a6b2a8;margin-left:5px}kbd{border:1px solid #526058;border-bottom:2px solid #526058;font-family:var(--mono);font-size:9px;padding:4px 6px;min-width:24px;text-align:center;color:#dce1cc}.below{display:flex;justify-content:space-between;gap:20px;color:#6d837a;font-size:8px;letter-spacing:1px;padding:22px 0}.below i{display:inline-block;width:4px;height:4px;background:var(--rust);margin:0 7px 2px 0}.below b{font-size:11px;color:var(--mint);padding:0 10px}.hud{position:absolute;inset:24px 24px auto;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;pointer-events:none;text-shadow:1px 1px #10272b}.vitals{width:205px;background:#10232caa;padding:10px}.unit-label{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#e9e9d2;margin-bottom:7px}.health-track{height:7px;background:#28474a;border:1px solid #79928366}.health-track div{height:100%;background:var(--mint);transition:width .15s}.pilot-status{display:flex;justify-content:space-between;font-size:7px;margin-top:7px;color:#a6bba7}.pilot-status #scrap{color:#f2c58c}.mission{text-align:center;padding-top:8px;max-width:300px}.mission .eyebrow{font-size:7px;color:#b2c9b7}.mission strong{display:block;font-size:10px;font-weight:500;letter-spacing:1px}.signal-track{height:3px;width:140px;margin:8px auto;background:#3b56565c}.signal-track div{height:100%;width:0;background:var(--rust)}.timer-block{text-align:right;padding-top:8px;min-width:105px}.timer-block .eyebrow{font-size:7px;color:#bdcdbb}.timer-block b{color:var(--rust);font-weight:400}.timer-block strong{font:29px var(--display);letter-spacing:2px;display:block}.toast{position:absolute;left:50%;top:104px;transform:translateX(-50%);background:#102831ee;border-left:3px solid var(--mint);padding:11px 18px;font-size:10px;text-align:center;max-width:80%;color:var(--paper);pointer-events:none}.interact{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);background:#10232ce8;border:1px solid #89bea788;color:#e0eacc;padding:10px 14px;font-size:10px;white-space:nowrap;pointer-events:none}.ability{position:absolute;bottom:22px;left:25px;font-size:8px;background:#10232cbf;padding:10px 12px;display:flex;gap:24px;border-left:2px solid var(--rust)}.ability span:last-child{color:var(--mint)}.overlay{position:absolute;inset:0;background:#0a1c29d9;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.panel{max-width:470px;width:85%;text-align:center}.panel h2{font-family:var(--display);font-size:65px;margin:12px 0;line-height:1;letter-spacing:1px}.panel p:not(.eyebrow){font-size:11px;line-height:1.8;color:#bac9b9}.panel .primary{margin:24px auto 0;min-width:255px}.secondary{background:transparent;border:none;color:#9db7ac;padding:15px;font-size:9px;letter-spacing:1px}.pause-controls{font-size:9px;color:#8da79f;line-height:2;margin:10px auto}.results{display:flex;justify-content:center;gap:35px;margin-top:22px;font-size:8px;color:#89a296}.results b{display:block;color:var(--paper);font:26px var(--display);margin-top:8px}.touch-controls{display:none;position:absolute;bottom:12px;left:12px;right:12px;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:7px}.touch-controls button{pointer-events:auto;width:43px;height:43px;background:#122d39c9;color:var(--paper);border:1px solid #97c5aa77;touch-action:none;font-size:18px}.game-frame:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:none;background:#0b1920}.game-frame:fullscreen canvas{object-fit:contain}.game-frame:fullscreen .menu{padding:5%}.game-frame:fullscreen .menu h1{font-size:150px}@media(min-width:1500px){.shell{padding-top:20px}}@media(max-width:1000px){.shell{padding:0 22px}.masthead{height:80px}.signal-label,.edition{display:none}.control-deck{gap:8px;flex-wrap:wrap;justify-content:center}.menu h1{font-size:10vw}.subtitle{font-size:10px;margin-bottom:17px}.primary{font-size:9px;padding:13px 15px}.menu .eyebrow{font-size:7px}.menu h1{margin:15px 0}.menu-bottom{font-size:7px;gap:17px}.menu-top{font-size:7px}.tag{font-size:6px}.hud{inset:14px 14px auto}.vitals{width:170px}.mission strong{font-size:8px}.timer-block strong{font-size:23px}.toast{top:82px;font-size:9px}.below{font-size:7px;letter-spacing:.4px}}@media(max-width:650px){.shell{padding:0 10px}.masthead{height:66px}.wordmark{font-size:22px}.header-right{gap:5px}.game-frame{aspect-ratio:4/3}.game-frame canvas{object-fit:contain}.menu{padding:6%}.tag,.coordinates,.start-note,.menu-bottom,.menu .eyebrow{display:none}.menu h1{font-size:17vw;margin:12px 0 20px}.subtitle{font-size:10px}.menu-content{margin:auto 0}.hud{inset:8px}.vitals{width:140px;padding:7px}.unit-label{font-size:6px}.pilot-status{font-size:5px}.mission{width:120px}.mission .eyebrow{font-size:5px}.mission strong{font-size:6px}.signal-track{width:80px}.timer-block{min-width:50px}.timer-block .eyebrow{font-size:5px;letter-spacing:0}.timer-block strong{font-size:20px}.toast{top:68px;font-size:8px;width:85%}.interact{bottom:70px;font-size:8px}.ability{bottom:64px;left:12px;font-size:6px;padding:6px;gap:12px}.panel h2{font-size:43px}.panel p:not(.eyebrow){font-size:9px}.panel .primary{margin-top:13px}.results{gap:25px;margin-top:12px}.control-deck{padding:16px 0}.control-item span{font-size:6px}.control-item kbd{font-size:7px;padding:3px;min-width:19px}.pause-key{display:none}.below span:last-child{display:none}.below{padding:15px 0}.touch-controls{display:flex}.pause-controls{font-size:7px}.secondary{padding:10px}}@media(pointer:coarse){.touch-controls{display:flex}.ability{bottom:68px}.control-deck{display:none}.below{padding-top:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.primary:hover{transform:none}}
.jet-hud{margin-top:7px;font-size:6px;letter-spacing:.35px;color:#e6d7ae}.jet-hud>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.jet-hud span:last-child{color:var(--mint)}.jet-track{height:4px;background:#28474a;border:1px solid #79928366}.jet-track div{height:100%;background:#f4bb83;transition:width .08s}.sound-mixer{position:absolute;z-index:4;right:18px;top:18px;width:210px;padding:13px 15px;background:#10232cf2;border:1px solid #89bea788;box-shadow:0 8px 25px #0007;color:var(--paper);font-size:8px;letter-spacing:1px}.sound-mixer label{display:flex;justify-content:space-between;margin:2px 0 6px}.sound-mixer output{color:var(--mint)}.sound-mixer input{width:100%;accent-color:var(--mint);margin:0 0 11px;touch-action:auto}.header-right #soundMixToggle{font-size:8px;padding:0 8px;margin-left:0}
@media(max-width:650px){.sound-mixer{right:8px;top:8px;width:178px}.jet-hud{font-size:5px}.jet-track{height:3px}}