:root{--bg:#101614;--ink:#e7ebe4;--muted:#849188;--line:#a8c0a624;--lime:#d0ff75;--mono:'SFMono-Regular',Consolas,monospace}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft Yahei',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:1px solid var(--line);background:transparent}button:hover{background:#d0ff7518}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}#app{position:relative;width:100%;height:100%;min-height:430px}#scene,.vignette,#damage-flash{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{pointer-events:none;background:linear-gradient(180deg,#101614a8,transparent 25%,transparent 65%,#101614e0),linear-gradient(90deg,#1016148a,transparent 32%,transparent 75%,#1016146e)}header{height:86px;position:absolute;left:34px;right:34px;top:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:4}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:800;letter-spacing:2px}.brand small{display:block;font-weight:400;font-size:9px;letter-spacing:5px;margin-top:7px;color:#a9b6ad}.brand-icon{background:var(--lime);color:#172012;font-size:30px;font-weight:900;width:42px;height:42px;display:flex;align-items:center;justify-content:center;transform:skew(-6deg);letter-spacing:-8px;padding-right:6px}.brand-icon span{font-size:18px;align-self:flex-start;margin-top:5px}.header-center{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;color:#98a497;display:flex;align-items:center;gap:12px}.header-center i,.welcome-footer i{width:5px;height:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 10px #d0ff75}.header-center>span{color:#64715e;margin:0 7px}.header-actions{display:flex;gap:9px}.header-actions button{height:32px;min-width:34px;font-size:18px;color:#a9b5a8}.header-actions button:first-child{font-size:10px;padding:0 12px}.header-actions b{color:var(--lime);font:9px var(--mono);margin-left:8px}.mission{position:absolute;top:117px;left:36px;width:218px;pointer-events:none}.eyebrow{font:9px var(--mono);letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:8px}.tiny-square{height:5px;width:5px;background:var(--lime);display:inline-block}.mission h2{font-size:17px;font-weight:500;margin:16px 0 10px;letter-spacing:1px}.mission h2 span{display:block;font:9px var(--mono);letter-spacing:2.5px;color:#748275;margin-top:8px}.mission p{font-size:10px;color:#8c998f;margin:15px 0 22px}.mission-dot{margin:0 7px;color:var(--lime)}.wave-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9fa99e}.wave-row strong{font:26px var(--mono);color:var(--lime)}.wave-row em{font:12px var(--mono);color:#768571;font-style:normal}#wave-bars{display:flex;gap:5px;margin-top:10px}#wave-bars i{height:3px;background:#a8ba971f;flex:1}#wave-bars i.active{background:var(--lime);box-shadow:0 0 10px #d0ff7533}.enemy-count{margin-top:15px;font-size:10px;color:#82917f;display:flex;align-items:center;justify-content:space-between}.enemy-count b{font:14px var(--mono);color:#d8dfd1}.telemetry{position:absolute;right:36px;top:118px;width:180px}.telemetry>.eyebrow{font-size:8px;justify-content:space-between;letter-spacing:1px}#minimap{width:180px;height:140px;border:1px solid var(--line);margin-top:13px;background:#111b15a0}.map-caption{display:flex;justify-content:space-between;font-size:8px;color:#7d8a7c;margin:8px 0 26px}.map-caption i{display:inline-block;width:4px;height:4px;background:var(--lime);margin-right:5px}.map-caption>span:last-child i{background:#ff7964}.score-label{display:flex;justify-content:space-between;font-size:10px;color:#9caa97}.score-label span{font:9px var(--mono);color:#62745e}#score{font:36px var(--mono);letter-spacing:-1px;margin:10px 0;color:#e0e9d9}.record{font:9px var(--mono);color:#7d8c76}.record b{float:right;color:#b3c59b;font-weight:400}.session-stats{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;display:flex;justify-content:space-between;font-size:9px;color:#81907e}.session-stats b{color:#c4cfbb;font:10px var(--mono);margin-left:5px}.sector-label{position:absolute;left:37px;bottom:167px;display:flex;align-items:center;gap:13px;opacity:.6}.sector-label>span{font:48px var(--mono);color:#7c8d76;font-weight:100}.sector-label>div{font:9px var(--mono);letter-spacing:2px;line-height:2}.sector-label small{font:9px Arial;letter-spacing:1px;color:#7e8e77}.hud{position:absolute;left:36px;right:36px;bottom:26px;display:flex;align-items:end;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);gap:30px;pointer-events:none}.vitals{width:240px}.hud-label{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--lime)}.hud-label>span{font-size:10px;color:#adb7a5}.hud-label>b{margin-left:auto;font:20px var(--mono);color:#e4ecd9}.hud-label small{font:10px var(--mono);color:#809177}.health-track{height:6px;margin-top:12px;background:#78916524}.health-track>i{display:block;width:100%;height:100%;background:var(--lime);transition:width .15s;box-shadow:0 0 15px #d0ff7520}.dash-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#92a583;margin-top:16px}.dash-row>b{font:9px var(--mono);color:var(--lime)}kbd{display:inline-flex;align-items:center;justify-content:center;font:9px var(--mono);min-width:20px;height:19px;padding:2px 4px;border:1px solid #a9c29140;color:#a5b398;margin-right:4px;border-radius:2px}.dash-track{height:2px;background:#78916524;margin-top:7px}.dash-track i{display:block;height:100%;width:100%;background:#91b76e}.control-hint{display:flex;gap:23px;align-items:center;color:#83947a;font-size:9px;padding-bottom:20px}.control-hint>span:first-child{line-height:1.9}.control-hint>span:first-child>kbd:first-child{margin-left:24px}.mouse-icon{font-size:20px;vertical-align:middle;margin-right:6px}.weapon{width:230px}.weapon-top{display:flex;align-items:center;gap:10px;font:9px var(--mono);color:#a1b08c}.weapon-top>b{font:12px Arial;color:#d8e1cd}.weapon-top>span:last-child{margin-left:auto;font-size:9px;color:#67785f}.weapon-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.weapon-bottom svg{width:108px;color:#adba9d}.weapon-bottom b{font:39px var(--mono);letter-spacing:-2px}.weapon-bottom span{font:12px var(--mono);color:#7f8f73}#reload-status{font-size:9px;color:#8a9a7e;margin-top:7px;text-align:right}#reload-status kbd{height:16px;font-size:8px}#banner{position:absolute;top:105px;left:50%;transform:translateX(-50%);background:#152319e8;border:1px solid #b4d5904a;padding:13px 22px;color:var(--lime);font-size:12px;letter-spacing:1.5px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}#banner.visible{opacity:1}#combo{position:absolute;top:159px;left:50%;transform:translateX(-50%);font:italic 15px var(--mono);color:var(--lime)}#crosshair{position:absolute;width:22px;height:22px;margin:-11px;pointer-events:none;display:none;border:1px solid #d0ff7590;border-radius:50%}#crosshair:before,#crosshair:after{content:'';position:absolute;background:var(--lime)}#crosshair:before{width:1px;height:32px;left:10px;top:-6px}#crosshair:after{height:1px;width:32px;left:-6px;top:10px}#crosshair b{position:absolute;inset:6px;background:var(--lime);border-radius:50%}.playing #scene{cursor:none}.playing #crosshair{display:block}#damage-flash{pointer-events:none;box-shadow:inset 0 0 150px #ff412c;opacity:0;transition:opacity .2s;z-index:2}.panel{background:linear-gradient(135deg,#1a241fec,#111b16f5);border:1px solid #bfd6b331;box-shadow:0 30px 100px #0006}.welcome{position:absolute;left:8%;top:50%;width:340px;padding:30px;transform:translateY(-46%);z-index:5;backdrop-filter:blur(12px)}.welcome:before,.modal-card:before{content:'';position:absolute;top:-1px;left:-1px;width:38px;height:2px;background:var(--lime)}.welcome h1{font-size:66px;letter-spacing:4px;line-height:1.12;font-weight:700;margin:26px 0 11px}.welcome h1>span{display:block}.title-dot{color:var(--lime)}.english-title{font:11px var(--mono);letter-spacing:7px;color:#bdc8b6}.welcome p{font-size:12px;line-height:2.1;color:#97a88e;margin:24px 0}.welcome-tags{display:flex;gap:7px;margin-bottom:24px}.welcome-tags span{font-size:9px;border:1px solid var(--line);padding:6px 8px;color:#aabc9f}.primary{background:var(--lime);color:#1a2613;border:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;font-size:13px;font-weight:700;letter-spacing:2px}.primary span{font-size:21px}.primary:hover{background:#ddff9c;box-shadow:0 0 30px #c6ff7422}.start-tip{font-size:9px;line-height:1.9;color:#899d7e;margin-top:13px}.welcome-footer{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;display:flex;align-items:center;gap:7px;font-size:9px;color:#a6b798}.welcome-footer span{margin-left:auto;font:8px var(--mono);color:#6f8363}body:has(#welcome:not([hidden])) .mission{opacity:0}#modal{position:absolute;inset:0;z-index:6;background:#080e0aaa;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.modal-card{position:relative;width:min(740px,100%);padding:38px}.modal-card h2{font-size:32px;margin:17px 0}.modal-card p{font-size:12px;color:#9cac92;line-height:1.8}.modal-card .primary{max-width:300px;margin:24px auto 0}.text-button{display:block;border:0;margin:17px auto 0;font-size:11px;color:#849875;padding:9px}#upgrades{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}#upgrades:empty{display:none}.upgrade-card{text-align:left;padding:21px 16px;background:#b8d28c06}.upgrade-card>span{display:block;font-size:30px;color:var(--lime);margin-bottom:23px}.upgrade-card small{font:8px var(--mono);color:#9aae83;letter-spacing:1px}.upgrade-card b{display:block;font-size:15px;margin:12px 0}.upgrade-card p{font-size:11px;line-height:1.8;margin:0}.upgrade-card:hover{border-color:var(--lime);transform:translateY(-3px)}#result-stats{display:flex;justify-content:space-around;margin-top:25px;font-size:10px;color:#91a57f}#result-stats:empty{display:none}#result-stats b{display:block;font:29px var(--mono);color:var(--lime);margin-top:12px}#boss{position:absolute;top:170px;left:35%;width:30%;font:9px var(--mono);letter-spacing:1px;color:#ff9d7c}#boss>div:first-child{display:flex;justify-content:space-between}.boss-track{background:#ff795c20;height:5px;margin-top:9px}.boss-track i{display:block;background:#ff785b;height:100%;width:100%}#error{position:absolute;inset:0;background:var(--bg);z-index:20;padding:15%;font-size:14px}#error p{color:var(--muted);line-height:1.8}#error a{color:var(--lime)}#touch-controls{display:none}
@media(max-width:1100px){.header-center{display:none}.control-hint{gap:10px;font-size:8px}.control-hint>span:nth-child(2){display:none}.welcome{left:6%;width:310px;padding:26px}.welcome h1{font-size:53px}.telemetry{width:145px}#minimap{width:145px;height:113px}.mission{width:170px}.mission h2{font-size:14px}.map-caption{font-size:7px}.sector-label{bottom:157px}.hud{gap:15px}.vitals{width:205px}}
@media(max-height:760px) and (min-width:701px){header{height:66px}.mission,.telemetry{top:91px}.welcome{padding:24px;transform:translateY(-44%)}.welcome h1{font-size:48px;margin-top:18px}.welcome p{margin:16px 0}.welcome-footer{margin-top:15px}.welcome-tags{margin-bottom:16px}.hud{bottom:18px;padding-top:14px}.sector-label{display:none}.telemetry .session-stats{margin-top:10px;padding-top:10px}#banner{top:81px}}
@media(pointer:coarse){.playing #touch-controls{display:block}.playing #crosshair{display:none}.control-hint{display:none}#stick{position:absolute;bottom:157px;left:40px;width:104px;height:104px;background:#c0dba512;border:1px solid #c7e1ad40;border-radius:50%;touch-action:none}#stick i{position:absolute;top:33px;left:33px;height:36px;width:36px;border-radius:50%;background:#d0ff7560;border:1px solid #d0ff7590;pointer-events:none}.touch-actions{position:absolute;right:28px;bottom:159px;display:flex;gap:12px;align-items:center}.touch-actions button{width:49px;height:49px;background:#152319c0;border-radius:50%;touch-action:none;font-size:11px}#touch-fire{width:76px;height:76px;border-color:#d0ff7580;color:var(--lime)}#touch-dash{font-size:24px}.sector-label{display:none}}
:where(body.touch-mode).playing #touch-controls{display:block}:where(body.touch-mode).playing #crosshair{display:none}:where(body.touch-mode) .control-hint{display:none}:where(body.touch-mode) #stick{position:absolute;bottom:157px;left:40px;width:104px;height:104px;background:#c0dba512;border:1px solid #c7e1ad40;border-radius:50%;touch-action:none}:where(body.touch-mode) #stick i{position:absolute;top:33px;left:33px;height:36px;width:36px;border-radius:50%;background:#d0ff7560;border:1px solid #d0ff7590;pointer-events:none}:where(body.touch-mode) .touch-actions{position:absolute;right:28px;bottom:159px;display:flex;gap:12px;align-items:center}:where(body.touch-mode) .touch-actions button{width:49px;height:49px;background:#152319c0;border-radius:50%;touch-action:none;font-size:11px}:where(body.touch-mode) #touch-fire{width:76px;height:76px;border-color:#d0ff7580;color:var(--lime)}:where(body.touch-mode) #touch-dash{font-size:24px}:where(body.touch-mode) .sector-label{display:none}

@media(max-width:700px){header{left:17px;right:17px;height:65px}.brand{font-size:11px;letter-spacing:1px;gap:9px}.brand small{font-size:7px;letter-spacing:3px}.brand-icon{width:32px;height:32px;font-size:24px}.brand-icon span{font-size:15px}.header-actions{gap:6px}.header-actions button{height:29px;min-width:29px}.header-actions button:first-child{padding:0 7px;font-size:9px}.mission{left:18px;top:87px;width:140px}.mission .eyebrow{font-size:7px;letter-spacing:1px}.mission h2{font-size:12px;margin:10px 0}.mission h2 span{font-size:7px;letter-spacing:1.5px}.mission p{font-size:8px;margin:10px 0 13px}.wave-row{font-size:9px}.wave-row strong{font-size:23px}.enemy-count{font-size:8px;margin-top:10px}.telemetry{right:18px;top:88px;width:110px}.telemetry>.eyebrow{font-size:6px}#minimap{width:110px;height:85px;margin-top:8px}.map-caption{display:none}.score-label{margin-top:11px;font-size:8px}#score{font-size:25px;margin:6px 0}.record{font-size:7px}.session-stats{display:none}.welcome{left:50%;top:50%;width:min(310px,calc(100% - 36px));transform:translate(-50%,-43%);padding:25px}.welcome h1{font-size:49px;margin:18px 0 10px}.welcome p{margin:18px 0;font-size:11px}.welcome-footer{margin-top:16px}.welcome-tags{margin-bottom:20px}.english-title{font-size:10px}.sector-label{display:none}.hud{left:18px;right:18px;bottom:max(17px,env(safe-area-inset-bottom));padding-top:12px;gap:22px}.vitals{width:48%}.hud-label{gap:5px;font-size:13px}.hud-label>span{font-size:8px}.hud-label>b{font-size:16px}.hud-label small{font-size:8px}.health-track{height:4px;margin-top:9px}.dash-row{font-size:8px;margin-top:12px}.dash-row kbd{font-size:7px;min-width:0;height:16px}.weapon{width:47%}.weapon-top{font-size:7px;gap:5px}.weapon-top b{font-size:10px}.weapon-top>span:last-child{display:none}.weapon-bottom svg{width:68px}.weapon-bottom b{font-size:30px}.weapon-bottom span{font-size:9px}#reload-status{font-size:7px}.control-hint{display:none}#banner{top:260px;font-size:9px;padding:10px 12px;max-width:90%;white-space:normal;text-align:center}#combo{top:298px;font-size:12px}#boss{top:235px;left:20%;width:60%;font-size:7px}.modal-card{padding:25px}.modal-card h2{font-size:25px}#upgrades{grid-template-columns:1fr;gap:9px}.upgrade-card{padding:15px;display:grid;grid-template-columns:35px 1fr;column-gap:12px}.upgrade-card>span{grid-row:1/4;font-size:26px;margin:10px 0}.upgrade-card b{margin:7px 0}.upgrade-card p{font-size:10px}#stick{left:25px;bottom:145px;width:90px;height:90px}#stick i{top:26px;left:26px}.touch-actions{right:20px;bottom:150px;gap:9px}.touch-actions button{width:39px;height:39px}#touch-fire{width:65px;height:65px}}
@media(max-height:520px){.welcome{width:450px;padding:20px}.welcome h1{font-size:36px;margin:10px 0}.welcome h1>span{display:inline}.welcome p,.welcome-footer,.start-tip{display:none}.welcome-tags{margin:16px 0}.telemetry #minimap,.map-caption,.record,.session-stats{display:none}.telemetry .score-label{margin-top:10px}.mission h2,.mission p,.sector-label{display:none}.wave-row{margin-top:13px}.hud{bottom:12px}.welcome .english-title{font-size:9px}#stick{bottom:130px}.touch-actions{bottom:125px}#upgrades{grid-template-columns:repeat(3,1fr)}.upgrade-card{display:block;padding:12px}.upgrade-card>span{display:none}.modal-card{padding:20px}.modal-card h2{margin:10px 0}#banner{top:85px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Campaign deployment and armour showcase. */
.header-center b{font-weight:400}.mission h2>b{font-weight:500}.sector-label b{font-weight:400}
.welcome{width:360px;padding:25px 28px;max-height:calc(100svh - 112px);overflow:auto;scrollbar-width:thin;scrollbar-color:#8aab6844 transparent;transform:translateY(-45%)}
.welcome h1{font-size:46px;line-height:1.1;margin:17px 0 10px}.welcome h1>span{display:inline}.welcome p{font-size:11px;line-height:1.8;margin:17px 0}.welcome-tags{margin:15px 0 20px}.welcome-tags span{font-size:8px;padding:5px 7px}.welcome-footer{margin-top:16px;padding-top:12px}.english-title{font-size:9px;letter-spacing:6px}
.level-select-label{font-size:10px;color:#d0dac8;display:flex;justify-content:space-between;margin-bottom:10px}.level-select-label span{font:8px var(--mono);color:#798c71}
#level-select{display:grid;grid-template-columns:1fr 1fr;gap:8px}.level-choice{text-align:left;padding:11px 12px;position:relative;background:#0d15124d;border:1px solid #c3dcc52a;transition:background .2s,border-color .2s}.level-choice small{display:block;font:8px var(--mono);color:#92a291}.level-choice b{display:block;font-size:12px;font-weight:500;margin-top:7px;letter-spacing:1px}.level-choice.selected{border-color:var(--stage-color);background:#b9d1c014}.level-choice.selected:after{content:'↗';position:absolute;right:10px;bottom:11px;color:var(--stage-color)}.level-choice:hover{border-color:var(--stage-color)}.welcome #level-description{font-size:10px;color:#91a28b;min-height:36px;margin:12px 0 15px;line-height:1.8}
#pilot-label{position:absolute;left:53%;bottom:168px;display:flex;flex-direction:column;gap:10px;pointer-events:none;border-left:2px solid #86f1ff;padding:4px 17px;background:linear-gradient(90deg,#111c1acc,transparent)}#pilot-label small{font:9px var(--mono);letter-spacing:3px;color:#86f1ff}#pilot-label b{font-size:15px;letter-spacing:2px;font-weight:500}#pilot-label span{font-size:9px;color:#99ada8}.modal-card{max-height:calc(100svh - 40px);overflow:auto}
@media(max-width:700px){.welcome{width:min(330px,calc(100% - 32px));padding:21px 24px;transform:translate(-50%,-46%);max-height:calc(100svh - 98px)}.welcome h1{font-size:40px;margin-top:12px}.welcome p{margin:12px 0}.welcome-tags{margin:13px 0 17px}.welcome-footer{margin-top:12px}#pilot-label{display:none}.level-choice{padding:10px 11px}.start-tip{font-size:8px}.welcome .primary{padding:13px 17px}.welcome #level-description{margin:10px 0 13px}.level-select-label{font-size:9px}}
@media(max-height:620px) and (min-width:701px){.welcome{top:78px;transform:none;max-height:calc(100svh - 92px);padding:18px 23px}.welcome h1{font-size:34px;margin:12px 0}.welcome>p,.welcome-tags,.welcome-footer,.start-tip{display:none}.level-select-label{margin-top:18px}.welcome #level-description{display:block;font-size:9px;margin:9px 0}.welcome .primary{padding:12px 18px}#pilot-label{display:none}}
#quality{font-size:10px;padding:0 9px;white-space:nowrap;color:#cad6bd}
.armor-label{display:flex;justify-content:space-between;color:#c8d7c0;font-size:10px;margin:12px 0 9px}.armor-label small{font-size:8px;color:#82977a}
#armor-select{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}#armor-select button{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 3px;font-size:9px;color:#aebba3}#armor-select button i{width:9px;height:12px;background:var(--armor-color);border-radius:3px;box-shadow:inset 0 1px 2px #fff5}#armor-select button.selected{border-color:#9ddcf0;color:#e9f4f6;background:#7fbacd18}
.welcome #start{position:sticky;bottom:0;z-index:1;box-shadow:0 -8px 15px #101b16}
@media(max-width:420px){#fullscreen{display:none}.header-actions{gap:5px}#quality{font-size:9px;padding:0 7px}#armor-select button{font-size:8px}.welcome{top:50%;max-height:calc(100svh - 102px)}}
@media(max-height:760px){.welcome>p:not(#level-description),.welcome .welcome-tags,.welcome .welcome-footer,.welcome .start-tip{display:none}.welcome h1{font-size:32px;margin:12px 0 8px}.welcome .english-title{margin-bottom:17px}.welcome .level-choice{padding:8px 10px}.welcome .level-choice b{margin-top:5px}.welcome #level-description{font-size:9px;min-height:30px;margin:9px 0}.welcome .armor-label{margin-top:8px}#armor-select{margin-bottom:12px}#armor-select button{padding:8px 2px}}