:root{color-scheme:dark;--ink:#eaf6ef;--muted:#8b9caa;--dark:#0b1020;--panel:#141b2b;--line:#3a5060;--mint:#7af2c2;--rose:#ff6e9d;--gold:#ffd27a;--pixel:2px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080e19;color:var(--ink)}body{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;background:radial-gradient(circle at 50% 4%,#1a2b36 0,#0b1422 40%,#080e19 78%);overflow-x:hidden}button{font:inherit}.shell{width:min(1240px,calc(100% - 48px));margin:auto;padding:24px 0 16px}.topbar,.footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar{height:48px;margin-bottom:16px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:900;letter-spacing:.12em;white-space:nowrap}.brand-mark{color:var(--mint);font-size:27px;text-shadow:0 0 15px #7af2c288}.brand-slash{color:var(--rose)}.brand-tag{font-size:10px;letter-spacing:.08em;color:#9baeb5;padding-left:13px;border-left:1px solid #40515c}.top-actions{display:flex;align-items:center;gap:18px}.prototype-tag{font-size:10px;color:#778d98;letter-spacing:.12em}.icon-button{background:transparent;border:1px solid #34505b;color:#a7c1bf;padding:8px 10px;font-size:10px;letter-spacing:.08em;cursor:pointer}.icon-button:hover,.icon-button:focus-visible{border-color:var(--mint);color:var(--mint)}.game-frame{position:relative;width:100%;aspect-ratio:8/5;border:2px solid #4a6872;outline:4px solid #111b29;box-shadow:0 0 0 6px #07111b,0 32px 80px #0009,0 0 80px #28576a18;overflow:hidden;background:#10202d;isolation:isolate}.game-frame:after{content:"";pointer-events:none;position:absolute;inset:0;border:8px solid #07141e77;box-shadow:inset 0 0 0 2px #80c8bd27;z-index:5}.game-frame canvas{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none}.hud{position:absolute;top:19px;z-index:6;min-width:112px;padding:8px 11px;background:#07141dda;border:1px solid #78c9bd3d;box-shadow:4px 4px 0 #05101888}.hud-left{left:20px}.hud-center{left:50%;transform:translateX(-50%);text-align:center;min-width:126px}.hud-right{right:20px;text-align:right}.hud-label{font-size:10px;font-weight:800;color:#a7bdc0;letter-spacing:.1em}.hud-label span{color:#648b94;font-size:9px}.hearts{color:var(--rose);font-size:22px;letter-spacing:4px;line-height:1.1;white-space:nowrap;text-shadow:2px 2px #4f243c}.hearts .lost{color:#34414e;text-shadow:none}.timer,.breaks{font-size:25px;font-weight:900;line-height:1.1;color:#e9fbed;text-shadow:2px 2px #204e54}.timer span{font-size:12px;color:var(--mint);margin-left:2px}.breaks{color:var(--gold)}.overlay{position:absolute;inset:0;z-index:9;display:grid;place-items:center;background:linear-gradient(90deg,#08121ee6,#0b1b29ac 45%,#08121ee6);backdrop-filter:blur(1.5px)}.overlay.hidden{display:none}.intro-panel,.result-panel{width:min(425px,88%);padding:28px 30px 25px;text-align:center;border:2px solid #79c9bf;background:linear-gradient(145deg,#1b3038f0,#0c1725f5 62%);box-shadow:8px 8px 0 #06101b,0 0 0 6px #0c1b25b8,0 0 75px #6bdfc222}.hidden{display:none!important}.eyebrow{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--mint);font-size:10px;letter-spacing:.18em}.signal,.footer-dot{display:inline-block;width:6px;height:6px;background:var(--mint);box-shadow:0 0 9px var(--mint)}.eyebrow-index{color:#62817f;margin-left:6px}.crest{position:relative;margin:14px auto 10px;width:80px;height:70px;display:grid;place-items:center;color:var(--mint);font-size:47px;text-shadow:0 0 19px #7af2c2aa}.crest:before,.crest:after{content:"";position:absolute;inset:8px 12px;border:2px solid #527f83;transform:rotate(45deg)}.crest:after{inset:14px 18px;border-color:#80eaca55}.intro-panel h1,.result-panel h2{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:47px;letter-spacing:.13em;line-height:1.1;margin:0;font-weight:900;text-shadow:4px 4px #153f4a}.intro-panel h1 span{color:var(--mint)}.intro-copy{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.75;color:#b9cfd0;margin:14px 0 20px}.objective{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #456c70;background:#0a2026a6;padding:10px 12px;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#cee0d8;font-size:13px}.objective-number{color:var(--gold);font-size:22px;font-weight:900;font-family:ui-monospace,monospace}.objective strong{color:var(--mint)}.primary-button{width:100%;margin-top:19px;padding:13px 16px;background:var(--mint);color:#10202a;border:2px solid #b7ffe0;box-shadow:4px 4px 0 #145954;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:17px;font-weight:900;letter-spacing:.1em;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}.primary-button span{font-family:ui-monospace,monospace;margin-left:9px}.primary-button:hover,.primary-button:focus-visible{background:#a6ffd7;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #145954}.primary-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #145954}.intro-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px;color:#9db9b8;font-size:10px}.intro-controls kbd{color:#f0e8c8;background:#263b43;border:1px solid #648383;padding:3px 5px;margin-right:3px}.ability-bar{position:absolute;right:20px;bottom:18px;z-index:6;display:flex;gap:8px}.ability{position:relative;display:grid;grid-template-columns:25px 28px;grid-template-rows:27px 13px;align-items:center;column-gap:4px;width:78px;height:52px;padding:5px;background:#102532e8;border:2px solid #6cbda9;color:#dcf9e7;box-shadow:3px 3px 0 #061522;cursor:pointer;text-align:left;overflow:hidden}.ability:hover,.ability:focus-visible{border-color:#b2ffe0;background:#21423f}.ability-key{grid-row:1;font-size:16px;font-weight:900;color:#081e28;background:var(--mint);display:grid;place-items:center;height:23px}.ability-symbol{grid-row:1;font-size:22px;color:var(--gold);text-align:center;line-height:1}.ability-name{grid-column:1/3;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:10px;letter-spacing:.12em;text-align:center}.ability-cooldown{position:absolute;inset:0;background:#08111ac9;display:none;place-items:center;font-size:19px;font-weight:900;color:#fff}.ability.cooling .ability-cooldown{display:grid}.move-hint{position:absolute;left:20px;bottom:18px;z-index:6;padding:8px 10px;color:#a8c5c0;background:#061722bd;border:1px solid #79c9bf3d;font-size:10px;letter-spacing:.03em}.pause-button{position:absolute;top:87px;right:20px;z-index:6;width:30px;height:28px;padding:0;border:1px solid #668b8f;background:#0a1a24bb;color:#d2ebe0;cursor:pointer}.pause-button:hover{border-color:var(--mint)}.aim-cursor{position:absolute;z-index:4;pointer-events:none;width:18px;height:18px;margin:-9px 0 0 -9px;border:1px solid #bcffe9;box-shadow:0 0 0 2px #08202c88;transform:rotate(45deg);display:none}.result-icon{font-size:56px;color:var(--mint);margin:14px 0 4px;text-shadow:0 0 22px #7af2c277}.result-panel h2{font-size:35px;letter-spacing:.08em}.result-panel p{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;color:#aac1c0;margin:12px 0 21px}.result-stats{display:flex;border-top:1px solid #456c70;border-bottom:1px solid #456c70;padding:13px 0;gap:4px}.result-stats>div{flex:1;display:flex;flex-direction:column;gap:6px}.result-stats span{font-size:10px;color:#8fa8aa}.result-stats strong{font-size:22px;color:var(--gold)}.footer{padding-top:18px;color:#7d969a;font-size:11px;letter-spacing:.04em}.footer-dot{width:5px;height:5px;margin-right:7px;vertical-align:2px}@media(max-width:800px){.shell{width:calc(100% - 20px);padding-top:10px}.topbar{height:40px;margin-bottom:10px}.brand{font-size:13px;gap:6px}.brand-mark{font-size:19px}.brand-tag,.prototype-tag{display:none}.game-frame{aspect-ratio:4/5}.game-frame canvas{object-fit:cover}.hud{top:9px;padding:5px;min-width:unset}.hud-left{left:8px}.hud-right{right:8px}.hud-label{font-size:8px}.hud-label span{display:none}.hearts{font-size:16px;letter-spacing:1px}.timer,.breaks{font-size:19px}.ability-bar{right:9px;bottom:10px}.move-hint{left:9px;bottom:10px;max-width:150px;font-size:9px}.pause-button{top:54px;right:9px}.footer{line-height:1.5;font-size:10px}.footer span:last-child{display:none}.intro-panel,.result-panel{width:min(360px,91%);padding:22px 20px}.intro-panel h1{font-size:39px}.intro-copy{font-size:12px}.intro-controls{gap:8px;font-size:9px}}@media(max-width:460px){.game-frame{aspect-ratio:3/4}.overlay{align-items:center}.intro-panel{transform:scale(.9)}.hud-center{top:8px}.hud-left,.hud-right{top:8px}.ability{width:65px;height:47px;grid-template-columns:23px 23px}.move-hint{display:none}.footer{padding-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:800px){.game-frame{aspect-ratio:8/5}.game-frame canvas{object-fit:fill}}
@media(max-width:460px){.game-frame{aspect-ratio:8/5}.intro-panel{transform:scale(.76)}}
.shell{width:min(1240px,calc(100% - 48px),calc(160vh - 216px))}
@media(max-width:800px){.shell{width:calc(100% - 20px)}.intro-panel{transform:scale(.88)}}
@media(max-width:600px) and (orientation:portrait){
  .game-frame{aspect-ratio:auto;height:min(68vh,480px);min-height:400px;background:radial-gradient(circle,#183941,#0b1d27 72%)}
  .game-frame canvas{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:auto;aspect-ratio:8/5}
  .result-panel{transform:scale(.88)}
  .intro-panel{transform:scale(.79)}
}
@media(max-width:600px){.footer>span{display:none!important}.footer:before{content:"● 点按战场移动，点击 Q/W/E/R 施法；横屏体验更佳。";color:#8aa7a7}}
.intro-actions,.loadout-actions{display:flex;gap:10px;align-items:stretch}.intro-actions .primary-button,.loadout-actions .primary-button{flex:1;margin-top:18px}.secondary-button{min-width:110px;margin-top:18px;padding:10px 12px;border:2px solid #6aa79e;background:#18323c;color:#d7f4e9;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;font-weight:800;cursor:pointer}.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--mint);background:#254b50}.intro-controls{line-height:1.5}
.loadout-panel{width:min(580px,94%);max-height:calc(100% - 16px);overflow-y:auto;padding:17px 20px 18px;border:2px solid #79c9bf;background:linear-gradient(145deg,#1b3038f5,#0c1725f8 62%);box-shadow:8px 8px 0 #06101b,0 0 0 6px #0c1b25b8,0 0 75px #6bdfc222}.loadout-panel h2{margin:6px 0 3px;text-align:center;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:24px;letter-spacing:.08em;color:#e5fff2}.loadout-help{margin:0 0 10px;text-align:center;font-size:10px;color:#a9c2c4;line-height:1.5}.loadout-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}.loadout-slot{min-width:0;min-height:48px;padding:5px 7px;border:2px solid #477b7f;background:#102831;color:#dff6ef;text-align:left;cursor:pointer}.loadout-slot.active{border-color:var(--mint);background:#214841;box-shadow:0 0 0 2px #7af2c22c}.loadout-slot-key{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:5px;background:var(--mint);color:#0c2229;font-weight:900}.loadout-slot-name{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;font-size:12px}.loadout-slot-role{display:block;margin-top:3px;color:#9cbabb;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loadout-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.loadout-card{position:relative;min-width:0;min-height:65px;padding:7px 8px;border:1px solid #4a6e79;background:#10212f;color:#e7f4ee;text-align:left;cursor:pointer}.loadout-card:hover,.loadout-card:focus-visible{border-color:var(--skill-color);background:#1e3740}.loadout-card.equipped{border-color:var(--skill-color)}.loadout-card.chosen{box-shadow:inset 0 0 0 1px var(--skill-color)}.loadout-card-symbol{display:inline-block;min-width:20px;color:var(--skill-color);font-size:20px;vertical-align:middle}.loadout-card-name{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;font-weight:800}.loadout-card-tag{float:right;color:var(--skill-color);font-size:9px}.loadout-card-description{display:block;margin-top:3px;color:#9fb9bd;font-size:9px;line-height:1.35}.loadout-actions .secondary-button,.loadout-actions .primary-button{margin-top:11px}.loadout-actions .primary-button{padding:9px 12px;font-size:14px}.ability:focus-visible{outline:2px solid #e9ffdd;outline-offset:2px}
@media(max-width:600px){.loadout-panel{width:96%;padding:12px;max-height:calc(100% - 10px)}.loadout-panel h2{font-size:20px}.loadout-pool{grid-template-columns:repeat(2,minmax(0,1fr))}.loadout-card{min-height:57px;padding:5px 6px}.loadout-card-description{font-size:8px}.loadout-slots{gap:4px}.loadout-slot{padding:4px;min-height:44px}.loadout-slot-key{margin-right:2px}.loadout-slot-name{font-size:10px}.loadout-slot-role{font-size:8px}.intro-actions .primary-button,.intro-actions .secondary-button{font-size:12px;padding:10px 6px}.footer:before{content:"● 点按战场移动，点击 Q/W/E/R 施法；横屏体验更佳。"}}
.stage-label{margin-top:3px;border-top:1px solid #78c9bd3d;padding-top:3px;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.stage-banner{position:absolute;top:25%;left:50%;z-index:6;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;min-width:190px;padding:7px 14px;border:1px solid #ffd27a99;background:#071923df;box-shadow:3px 3px 0 #07131eaa;pointer-events:none;text-align:center;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
.stage-banner strong{color:#ffe1a0;font-size:13px;letter-spacing:.1em}.stage-banner span{color:#b7d4cf;font-size:10px;white-space:nowrap}
@media(min-width:601px){.loadout-panel{width:min(630px,96%)}.loadout-pool{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:460px){.stage-label{font-size:8px}.stage-banner{top:26%;min-width:150px;padding:5px 8px}.stage-banner strong{font-size:11px}.stage-banner span{font-size:9px}}
.breaks span{font-size:13px;color:#9ab9b7;margin-left:2px;text-shadow:none}
.mission-step{margin-top:3px;padding-top:3px;border-top:1px solid #78c9bd3d;color:var(--gold);font-size:9px;font-weight:800;white-space:nowrap}
#missionHud.milestone{border-color:#a6ffd7;box-shadow:0 0 16px #7af2c255}
#missionHud.complete .breaks,#missionHud.complete .mission-step{color:var(--mint)}
.result-panel[data-outcome="incomplete"] .result-icon{color:var(--gold)}
.result-panel[data-outcome="lost"] .result-icon{color:var(--rose)}
@media(max-width:800px){.breaks span{font-size:10px}.mission-step{font-size:7px}}
.level-transition{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#07121dd9;pointer-events:none}
.transition-card{display:flex;flex-direction:column;align-items:center;gap:9px;width:min(340px,82%);padding:25px 18px;border:2px solid var(--mint);background:#102832;box-shadow:7px 7px 0 #051018,0 0 38px #7af2c244;text-align:center;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
.transition-kicker{color:var(--mint);font:800 11px ui-monospace,monospace;letter-spacing:.2em}
.transition-card strong{color:#edfff4;font-size:25px;text-shadow:3px 3px #174b50}
.transition-card>span:not(.transition-kicker){color:var(--gold);font-size:14px;font-weight:800}
.transition-card small{color:#afcbc6;font-size:11px}
@media(max-width:600px){.transition-card{width:min(300px,88%);padding:18px 12px;gap:6px}.transition-card strong{font-size:20px}.transition-card>span:not(.transition-kicker){font-size:12px}.transition-card small{font-size:9px}.result-stats{gap:2px}.result-stats strong{font-size:18px}.result-stats span{font-size:8px}}