:root{color-scheme:dark;--ink:#101b2a;--panel:#132238;--paper:#f5f0e6;--orange:#ff8b48;--cyan:#76dbe4;--muted:#a1afbf;--border:rgba(212,225,236,.22);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070d15;color:var(--paper)}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{touch-action:manipulation}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}#game-shell{position:absolute;inset:0;margin:auto;width:min(100vw,177.7778vh);height:min(100vh,56.25vw);overflow:hidden;isolation:isolate;background:var(--ink);container-type:inline-size}.screen{position:absolute;inset:0}.eyebrow{font:600 1cqw/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:var(--orange)}.signal-dot{display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--cyan);box-shadow:0 0 1em #76dbe455;vertical-align:middle}.loading-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#111e2d}.loading-brand{font-size:6cqw;font-weight:900;letter-spacing:-.08em}.loading-brand span{color:var(--orange)}.loading-screen p{font-size:1cqw;letter-spacing:.2em;color:var(--muted)}.loading-track{height:3px;width:22%;background:#ffffff12;margin:2cqw 0 1cqw}.loading-track i{display:block;height:100%;width:0;background:var(--orange);transition:width .2s}.loading-screen small{font-size:.8cqw;color:var(--muted)}
.title-screen{background:#111e2d url('assets/title.png') center/cover no-repeat}.title-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,#0d172540 61%,#0d17257a),linear-gradient(0deg,#060e1ab3,transparent 17%)}.title-content{position:absolute;left:66.6%;top:16%;width:29%}.title-content .eyebrow{font-size:.65cqw;margin:0 0 1.5cqw;letter-spacing:.12em;color:#c6d4df}.title-content .signal-dot{margin-right:.6em}.wordmark{font-weight:900;font-size:3.9cqw;letter-spacing:-.08em;line-height:1;display:flex;align-items:center;gap:1.2cqw}.wordmark i{width:4.3cqw;height:.42cqw;display:block;background:var(--orange);transform:skew(-28deg)}h1{font-size:5.15cqw;margin:.35cqw 0 0;line-height:1.3;letter-spacing:.05em;font-weight:950;white-space:nowrap}.english-title{font-size:1.08cqw;letter-spacing:.42em;margin:.9cqw 0 0;color:#c7d1df}.title-description{font-size:.84cqw;color:#adbdcf;margin:2cqw 0 1.6cqw}.title-menu{display:flex;flex-direction:column;gap:.65cqw}.title-menu button{position:relative;width:100%;display:flex;align-items:center;gap:1.2cqw;text-align:left;background:transparent;padding:.9cqw .8cqw;font-size:1.25cqw;letter-spacing:.1em;border:1px solid transparent;border-radius:2px;transition:background .2s,border-color .2s}.title-menu button small{font:500 .54cqw ui-monospace,monospace;letter-spacing:.12em;color:#94a4b9}.title-menu .menu-main{background:#f3904820;border-color:#f3904860;padding-left:1.2cqw}.title-menu .menu-main:before{content:"";position:absolute;left:0;top:17%;height:66%;width:3px;background:var(--orange)}.title-menu button b{margin-left:auto;color:var(--orange);font-size:1.3cqw}.title-menu button:hover{background:#f5f0e60d}.best-record{font-size:.65cqw;color:#a4b2c2;line-height:1.6;margin:1.7cqw .8cqw}.title-footer{position:absolute;bottom:3%;left:3.3%;right:3.3%;display:flex;justify-content:space-between;font-size:.62cqw;color:#cad4dfb3;letter-spacing:.08em}.title-footer i{font-style:normal;color:var(--orange);padding:0 .6em}
#playfield{display:block;width:100%;height:100%;outline:none}.game-screen{background:#192638}.game-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 5cqw #07101a65}.hud{position:absolute;inset:0;pointer-events:none;user-select:none}.hud button{pointer-events:auto}.health-panel{position:absolute;left:2.3%;top:3.2%;display:flex;align-items:center;gap:.85cqw;padding:.6cqw .9cqw .6cqw .6cqw;width:24%;background:#0d1a2bdf;border:1px solid #bbd3e755;border-radius:.3cqw;box-shadow:0 .3cqw 1cqw #0003}.avatar{height:4.1cqw;width:4.1cqw;overflow:hidden;border:1px solid #9aafc2;border-radius:.1cqw;position:relative;background:#ddd5c7;flex-shrink:0}.avatar img{position:absolute;width:285%;max-width:none;left:-48%;top:-35%}.health-copy{flex:1}.health-name{display:flex;justify-content:space-between;align-items:center}.health-name strong{font-size:1.2cqw;letter-spacing:.07em}.health-name strong small{font-size:.7cqw;color:#c1ccd7}.health-name>span{font:.7cqw ui-monospace,monospace;color:var(--cyan)}.health-track{height:.7cqw;background:#101726;border-radius:2px;overflow:hidden;margin:.45cqw 0 .3cqw}.health-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ec6465,#ff9681);transition:width .12s}.health-numbers{display:flex;justify-content:space-between;font-size:.6cqw;color:#98aabc}.health-numbers b{font-family:ui-monospace,monospace;font-weight:500;color:#f4ede3}.mission-panel{position:absolute;left:50%;top:2.6%;transform:translateX(-50%);text-align:center;background:linear-gradient(#101d30e6,#101d3099);padding:.45cqw 2cqw .7cqw;min-width:24%;border-bottom:1px solid #b7d3e533}.timer{display:flex;gap:.75cqw;align-items:center;justify-content:center}.timer b{font:700 2.25cqw ui-monospace,monospace;letter-spacing:-.03em}.timer small{font:.65cqw ui-monospace,monospace;color:#8fa2b8;align-self:end;margin-bottom:.35cqw}.timer .signal-dot{width:.35cqw;height:.35cqw}.mission-panel p{font-size:.8cqw;margin:.2cqw 0 0;color:#d6e3ee}.icon-button{background:#101d30d9;border:1px solid var(--border);border-radius:.35cqw;display:grid;place-items:center;width:3.3cqw;height:3.3cqw;font-size:1.6cqw}.pause-button{position:absolute;top:3.2%;right:2.3%}.boss-panel{position:absolute;top:15%;left:33%;width:34%;padding:.6cqw .8cqw;background:#1b1f31d9;border:1px solid #ff8d7744}.boss-panel>div:first-child{display:flex;justify-content:space-between;font-size:.75cqw;margin-bottom:.4cqw}.boss-panel small{font:.55cqw ui-monospace,monospace;color:#cf9f99}.boss-panel span{font:.65cqw ui-monospace,monospace}.boss-track{height:.35cqw;background:#0005}.boss-track i{display:block;height:100%;background:#ff927e;width:100%}.equipment-panel{position:absolute;left:2.5%;bottom:5.2%;display:flex;gap:.55cqw}.equipment-icon{position:relative;border:1px solid #b7d3e755;background:#102137db;width:3.1cqw;height:3.1cqw;display:grid;place-items:center;border-radius:.25cqw;font-size:1.8cqw;color:var(--color)}.equipment-icon small{position:absolute;right:.18cqw;bottom:.1cqw;font:.62cqw ui-monospace,monospace;color:var(--paper)}.xp-panel{position:absolute;bottom:3.6%;left:35%;width:32%}.xp-panel>div:first-child{display:flex;justify-content:space-between;font:.52cqw ui-monospace,monospace;color:#d0e5ef;margin-bottom:.25cqw;letter-spacing:.15em}.xp-panel b{font-weight:400;letter-spacing:0}.xp-track{height:.55cqw;background:#0d1b2de6;border:1px solid #acc9db70;border-radius:2px;overflow:hidden}.xp-track i{display:block;background:var(--cyan);height:100%;width:0;transition:width .12s}.dash-panel{position:absolute;right:3%;bottom:4%;width:5cqw;text-align:center;font-size:.65cqw}.dash-icon{position:relative;width:4.3cqw;height:4.3cqw;margin:0 auto .2cqw;border-radius:50%;background:#101e32e6;border:1px solid #aac4d988;display:grid;place-items:center;overflow:hidden}.dash-icon>span{font-size:3.7cqw;line-height:1;color:var(--orange);position:relative;z-index:1}.dash-icon i{position:absolute;inset:0;background:conic-gradient(transparent 0deg,#0a1425df 0deg);border-radius:50%}.dash-panel b{display:block;color:#ffc28d;font-size:.6cqw;font-weight:500}.dash-panel kbd{display:inline-block;margin-top:.25cqw;font-size:.6cqw}.keyboard-hint{position:absolute;bottom:3%;left:2.5%;display:flex;gap:.8cqw;font-size:.55cqw;opacity:.85;transition:opacity 1s}.keyboard-hint span{display:flex;gap:.2cqw;align-items:center}.equipment-panel:not(:empty)+.xp-panel{}.keyboard-hint.faded{opacity:0}.kills-counter{position:absolute;right:3%;top:12%;text-align:right;display:flex;gap:.7cqw;align-items:center;color:#d9e3ec99;font-size:.65cqw}.kills-counter b{font:1.1cqw ui-monospace,monospace;color:#e9e5dc}kbd{border:1px solid #adbdce66;background:#0e1b2ecc;border-radius:3px;min-width:1.2em;text-align:center;padding:.15em .35em;font:inherit;color:#e5e8e9}.callout{position:absolute;left:50%;top:34%;transform:translateX(-50%);padding:1cqw 3cqw;text-align:center;background:linear-gradient(90deg,transparent,#0c1c30eb 18% 82%,transparent);min-width:45%;pointer-events:none;animation:callin .25s ease-out}.callout span{display:block;font:.65cqw ui-monospace,monospace;letter-spacing:.25em;color:var(--orange);margin-bottom:.5cqw}.callout strong{font-size:1.6cqw;letter-spacing:.1em}.dialogue-line{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);display:flex;gap:.8cqw;padding:.65cqw 1.3cqw;background:#0e1d2fe8;border-left:2px solid var(--orange);font-size:.8cqw;pointer-events:none;white-space:nowrap}.dialogue-line strong{color:var(--orange);font:.65cqw/1.8 ui-monospace,monospace}.live-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#damage-overlay{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 6cqw #ef554c;opacity:0;transition:opacity .15s}#damage-overlay.flash{opacity:.65}
.modal-layer,.upgrade-layer{position:absolute;inset:0;z-index:10;background:#07101bd9;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.modal{width:43%;max-height:90%;overflow:auto;padding:2.4cqw 2.7cqw;background:linear-gradient(150deg,#1a2b41,#111f31);border:1px solid #b9cddd44;box-shadow:0 2cqw 5cqw #0006;border-radius:.35cqw;position:relative}.modal h2{font-size:2.25cqw;letter-spacing:.05em;margin:.6cqw 0 1.4cqw}.modal p{font-size:.9cqw;color:#b8c8d8;line-height:1.8}.modal .eyebrow{font-size:.65cqw;color:var(--orange);margin:0}.close-modal{position:absolute;right:1.2cqw;top:1.1cqw;background:transparent;font-size:1.6cqw;color:#abbacb}.modal-actions{display:flex;gap:.8cqw;margin-top:1.7cqw;flex-wrap:wrap}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:2cqw;min-height:3.2cqw;padding:.8cqw 1.5cqw;border-radius:2px;font-size:.85cqw;letter-spacing:.05em}.primary-button{background:var(--orange);color:#142031;font-weight:750}.secondary-button{border:1px solid #b2c5d54d;background:#13243a}.pause-menu{display:flex;flex-direction:column;gap:.65cqw}.pause-menu button{width:100%;text-align:left;justify-content:space-between}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:1cqw 0;border-top:1px solid #b2c5d522;gap:1cqw}.setting-row label{font-size:1cqw}.setting-row small{font-size:.65cqw;color:#8fa4ba;display:block;margin-top:.25cqw}.setting-row input[type=range]{width:12cqw;accent-color:var(--orange)}.setting-row input[type=checkbox]{width:1.5cqw;height:1.5cqw;accent-color:var(--orange)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7cqw}.guide-grid>div{background:#ffffff05;border:1px solid #a6bed722;padding:.9cqw;font-size:.9cqw}.guide-grid kbd{color:var(--orange);font:.85cqw ui-monospace,monospace}.guide-grid span{display:block;margin-top:.4cqw;font-size:.75cqw;color:#b8c8d8}.modal .guide-note{padding:.75cqw 1cqw;background:#76dbe40a;border-left:2px solid var(--cyan);font-size:.78cqw}.upgrade-layer{flex-direction:column;background:#07101be8}.upgrade-intro{text-align:center}.upgrade-intro .eyebrow{font-size:.7cqw;letter-spacing:.2em}.upgrade-intro .eyebrow span{color:var(--cyan);margin-left:1cqw}.upgrade-intro h2{font-size:2.5cqw;letter-spacing:.05em;margin:.8cqw 0}.upgrade-intro>p:last-child{font-size:.85cqw;color:#a8bbce;margin:0 0 2cqw}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3cqw;width:73%}.upgrade-card{background:#f0eadf;color:#192a3c;border:2px solid #f0eadf;position:relative;padding:1.5cqw 1.5cqw 1.2cqw;text-align:left;min-height:17cqw;transition:transform .15s,border .15s;display:flex;flex-direction:column}.upgrade-card:hover,.upgrade-card:focus-visible{transform:translateY(-.5cqw);border-color:var(--orange);outline:none}.upgrade-card .card-number{position:absolute;right:1cqw;top:.9cqw;color:#7f8a8e;font:.75cqw ui-monospace,monospace}.upgrade-card .card-icon{font-size:3.4cqw;color:#1f5c6b;background:#dbe2dc;width:5cqw;height:5cqw;display:grid;place-items:center;border:1px solid #b3c2be;margin:.2cqw 0 1cqw}.upgrade-card .card-tag{font-size:.6cqw;letter-spacing:.08em;color:#697a80}.upgrade-card h3{font-size:1.3cqw;margin:.45cqw 0 .6cqw;letter-spacing:.03em}.upgrade-card p{font-size:.76cqw;color:#5b6a72;line-height:1.8;margin:0 0 1cqw}.upgrade-card .card-effect{margin-top:auto;padding-top:.9cqw;border-top:1px solid #193f4626;font-size:.72cqw;color:#163d46;font-weight:700}.upgrade-card .card-rank{font:.55cqw ui-monospace,monospace;letter-spacing:.1em;color:#7c898c;display:block;margin-top:.6cqw}.upgrade-footnote{font-size:.68cqw;color:#91a6bb;margin-top:1.6cqw}
.result-screen{display:flex;align-items:center;justify-content:center}.result-background{position:absolute;inset:0;background:linear-gradient(90deg,#0b1625c9,#0b1625ee),url('assets/arena.png') center/cover}.debrief{position:relative;width:62%;padding:3cqw;border:1px solid #b0cad844;background:#132238de;box-shadow:0 1cqw 6cqw #0005}.debrief .eyebrow{font-size:.7cqw;margin:0 0 1.2cqw}.debrief h2{font-size:3cqw;letter-spacing:.04em;margin:0}.result-quote{font-size:1cqw;color:#b6c8d6;line-height:1.7;margin:1cqw 0 2cqw}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #bed1de26;padding:1.5cqw 0;margin-bottom:1.5cqw}.result-stat+div{border-left:1px solid #bed1de26;padding-left:1.4cqw}.result-stat b{font:2.1cqw ui-monospace,monospace;color:var(--paper);display:block}.result-stat small{font-size:.65cqw;color:#94a9bd;display:block;margin-top:.5cqw}.result-build{display:flex;gap:.6cqw;flex-wrap:wrap}.result-build span{background:#ffffff06;border:1px solid #a9c4dc33;padding:.45cqw .65cqw;font-size:.65cqw;color:#c6d7e4}.result-best{font-size:.75cqw;color:var(--cyan);margin:1.4cqw 0}.result-actions{display:flex;gap:1cqw}.result-actions button{min-width:11cqw}@keyframes callin{from{opacity:0;transform:translate(-50%,.5cqw)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-aspect-ratio:1/1){.title-content{left:58%;width:38%;top:13%}.wordmark{font-size:4.5cqw}h1{font-size:6cqw}.title-content .eyebrow{font-size:.8cqw}.title-description{font-size:1cqw}.title-menu button{font-size:1.8cqw;padding:1.1cqw}.title-menu button small{font-size:.7cqw}.modal{width:65%;padding:3cqw}.modal p{font-size:1.3cqw}.modal h2{font-size:3cqw}.primary-button,.secondary-button{font-size:1.3cqw;min-height:4cqw}.upgrade-cards{width:91%}.upgrade-card h3{font-size:1.65cqw}.upgrade-card p,.upgrade-card .card-effect{font-size:1.1cqw}.title-footer{font-size:.8cqw}.best-record{font-size:.9cqw}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.avatar img{width:550%;left:-130%;top:-35%}
.title-footer a{color:inherit;text-decoration:none;border-bottom:1px solid #e4edf144;padding-bottom:2px}.title-footer a:hover{color:#ffc08f}