:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#eff8fb;background:#02070a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 20%,#15313a,#02070a 65%)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.game-shell{position:relative;width:min(100vw,560px);height:100dvh;min-height:620px;margin:auto;overflow:hidden;background:#071016;box-shadow:0 0 80px #000}.screen{position:absolute;inset:0}.hidden{display:none!important}.lobby,.result{padding:44px 28px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#061016c7,#060e12f5),radial-gradient(circle at 70% 18%,#164658,#071016 56%)}.brand span{font-size:12px;letter-spacing:.3em;color:#5df4d0}.brand h1{font-size:68px;line-height:.95;margin:18px 0 15px;letter-spacing:.08em}.brand p{color:#8da8b1;margin:0}.brief-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:54px 0 22px}.brief-card>div{border:1px solid #234855;background:#0b1a20cc;padding:18px 14px;min-height:125px}.brief-card b,.brief-card span{display:block}.brief-card b{color:#69f6d2;margin-bottom:13px}.brief-card span{font-size:12px;color:#a5b8be;margin-top:7px}.wide{width:100%;height:56px}.primary,.light{border:1px solid #59f8d1;border-radius:9px;background:#10b88f;color:#02130f;font-weight:900;box-shadow:0 8px 30px #00c69425}.danger-note{text-align:center;color:#ff8686;font-size:12px;margin-top:14px}.raid{background:#0a1419}.raid #canvas-wrap{position:absolute;inset:0}.raid canvas{display:block;width:100%;height:100%}.top-hud{position:absolute;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.status-panel{padding:10px 12px;border-left:3px solid #5df4d0;background:#071219d9;min-width:180px;max-width:64%;box-shadow:0 4px 18px #0008}.status-panel b,.status-panel span{display:block}.status-panel b{font-size:14px;color:#66f2cf}.status-panel span{font-size:11px;color:#b9c9ce;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minimap{width:112px;height:126px;background:#071219e8;border:2px solid #346171;position:relative}.minimap canvas{width:108px;height:108px}.minimap span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#b8cbd1}.toast{position:absolute;top:148px;left:50%;transform:translate(-50%,-10px);min-width:180px;max-width:80%;padding:9px 15px;text-align:center;border:1px solid #387084;background:#07131deb;color:#dcecf2;font-size:12px;opacity:0;transition:.18s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.toast.danger{border-color:#ff5f5f;color:#ffb0b0}.toast.loot{border-color:#ffc64f;color:#ffe092}.progress{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:200px;padding:10px;background:#07131deb;border:1px solid #45707d;text-align:center;font-size:11px}.progress:after{content:"";display:block;height:5px;margin-top:8px;background:#172c33}.progress i{position:absolute;left:10px;bottom:10px;height:5px;width:0;background:#5df4d0;max-width:180px;transition:width .05s}.right-rail{position:absolute;right:12px;top:158px;display:flex;flex-direction:column;gap:8px}.icon-btn,.item-btn{width:52px;height:52px;border:1px solid #477180;background:#09161eea;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.icon-btn span,.item-btn span{font-size:20px}.icon-btn small,.item-btn small{font-size:9px;color:#a8bdc5}.item-btn.muted{opacity:.55}.combat-controls{position:absolute;left:50%;bottom:110px;transform:translate(-50%);width:300px;height:145px;pointer-events:none}.round{position:absolute;border-radius:50%;border:2px solid #4f7182;background:#dfe8e5e8;color:#10202b;display:flex;align-items:center;justify-content:center;font-weight:800;pointer-events:auto;box-shadow:0 5px 16px #0007}.round:active{transform:scale(.94)}.round.small{width:58px;height:58px;bottom:8px;font-size:12px}.round.small:first-child{left:5px}.round.small:nth-child(3){right:5px}.round.fire{width:94px;height:94px;left:103px;bottom:0;background:#ffead8;border-color:#e9a15d;flex-direction:column}.round.fire span{font-size:24px;color:#d34e36}.round.aim{width:54px;height:54px;left:123px;top:0;font-size:34px;color:#1c6ea0}.round small{position:absolute;bottom:-16px;color:#fff;font-size:9px;text-shadow:0 1px 3px #000}.round.aim small{bottom:-15px}.round.active{box-shadow:0 0 0 4px #50e7ff55,0 5px 16px #0007;border-color:#38d8ff}.bottom-left,.bottom-right{position:absolute;bottom:12px;display:flex;flex-direction:column;gap:5px}.bottom-left{left:12px}.bottom-right{right:12px}.selector{height:29px;min-width:118px;padding:0 8px;border:1px solid #66808b;background:#e6eceb;color:#12222a;font-size:11px;text-align:left}.selector span{float:right;color:#1c5890}.action{height:51px;font-size:19px}.bottom-left .action{width:92px}.bottom-right .action{width:92px;align-self:flex-end}.light{background:#f0f3e9;border-color:#d9ae4f;color:#172027}.action.active{background:#ffc12f;border-color:#fff2a7;box-shadow:0 0 18px #ffc12f77}.weapon-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:5px}.weapon-bar>div{width:55px;height:55px;border:2px solid #395a79;background:#091521e8;display:flex;align-items:center;justify-content:center;font-size:10px;color:#81939d}.weapon-bar .active{width:70px;border-color:#ff554a;color:#fff;position:relative}.weapon-bar small{position:absolute;top:3px;left:0;right:0;text-align:center;color:#fff;font-size:9px}.inventory{position:absolute;right:0;top:0;bottom:0;width:min(84%,360px);background:#071016f7;border-left:1px solid #376070;padding:18px;z-index:10;box-shadow:-15px 0 45px #000a}.inventory header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #29424d}.inventory header button{border:0;background:transparent;font-size:28px}.inventory #loot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.loot-cell{aspect-ratio:1;border:2px solid var(--rarity);background:#10212a;padding:8px;display:flex;flex-direction:column;justify-content:flex-end}.loot-cell b{font-size:11px}.loot-cell span,.loot-cell small{font-size:9px;color:#9db2ba}.empty{color:#7b939d;font-size:12px}.result{text-align:center;align-items:center}.result-icon{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#173b31;border:2px solid #5df4d0;color:#5df4d0;font-size:50px}.result-icon.failed{background:#3b1717;border-color:#ff6565;color:#ff6565}.result h2{font-size:38px;margin:22px 0 8px}.result>p{color:#98adb4}.result-loot{width:100%;max-height:280px;overflow:auto;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-loot div{border-left:3px solid var(--rarity,#ff5f5f);background:#0d1a20;padding:12px;text-align:left}.result-loot b,.result-loot span{display:block}.result-loot b{font-size:12px}.result-loot span{font-size:10px;color:#8fa3aa;margin-top:5px}.result .wide{margin-top:auto}@media(max-height:700px){.combat-controls{bottom:90px;transform:translate(-50%) scale(.88)}.brand h1{font-size:54px}.brief-card{margin:30px 0 16px}.right-rail{top:130px}}:root .weapon-bar>button{position:relative;width:55px;height:55px;border:2px solid #395a79;background:#091521e8;display:flex;align-items:center;justify-content:center;font-size:10px;color:#81939d}:root .weapon-bar>button:active{transform:translateY(1px)}:root .weapon-bar>button.active{width:70px;border-color:#ff554a;color:#fff;box-shadow:0 0 14px #ff554a44}.target-reticle{--spread:24px;position:absolute;left:50%;top:45%;width:1px;height:1px;pointer-events:none;z-index:6;filter:drop-shadow(0 1px 2px #000);transition:opacity .12s}.target-reticle .cross{position:absolute;background:#f1f7f9;border-radius:2px;transition:transform .06s,background .15s}.target-reticle .top,.target-reticle .bottom{width:2px;height:11px;left:-1px}.target-reticle .left,.target-reticle .right{width:11px;height:2px;top:-1px}.target-reticle .top{transform:translateY(calc(-1 * var(--spread) - 11px))}.target-reticle .bottom{transform:translateY(var(--spread))}.target-reticle .left{transform:translate(calc(-1 * var(--spread) - 11px))}.target-reticle .right{transform:translate(var(--spread))}.target-reticle .center-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#ff5b4d;transform:translate(-2px,-2px)}.target-reticle .lock-ring{position:absolute;width:48px;height:48px;border:1px dashed #f1f7f9;border-radius:50%;transform:translate(-24px,-24px);opacity:.42;animation:lock-spin 4s linear infinite}.target-reticle b{position:absolute;top:30px;left:-25px;width:50px;text-align:center;font-size:8px;color:#fff;letter-spacing:.15em}.target-reticle.precise .cross,.target-reticle.precise .center-dot{background:#ffd54a}.target-reticle.precise .lock-ring{border:2px solid #ffd54a;opacity:.85}.target-reticle.searching .lock-ring{border-color:#b5c0c5}.target-reticle.kick{transform:scale(1.14)}@keyframes lock-spin{to{rotate:360deg}}.hit-marker{position:absolute;left:50%;top:45%;width:28px;height:28px;transform:translate(-14px,-14px);z-index:7;pointer-events:none}.hit-marker i{position:absolute;width:8px;height:2px;background:#fff;left:10px;top:13px}.hit-marker i:nth-child(1){transform:translate(-7px,-7px) rotate(45deg)}.hit-marker i:nth-child(2){transform:translate(7px,-7px) rotate(-45deg)}.hit-marker i:nth-child(3){transform:translate(-7px,7px) rotate(-45deg)}.hit-marker i:nth-child(4){transform:translate(7px,7px) rotate(45deg)}.hit-marker.headshot i{background:#ffd54a;box-shadow:0 0 8px #ffb300}.hit-marker.kill i{background:#ff4e4e}.floating-damage{position:absolute;z-index:8;pointer-events:none;font-weight:900;font-size:17px;color:#fff;text-shadow:0 2px 4px #000;animation:damage-float .65s ease-out forwards}.floating-damage.headshot{color:#ffd54a;font-size:23px}.floating-damage:after{content:attr(data-label);display:block;font-size:8px;text-align:center}@keyframes damage-float{to{transform:translateY(-40px) scale(1.15);opacity:0}}.screen-flash{position:absolute;inset:0;z-index:5;pointer-events:none;background:#fff;opacity:0}.screen-flash.active{animation:screen-flash .08s ease-out}@keyframes screen-flash{0%{opacity:.12}to{opacity:0}}:root .round.fire.held{transform:scale(.93);background:#ffd2b0;box-shadow:0 0 0 5px #ff8a4c55,0 0 25px #ff7338}:root .target-reticle .lock-ring{animation:none!important}:root .round.fire.ready{box-shadow:0 0 0 4px #ffd54a55,0 0 26px #ffc107;background:#fff1c2;border-color:#ffd54a}:root .joystick{position:absolute;left:18px;bottom:150px;width:108px;height:126px;z-index:6;touch-action:none;user-select:none;-webkit-user-select:none}.joystick-ring{position:absolute;left:5px;top:5px;width:98px;height:98px;border-radius:50%;border:2px solid #9ac2cf88;background:radial-gradient(circle,#15313d88 0 34%,#07141c99 35% 100%);box-shadow:inset 0 0 20px #0008,0 4px 18px #0007}.joystick-ring:after{content:"";position:absolute;inset:16px;border:1px dashed #a9d3df55;border-radius:50%}.joystick-ring i{position:absolute;left:49px;top:49px;width:42px;height:42px;margin:-21px;border-radius:50%;background:linear-gradient(145deg,#eaf3f3,#a8bac1);border:2px solid #476b78;box-shadow:0 4px 12px #0009;transform:translate(0);will-change:transform}.joystick small{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;color:#d7e4e8;text-shadow:0 1px 3px #000}.joystick.active .joystick-ring{border-color:#5df4d0;box-shadow:inset 0 0 20px #0008,0 0 18px #25e8ba55}:root .raid canvas{touch-action:none}:root .combat-controls{width:340px}:root .round.fire{left:123px}:root .round.aim{left:auto;right:8px;top:2px}:root .bottom-left,:root .bottom-right{bottom:14px}:root .restart-btn{position:absolute;left:12px;top:76px;z-index:8;height:30px;padding:0 12px;border:1px solid #ff8d7a88;border-radius:5px;background:#321719cc;color:#ffb0a5;font-size:11px;box-shadow:0 3px 12px #0007}:root .restart-btn:active{transform:scale(.96);background:#542126}:root .screen-flash.death{background:radial-gradient(circle at center,#9b000014,#340000c7);opacity:1;animation:death-pulse 1.35s ease-out forwards}@keyframes death-pulse{0%{opacity:0}18%{opacity:.95}70%{opacity:.62}to{opacity:.82}}:root .joystick{bottom:240px}@media(max-height:700px){:root .joystick{bottom:205px;transform:scale(.88);transform-origin:left bottom}}.inventory footer{position:absolute;left:18px;right:18px;bottom:18px;padding-top:12px;border-top:1px solid #29424d}.inventory footer span{display:block;height:22px;color:#9eb4bc;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory footer button{width:100%;height:42px;border:1px solid #ff806e;border-radius:7px;background:#6c2424;color:#ffd5cf;font-weight:800}.inventory footer button:disabled{opacity:.38;cursor:default}.loot-cell{cursor:pointer}.loot-cell.selected{outline:3px solid #fff1a6;outline-offset:-3px;background:#243536;box-shadow:0 0 16px #ffd75a66}.inventory #loot-grid{padding-bottom:92px;max-height:calc(100% - 58px);overflow:auto}.difficulty-select{margin:0 0 16px}.difficulty-select>b{display:block;margin-bottom:8px;color:#b7cbd2;font-size:12px;letter-spacing:.08em}.difficulty-select>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.difficulty-select button{height:50px;border:1px solid #31535f;border-radius:7px;background:#0a171dcc;color:#91a7af;font-weight:800}.difficulty-select button small{display:block;margin-top:3px;font-size:8px;color:#657e87}.difficulty-select button.active{border-color:#5df4d0;background:#12372f;color:#76f8d8;box-shadow:inset 0 0 0 1px #5df4d044}.difficulty-select button.active small{color:#b5fff0}.author-credit{position:absolute;left:0;right:0;bottom:11px;text-align:center;color:#789098;font-size:10px;letter-spacing:.06em;opacity:.72;pointer-events:none;-webkit-user-select:none;user-select:none}.how-to-btn{align-self:center;margin-top:12px;padding:8px 20px;border:1px solid #426775;border-radius:18px;background:#0b1a20;color:#cbe0e6;font-size:12px}.how-to-panel{position:absolute;inset:0;z-index:30;padding:18px;background:#02080be6;display:grid;place-items:center}.how-to-panel>div{width:100%;max-height:94%;padding:20px;border:1px solid #396574;border-radius:12px;background:#08151bf5;box-shadow:0 18px 60px #000;display:flex;flex-direction:column}.how-to-panel header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #294954}.how-to-panel header b{font-size:24px;color:#65f1cf}.how-to-panel header button{border:0;background:transparent;font-size:30px}.how-to-panel section{overflow:auto;padding:6px 3px 14px}.how-to-panel h3{margin:17px 0 7px;font-size:15px;color:#ffcf66}.how-to-panel p{margin:0;color:#c7d5da;font-size:13px;line-height:1.72}.how-to-panel strong{color:#63f1cf}.how-to-panel mark{padding:1px 4px;border-radius:3px;background:#ffd35a20;color:#ffd35a;font-weight:900}.how-to-panel em{display:block;margin-top:5px;color:#f88;font-style:normal;font-weight:800}.how-to-panel small{color:#b3c5cb;font-size:12px;line-height:1.6}.rule-card{margin-top:14px;padding:13px;border:1px solid #326a62;border-radius:8px;background:#102923}.rule-card>strong{font-size:15px}.rule-card p{margin:7px 0 4px;font-size:15px}.key-guide{display:flex;flex-wrap:wrap;gap:7px 9px;color:#bdcdd2;font-size:12px;line-height:1.8}.key-guide kbd{padding:1px 6px;border:1px solid #54717b;border-radius:4px;background:#12242b;color:#fff;font:700 11px inherit}.how-to-panel .wide{flex:0 0 auto;height:46px}:root .progress{top:29%;z-index:9}.open-crate{position:absolute;right:18px;bottom:252px;z-index:9;width:74px;height:74px;border-radius:50%;border:2px solid #ffd36a;background:#493817e8;color:#ffe9a7;font-weight:900;white-space:pre-line;line-height:1.35;box-shadow:0 0 0 5px #ffc64a28,0 8px 22px #0008}.open-crate:active{transform:scale(.94);background:#74551d}@media(max-height:700px){.open-crate{bottom:218px;transform:scale(.9);transform-origin:right bottom}}.loot-reveal{position:absolute;left:12px;right:12px;bottom:12px;z-index:20;padding:14px;border:1px solid #486a75;border-radius:11px;background:#07131af2;box-shadow:0 -10px 35px #000b}.loot-reveal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.loot-reveal header b,.loot-reveal header small{display:block}.loot-reveal header b{font-size:15px;color:#effcff}.loot-reveal header small{margin-top:3px;color:#82a1aa;font-size:9px}.loot-reveal header button{border:0;background:transparent;font-size:27px}.loot-reveal-list,#loot-reveal-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.reveal-item{position:relative;min-height:66px;padding:9px 10px;border:1px solid var(--rarity);border-left-width:4px;border-radius:6px;background:#102129;overflow:hidden;text-align:left;color:#dce9ed}.reveal-item b,.reveal-item span,.reveal-item small{display:block}.reveal-item b{font-size:12px}.reveal-item span{margin-top:5px;color:#9db2ba;font-size:9px}.reveal-item small{margin-top:3px;color:var(--rarity);font-size:9px}.reveal-item.identifying b{color:#77909a}.reveal-item.identifying:after{content:"";position:absolute;left:10px;right:10px;bottom:9px;height:4px;background:#213740}.reveal-item.identifying i{position:absolute;z-index:1;left:10px;bottom:9px;height:4px;width:0;background:var(--rarity);animation:identify-fill .72s ease-out forwards}.reveal-item.revealed{cursor:pointer;animation:loot-pop .22s ease-out}.reveal-item.picked{opacity:.38;filter:grayscale(.45);pointer-events:none}.reveal-item.picked:after{content:"已拾取";position:absolute;right:7px;top:7px;color:#68f4cf;font-size:9px;font-weight:900}@keyframes identify-fill{to{width:calc(100% - 20px)}}@keyframes loot-pop{0%{transform:scale(.94);filter:brightness(2)}to{transform:scale(1);filter:brightness(1)}}