@font-face{font-family:LocalMono;src:local('Menlo')}
:root{color-scheme:dark;font-family:LocalMono,'SFMono-Regular','PingFang SC','Microsoft YaHei',monospace;color:#e9e8d9;background:#09141d;font-synthesis:none;--mint:#8bedd3;--amber:#ffbe67;--red:#ff6a72}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{cursor:wait;opacity:.4}[hidden]{display:none!important}#gameShell{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#09141d}#game{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}.grain{position:absolute;inset:0;pointer-events:none;opacity:.065;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#000 3px,#000 4px)}
#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:32px;padding:22px 32px;background:linear-gradient(#09141dee,#09141d88,transparent);pointer-events:none}.wordmark{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:3px}.signal{color:var(--amber);font-size:27px}.wordmark small{display:block;font-size:9px;letter-spacing:2.3px;color:#88a7aa;margin-top:4px}.mission{margin:auto;min-width:250px}.mission>span{font-size:10px;letter-spacing:2px;color:var(--mint)}.mission strong{display:block;font-size:25px;line-height:1.5}.mission small{font-size:12px;color:#9aafb3;font-weight:400}.meter{height:3px;background:#57757955}.meter i{display:block;height:100%;background:var(--mint);transition:width .2s}.vitals{text-align:right;min-width:100px}.vitals b{display:block;font-size:20px;margin-top:5px}.vitals small{font-size:9px;color:#799b9e}#health{color:var(--red);letter-spacing:4px;font-size:18px}.icon-button{pointer-events:auto;width:38px;height:38px;border:1px solid #66888d66;background:#18313bb8;font-size:18px}
#objective{position:absolute;left:32px;top:112px;display:flex;gap:8px;align-items:center;font-size:11px;color:#d4dfd8;background:#10232bc9;padding:7px 12px;max-width:80vw;border-left:2px solid var(--amber)}#objective .signal{font-size:10px}#toast{position:absolute;left:50%;top:24%;transform:translate(-50%,-8px);padding:10px 18px;font-size:14px;color:var(--amber);background:#07141ee8;border-bottom:1px solid #eaa64d66;opacity:0;transition:.15s;pointer-events:none;max-width:90vw;text-align:center;z-index:8}#toast.visible{opacity:1;transform:translate(-50%,0)}
#bottomHud{position:absolute;left:32px;right:32px;bottom:22px;display:flex;align-items:flex-end;gap:22px;pointer-events:none}.cargo{background:#0c1c26df;padding:12px 16px;min-width:176px;border-left:3px solid var(--amber)}.cargo>span{font-size:10px;color:#9db3b5;letter-spacing:2px}.cargo strong{font-size:27px;display:block;margin:3px 0}.cargo small{font-size:13px;color:#789597;font-weight:400}.cargo em{font-size:9px;display:block;color:var(--mint);font-style:normal;margin-top:6px}#cargoPips{display:flex;gap:3px}#cargoPips i{width:12px;height:5px;background:#31454b}#cargoPips i.on{background:var(--amber);box-shadow:0 0 8px #ffb75c55}.skills{display:flex;gap:10px}.skill{position:relative;overflow:hidden;pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:154px;padding:12px;border:1px solid #627e8355;background:#0e202adf;text-align:left}.skill>span{font-size:12px;z-index:1}.skill small{display:block;font-size:9px;margin-top:5px;color:#8eb1b1}.skill i{position:absolute;bottom:0;left:0;height:2px;background:var(--mint);width:100%}.skill kbd{font-size:9px;z-index:1}kbd{border:1px solid #6c888965;padding:4px 6px;font:inherit;font-size:10px;color:#acbfbb}.controls-hint{margin-left:auto;font-size:10px;color:#94aeb0;line-height:2}.controls-hint span{margin:0 8px;color:#476769}#touchPad{display:none}
.screen{position:absolute;inset:0;z-index:10}.menu-screen{background:linear-gradient(90deg,#07131df5 0%,#07131ddd 27%,#07131d65 58%,#07131d18 100%)}.menu-copy{position:absolute;left:7vw;top:50%;transform:translateY(-53%);width:380px}.eyebrow{font-size:9px;letter-spacing:3px;color:#809fa4;display:flex;align-items:center;gap:12px}.eyebrow span{height:1px;width:32px;background:var(--amber)}h1{margin:22px 0 0;font-size:82px;font-weight:1000;letter-spacing:-5px;line-height:.98;text-shadow:4px 4px #172d37}h1 span{color:var(--amber);display:block;margin-left:65px}.english-title{letter-spacing:8px;font-size:11px;margin:20px 0 27px;color:var(--mint)}.tagline{font-size:23px;line-height:1.65;letter-spacing:4px;margin:0 0 18px}.intro{font-size:11px;line-height:1.9;color:#849ea5;margin:0 0 26px}.primary{border:0;background:var(--amber);color:#17252a;font-weight:900;font-size:17px;padding:16px 22px;text-align:left;min-width:270px;box-shadow:4px 4px #775d3c;transition:transform .12s,background .12s}.primary:hover{background:#ffce8a;transform:translateY(-2px)}.primary span{float:right;font-size:22px}.menu-secondary{display:flex;gap:24px;margin-top:18px}.menu-secondary button,.menu-footer button{border:0;background:none;color:#b4c8c9;font-size:11px;padding:8px 0}.menu-secondary button:hover,.menu-footer button:hover{color:var(--amber)}.best{display:flex;gap:25px;color:#6f8e96;font-size:9px;margin-top:26px}.best b{color:var(--mint);margin-left:6px}.menu-caption{position:absolute;right:6vw;bottom:15vh;text-align:right;color:#a8c6c3;font-size:11px;letter-spacing:2px}.menu-caption strong{display:block;font-size:13px;color:var(--amber);margin-top:12px;letter-spacing:4px}.menu-caption small{display:block;color:#5e8790;margin-top:10px;font-size:9px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--mint);margin-right:9px;box-shadow:0 0 10px var(--mint);animation:pulse 2s infinite}.menu-footer{position:absolute;bottom:20px;left:7vw;right:5vw;display:flex;gap:24px;align-items:center;font-size:9px;color:#66868e}.menu-footer>span{margin-right:auto}
.panel-screen{display:flex;align-items:center;justify-content:center;background:#06121dea;backdrop-filter:blur(5px);padding:30px;overflow-y:auto}.panel-content{width:min(840px,100%);margin:auto}.panel-content .eyebrow{color:var(--mint)}.panel-content h2{font-size:40px;letter-spacing:3px;margin:16px 0;color:#eeeada}.panel-content p{color:#9db3b7;line-height:1.9;font-size:13px}.panel-content .lead{font-size:17px;color:#d9dfd8}.panel-content .actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.secondary{border:1px solid #4e6c75;background:#122833;padding:13px 24px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.upgrade{border:1px solid #355761;background:linear-gradient(155deg,#183440,#0b1b27);text-align:left;padding:25px 20px;min-height:220px;transition:.16s}.upgrade:hover{border-color:var(--amber);transform:translateY(-5px)}.upgrade .number{font-size:11px;color:var(--amber)}.upgrade .symbol{display:block;font-size:33px;color:var(--mint);margin:18px 0}.upgrade strong{font-size:19px}.upgrade p{font-size:12px;line-height:1.8;margin-bottom:0}.results{display:flex;gap:32px;margin:26px 0;flex-wrap:wrap}.results strong{display:block;font-size:33px;color:var(--amber);margin-bottom:7px}.results span{font-size:11px;color:#77979f}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.help-grid>div{border-left:2px solid #35525c;padding:8px 16px}.help-grid strong{color:var(--amber);font-size:14px}.help-grid p{font-size:12px;margin:8px 0}.credits{font-size:10px!important;color:#63828c!important}.credits a{color:#8dadae}#fatal{position:absolute;inset:20%;background:#152431;padding:32px;z-index:100;color:#ffb0a6}
@keyframes pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-height:760px) and (min-width:701px){.menu-copy{transform:translateY(-50%)}h1{font-size:63px;margin-top:16px}.tagline{font-size:18px}.english-title{margin:15px 0 18px}.intro{margin-bottom:15px}.best{margin-top:16px}.menu-caption{bottom:20vh}}
@media(max-width:700px){#hud{padding:18px 16px;gap:12px;align-items:flex-start}.wordmark{font-size:12px;letter-spacing:1px}.wordmark small{font-size:6px;letter-spacing:1px}.wordmark .signal{font-size:19px}.mission{min-width:100px;max-width:130px}.mission>span{font-size:7px;letter-spacing:0}.mission strong{font-size:20px}.mission small{font-size:8px}.vitals{min-width:60px}.vitals b{font-size:16px}.vitals small{display:none}#health{font-size:12px;letter-spacing:1px}.icon-button{width:28px;height:28px;font-size:13px}#objective{left:16px;top:90px;font-size:9px;max-width:90vw}#bottomHud{left:16px;right:16px;bottom:24px;align-items:flex-end;gap:10px;justify-content:space-between}.cargo{position:absolute;bottom:104px;left:0;min-width:120px;padding:9px 11px}.cargo strong{font-size:21px}.cargo em{font-size:7px}.cargo>span{font-size:8px}#cargoPips i{width:9px}.skills{margin-left:auto;gap:8px}.skill{min-width:0;width:75px;height:75px;padding:9px;text-align:center;justify-content:center;border-radius:50%;background:#132a36e8}.skill>span{font-size:11px}.skill kbd{display:none}.skill small{font-size:7px}.controls-hint{display:none}#touchPad{display:block;position:absolute;width:104px;height:104px;bottom:25px;left:25px;border:1px solid #90c6c333;border-radius:50%;background:#213f483d;touch-action:none;z-index:2}#stick{position:absolute;left:32px;top:32px;width:40px;height:40px;border-radius:50%;background:#99d3c044;border:1px solid #ade5d669}body:not(.playing) #touchPad{display:none}.menu-copy{left:8vw;top:46%;width:84vw}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:71px;margin-top:20px}.english-title{font-size:9px;margin:18px 0 24px;letter-spacing:6px}.tagline{font-size:21px}.intro{font-size:10px;line-height:1.9}.primary{font-size:16px;min-width:245px;padding:15px 20px}.menu-caption{display:none}.menu-screen{background:linear-gradient(90deg,#07131deb,#07131d9c)}.menu-footer{left:8vw;right:8vw;gap:20px;font-size:7px}.menu-footer button{font-size:9px}.best{gap:20px;font-size:8px}.panel-screen{padding:24px 18px}.panel-content h2{font-size:29px}.panel-content p{font-size:11px}.cards{grid-template-columns:1fr;gap:9px;margin-top:20px}.upgrade{min-height:110px;padding:15px}.upgrade .symbol{display:inline-block;margin:8px 15px 0 0;font-size:24px}.upgrade strong{font-size:16px}.upgrade p{font-size:11px;margin:8px 0 0}.help-grid{grid-template-columns:1fr;gap:3px}.help-grid p{font-size:11px}.results{gap:20px}.results strong{font-size:25px}.results span{font-size:9px}}
@media(max-height:650px) and (max-width:700px){h1{font-size:48px}.english-title{margin:12px 0}.tagline{font-size:16px}.intro{margin-bottom:14px}.best{margin-top:13px}.menu-copy{top:46%}.menu-secondary{margin-top:10px}}