@font-face{font-family:LocalUI;src:local('Microsoft YaHei UI')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#b5bdc0;color:#edf4f4;font-family:LocalUI,'Microsoft YaHei',sans-serif}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible{outline:2px solid #85e9e8;outline-offset:4px}button:hover:not(:disabled){border-color:#72d5d7;background-color:#263e46}kbd{font:10px Consolas,monospace;border:1px solid #71858e66;padding:4px 6px;border-radius:3px;color:#dbe7eb}#game,#world{width:100%;height:100%;display:block;position:absolute;inset:0}#world{touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0d1c29bb 0,transparent 25%,transparent 70%,#12243099 100%)}.masthead{position:absolute;top:25px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.identity{display:flex;gap:14px;align-items:center}.brand-mark{border:1px solid #b6d6df88;width:47px;height:47px;display:flex;align-items:center;justify-content:center;font:italic 28px Georgia,serif}.brand-mark span{font-size:15px;margin-top:12px}h1{font-size:20px;letter-spacing:5px;margin:0 0 6px;font-weight:600}.identity p{font:9px Consolas,monospace;letter-spacing:2px;margin:0;color:#bdcdd3}.identity p span{padding:0 6px;color:#81d9dd}.header-actions{display:flex;gap:10px;align-items:center;pointer-events:auto}.header-actions button{background:#152a35c9;border:1px solid #77909c66;padding:10px 13px;font-size:11px;border-radius:3px}.build-label{font:10px LocalUI,sans-serif;letter-spacing:2px;margin-right:14px;color:#c1cdd1}.top-hud{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:430px;display:flex;align-items:flex-start;justify-content:center;gap:37px;pointer-events:none}.micro{font-size:10px;letter-spacing:2px;color:#bccbd0}.health-block{width:146px;padding-top:4px}.health-block .micro{display:flex;justify-content:space-between;letter-spacing:1px;font-size:9px}.health-block strong{font:10px Consolas,monospace;color:white}.health-track{height:6px;background:#14253088;margin:10px 0 7px;overflow:hidden}.health-track i{height:100%;background:#77ddda;display:block;transition:width .15s;width:100%}.subtle{font:9px Consolas,monospace;letter-spacing:1px;color:#b7c7cd}.timer-block{display:flex;align-items:center;flex-direction:column;margin-top:-6px}.timer-block strong{font:37px Consolas,monospace;font-weight:400;letter-spacing:-2px;line-height:1.2}.timer-block>span:last-child{font-size:9px;letter-spacing:2px;color:#80dfde;margin-top:5px}.kill-block{display:flex;flex-direction:column;text-align:right}.kill-block strong{font:27px Consolas,monospace;line-height:1.2}.mission-tag{position:absolute;top:128px;left:34px;display:flex;gap:10px;font-size:11px;letter-spacing:1px;color:#243b45;pointer-events:none}.mission-tag>i{width:6px;height:6px;transform:rotate(45deg);background:#2f7f85;margin-top:5px}.mission-tag span{display:block;font-size:10px;letter-spacing:0;margin-top:6px;color:#4c626b}.map-panel{position:absolute;right:32px;bottom:130px;width:146px;background:#172933cf;border:1px solid #b0c3cb44;padding:10px}.map-panel .micro{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.map-panel canvas{width:124px;height:124px;display:block;margin:7px 0 2px}.map-legend{display:flex;justify-content:space-between;font-size:8px;color:#adbec6}.map-legend i{display:inline-block;width:4px;height:4px;background:#6bf6e6;margin-right:5px}.map-legend span:last-child i{background:#da9c97}.bottom-hud{position:absolute;bottom:27px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.move-guide{display:flex;gap:13px;align-items:center;font-size:11px;line-height:1.8}.move-guide span{display:block;color:#becbd0;font-size:9px}.keys{text-align:center}.keys>kbd{display:inline-block;margin-bottom:3px}.keys div{display:flex;gap:3px}.keys kbd{background:#233845aa;min-width:22px;padding:2px 5px}.loadout{width:395px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);pointer-events:auto}.xp-row{display:flex;gap:10px;align-items:center;font:10px Consolas,monospace;color:#d8e7e8;margin-bottom:10px}.xp-track{height:3px;flex:1;background:#233b4899}.xp-track i{display:block;width:0;height:100%;background:#7bdddc}.skills{display:flex;gap:8px;height:62px}.weapon-slot,.pulse-slot{background:#162b36e8;border:1px solid #77919c66;display:flex;align-items:center;gap:12px;padding:11px 15px;border-radius:3px}.weapon-slot{flex:1}.skills small{display:block;font-size:8px;letter-spacing:1px;color:#aac2cb;margin-top:5px}.skills div{font-size:11px}.skill-symbol{font-size:28px;color:#8edcde;line-height:1}.active-dot{background:#79e3bf;width:4px;height:4px;border-radius:50%;margin-left:auto}.pulse-slot{flex:1.12;position:relative;overflow:hidden;text-align:left}.pulse-slot>*{z-index:1}.pulse-slot kbd{margin-left:auto;font-size:8px}.pulse-slot>i{position:absolute;bottom:0;left:0;height:2px;background:#7dddda;width:100%;z-index:0}.save-indicator{font-size:9px;color:#b4c8ce;display:grid;grid-template-columns:6px auto;gap:6px}.save-indicator i{width:4px;height:4px;background:#7bcdc0;border-radius:50%;align-self:center}.save-indicator small{grid-column:2;font:9px Consolas,monospace;text-align:right;color:#95aeb7}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#16263045;backdrop-filter:blur(3px)}.overlay[hidden]{display:none}.overlay.intro{justify-content:flex-start;padding-left:8%;background:linear-gradient(90deg,#11232bb0,transparent 75%);backdrop-filter:none}.panel{max-width:640px;width:calc(100% - 40px);padding:35px;background:#12252eed;border:1px solid #adc5ce44;border-top:2px solid #7bdcd8;box-shadow:0 20px 70px #0c1f2840}.intro .panel{width:365px}.eyebrow{font:10px Consolas,monospace;letter-spacing:3px;color:#85d5d8;margin:0 0 20px}.panel h2{font-size:30px;letter-spacing:3px;margin:0 0 14px;font-weight:500}.panel-copy{font-size:12px;color:#acbfc8;line-height:1.9;margin:0 0 23px}.brief{display:flex;gap:26px;padding:17px 0 20px;border-top:1px solid #78939b33;margin-top:25px}.brief span{font-size:9px;color:#a3bac4}.brief strong{display:block;font:22px Consolas,monospace;margin-top:7px;color:#eff8f8}.primary,.secondary{min-height:43px;border:1px solid #789da8;background:#74d3d3;color:#12303b;padding:10px 23px;font-size:12px;border-radius:2px}.primary:hover:not(:disabled){background:#94e9e4;color:#14343b}.secondary{background:transparent;color:#c6dbe2;margin-left:8px;border-color:#5c798866}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.panel-actions .secondary{margin:0}.small-note{font-size:9px;color:#799aa8;line-height:1.7;margin:17px 0 0}.upgrades{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.upgrade{display:flex;flex-direction:column;text-align:left;background:#203640;border:1px solid #52717f66;min-height:175px;padding:17px;color:white}.upgrade .symbol{font:33px Consolas,monospace;color:#96e4df;margin-bottom:20px}.upgrade strong{font-size:15px;font-weight:500}.upgrade small{font-size:10px;color:#b4cbd4;margin-top:9px;line-height:1.7}.upgrade em{font:8px Consolas,monospace;letter-spacing:1px;color:#6e959f;margin-top:18px}.stats{display:flex;gap:35px;margin:27px 0}.stats div{font-size:11px;color:#a5bec7}.stats strong{display:block;font:28px Consolas,monospace;color:white;margin:9px 0}#toast{position:absolute;left:50%;top:23%;transform:translateX(-50%);background:#122d39d9;border:1px solid #6b9eae77;padding:10px 18px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#damage-flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #d14532;opacity:0}#touch-controls{display:none} @media(max-width:1000px){.top-hud{top:105px;gap:22px}.mission-tag{top:195px}.build-label{display:none}.map-panel{bottom:120px;right:20px;width:116px}.map-panel canvas{width:94px;height:94px}.loadout{width:350px}.move-guide{font-size:9px}.save-indicator{display:none}.masthead{left:22px;right:22px}}@media(max-width:640px){.masthead{top:16px;left:16px;right:16px}h1{font-size:16px}.identity p{font-size:7px;letter-spacing:1px}.brand-mark{display:none}.header-actions button{padding:8px;font-size:9px}.top-hud{top:79px;width:calc(100% - 36px);gap:24px;justify-content:space-between}.health-block{width:120px}.timer-block strong{font-size:30px}.kill-block strong{font-size:24px}.mission-tag,.map-panel,.move-guide{display:none}.bottom-hud{bottom:20px;left:15px;right:15px}.loadout{width:min(350px,100%)}.skills{height:55px}.skills div{font-size:10px}.overlay.intro{justify-content:center;padding-left:0}.intro .panel{width:calc(100% - 38px)}.panel{padding:24px}.panel h2{font-size:25px}.upgrades{grid-template-columns:1fr;margin-top:16px;gap:8px}.upgrade{min-height:68px;display:grid;grid-template-columns:36px 1fr;gap:0 10px;padding:12px}.upgrade .symbol{grid-row:1 / 3;margin:0;font-size:28px}.upgrade small{margin-top:5px}.upgrade em{display:none}.panel-copy{margin-bottom:15px}.stats{gap:20px}}@media(pointer:coarse){#touch-controls{display:block;position:absolute;bottom:135px;left:22px;right:22px;pointer-events:none}#joystick{width:95px;height:95px;background:#233b4533;border:1px solid #cadcdd66;border-radius:50%;display:grid;place-items:center;pointer-events:auto;touch-action:none}#joystick i{width:37px;height:37px;background:#c0e5e777;border:1px solid #c2ececaa;border-radius:50%;pointer-events:none}#touch-pulse{position:absolute;right:4px;bottom:13px;width:65px;height:65px;border-radius:50%;border:1px solid #a4d7de88;background:#1e3d48aa;color:#a0e1de;font-size:34px;pointer-events:auto;touch-action:none}}