:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#e9f4e9;background:#07120f;font-synthesis:none;--signal: #84edbd;--warning: #f1bd4b;--danger: #ef5b48}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}body,button{-webkit-tap-highlight-color:transparent}#game-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;font-family:Arial Narrow,DIN Condensed,PingFang SC,sans-serif;letter-spacing:.04em}.hud__vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,9,7,.32),transparent 18%,transparent 72%,rgba(3,8,6,.6)),radial-gradient(circle,transparent 52%,rgba(2,8,6,.38) 100%)}.hud__damage{position:absolute;inset:0;opacity:0;background:radial-gradient(circle,transparent 46%,rgba(155,24,20,.34) 100%),linear-gradient(180deg,rgba(155,24,20,.18),transparent 34%,rgba(155,24,20,.18));transition:opacity .14s ease}.hud__damage.is-visible{opacity:1}.hud__mission{position:absolute;top:28px;left:32px;display:grid;gap:2px;padding:13px 20px 14px 18px;min-width:310px;border-left:3px solid var(--signal);background:linear-gradient(90deg,#05120ed6,#05120e14);text-shadow:0 2px 8px #000}.hud__eyebrow{color:var(--signal);font-size:12px;text-transform:uppercase}.hud__mission strong{font-size:22px;text-transform:uppercase}.hud__mission small{color:#b9c7bd;font-family:PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}.hud__stats{position:absolute;left:30px;bottom:36px;display:grid;width:260px;gap:8px}.stat{position:relative;display:grid;grid-template-columns:52px 1fr;align-items:center;height:28px;overflow:hidden;background:#05100dc2;border:1px solid rgba(226,242,229,.17)}.stat span,.stat b{z-index:1;padding-left:9px}.stat b{justify-self:end;padding:0 9px;font-size:18px}.stat i{position:absolute;inset:0;width:var(--value);background:#6ddc9d66}.stat--armor i{background:#50a3da66}.hud__ammo{position:absolute;right:32px;bottom:34px;display:grid;min-width:220px;text-align:right;text-shadow:0 2px 8px #000}.hud__ammo>span{color:#9bad9f;font-size:12px}.hud__ammo>span.is-reloading{color:var(--warning)}.hud__ammo>strong{color:#f4f0df;font-size:24px;text-transform:uppercase}.hud__ammo div{display:flex;align-items:baseline;justify-content:flex-end;gap:8px}.hud__ammo div b{color:var(--warning);font-size:48px;line-height:.95}.hud__ammo em{color:#9bad9f;font-size:12px;font-style:normal}.hud__inventory{position:absolute;right:32px;bottom:125px;display:flex;gap:14px;color:#b8c7ba;font-size:13px}.hud__inventory b{color:#fff;font-size:16px}.crosshair{position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px #000)}.crosshair i{position:absolute;display:block;background:#eafaede0}.crosshair i:nth-child(1),.crosshair i:nth-child(2){left:13px;width:2px;height:7px}.crosshair i:nth-child(1){top:0}.crosshair i:nth-child(2){bottom:0}.crosshair i:nth-child(3),.crosshair i:nth-child(4){top:13px;width:7px;height:2px}.crosshair i:nth-child(3){left:0}.crosshair i:nth-child(4){right:0}.crosshair span{position:absolute;top:13px;left:7px;display:block;width:14px;height:2px;opacity:0;background:#fff;transform:rotate(45deg)}.crosshair span:last-child{transform:rotate(-45deg)}.crosshair.is-hit span{animation:hitmarker .16s ease-out}.crosshair.is-kill span{background:var(--danger);animation:hitmarker .3s ease-out}@keyframes hitmarker{0%{opacity:1;transform:scale(1.5) rotate(45deg)}to{opacity:0;transform:scale(.8) rotate(45deg)}}.crosshair.is-hit span:last-child,.crosshair.is-kill span:last-child{animation-name:hitmarker-alt}@keyframes hitmarker-alt{0%{opacity:1;transform:scale(1.5) rotate(-45deg)}to{opacity:0;transform:scale(.8) rotate(-45deg)}}.hud__combat{position:absolute;top:74px;right:28px;display:flex;align-items:baseline;gap:8px;color:#97a99e;font-size:12px}.hud__combat b{color:var(--danger);font-size:24px}.hud__network{position:absolute;top:108px;right:28px;color:#9fcab5;font-size:12px;text-shadow:0 2px 8px #000}.hud__toast,.hud__combat-toast{position:absolute;left:50%;opacity:0;transform:translate(-50%,8px);transition:opacity .16s ease,transform .16s ease;text-shadow:0 2px 7px #000}.hud__toast{bottom:24%;padding:9px 18px;color:var(--signal);background:#04100ccc;border:1px solid rgba(132,237,189,.35);font-size:16px}.hud__combat-toast{top:57%;color:#f5d98c;font-size:18px}.hud__toast.is-visible,.hud__combat-toast.is-visible{opacity:1;transform:translate(-50%)}.hud__hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);color:#e7f2e8b3;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;letter-spacing:0}.hud__perf{position:absolute;top:24px;right:28px;display:flex;gap:12px;padding:7px 10px;color:#a9bbb0;background:#030c098f;border:1px solid rgba(151,213,177,.14);font-size:12px}.touch-controls{position:absolute;inset:0;display:none;pointer-events:none;touch-action:none}.touch-controls.is-visible{display:block}.touch-look-zone{position:absolute;z-index:1;inset:0 0 0 40%;pointer-events:auto;touch-action:none}.touch-joystick{position:absolute;z-index:3;left:max(16px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:116px;height:116px;border:1px solid rgba(132,237,189,.38);border-radius:50%;background:radial-gradient(circle,#84edbd1f,#05120e21 62%,#05120e6b);pointer-events:auto;touch-action:none}.touch-joystick i{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#84edbd7a;box-shadow:0 0 16px #84edbd33}.touch-buttons{position:absolute;z-index:3;right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:218px;height:166px;pointer-events:none}.touch-button{position:absolute;width:46px;height:46px;color:#eaf7ee;background:#08141180;border:1px solid rgba(220,242,227,.3);border-radius:50%;font:700 11px PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0;text-shadow:0 1px 4px #000;touch-action:none;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.touch-button:active{color:#06110d;background:var(--signal)}.touch-button--fire{right:0;bottom:48px;width:74px;height:74px;border-color:#ef5b488c;background:radial-gradient(circle,#a8332794,#4d120ead);box-shadow:0 0 0 5px #ef5b4814;font-size:13px}.touch-button--aim{right:80px;bottom:116px}.touch-button--jump{right:132px;bottom:92px}.touch-button--reload{right:80px;bottom:64px}.touch-button--switch{right:132px;bottom:40px}.touch-button--grenade{right:172px;bottom:88px;width:42px;height:42px}.touch-button--mine{right:172px;bottom:38px;width:42px;height:42px}.touch-button--sprint{right:8px;bottom:0;width:64px;height:34px;border-radius:17px}.pause{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:auto;background:linear-gradient(90deg,#030b08eb,#030b0899),repeating-linear-gradient(120deg,transparent 0 34px,rgba(119,205,156,.025) 34px 35px);transition:opacity .18s ease,visibility .18s ease}.pause.is-visible{opacity:1;visibility:visible}.pause__panel{width:min(560px,calc(100vw - 40px));padding:38px 42px 32px;border:1px solid rgba(147,222,179,.25);border-left:4px solid var(--signal);background:#07140fd1;box-shadow:0 26px 90px #0000007a}.pause__kicker{color:var(--signal);font-size:13px;text-transform:uppercase}.pause h1{margin:4px 0 8px;color:#f1f4e9;font-size:clamp(56px,8vw,88px);line-height:.9;text-transform:uppercase}.pause p{margin:20px 0 28px;max-width:440px;color:#b9c7bd;font-family:Noto Sans SC,sans-serif;line-height:1.75;letter-spacing:0}.pause button{width:100%;padding:14px 22px;color:#07130e;background:var(--signal);border:0;font:700 20px Arial Narrow,DIN Condensed,PingFang SC,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,background .12s ease}.pause button:hover{transform:translateY(-2px);background:#a0f5cd}.pause button:focus-visible{outline:3px solid #fff;outline-offset:3px}.pause [data-resume]{display:none}.pause.has-started [data-resume]{display:block}.pause.has-started .difficulty-picker,.pause.has-started .character-picker,.pause.has-started .bl-entry,.pause.has-started .pause__divider{display:none}.bl-entry{display:grid;gap:3px;margin:0 0 8px;text-align:left;background:linear-gradient(110deg,#5bc7ff,#8a6fff)!important;box-shadow:0 12px 34px #4da6ff33}.bl-entry strong{font-size:22px}.bl-entry span{font:500 13px PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0;opacity:.8}.pause__divider{display:flex;align-items:center;gap:12px;margin:18px 0 4px;color:#718078;font-size:11px}.pause__divider:before,.pause__divider:after{content:"";height:1px;flex:1;background:#93deb324}.character-picker{display:grid;gap:9px;margin:15px 0 8px}.character-picker>span{color:#8fa59a;font-size:12px}.character-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.character-picker button{padding:10px 6px;color:#dcebe2;background:#0c1c17db;border:1px solid rgba(132,237,189,.2);font-size:15px;letter-spacing:0}.character-picker button.is-selected{color:#06110d;background:var(--warning);border-color:var(--warning)}.bl-matchmaking,.bl-countdown{position:absolute;inset:0;z-index:12;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(circle,#122d3ac7,#03090cf5);transition:opacity .18s ease,visibility .18s ease}.bl-matchmaking.is-visible,.bl-countdown.is-visible{opacity:1;visibility:visible;pointer-events:auto}.bl-matchmaking__panel{width:min(460px,calc(100vw - 36px));padding:40px;text-align:center;border:1px solid rgba(116,205,255,.28);background:#051219e0;box-shadow:0 30px 90px #00000073}.bl-matchmaking__panel>span{color:#70cfff;font-size:12px}.bl-matchmaking h2{margin:8px 0 4px;font-size:54px}.bl-matchmaking p{margin:8px 0 20px;color:#c1d1d8}.bl-matchmaking button{width:100%;margin-top:22px;padding:12px;color:#d6e8ef;background:transparent;border:1px solid rgba(214,232,239,.28);font:700 15px PingFang SC,sans-serif;cursor:pointer}.bl-matchmaking__pulse{display:flex;justify-content:center;gap:9px;height:18px}.bl-matchmaking__pulse i{width:8px;height:8px;border-radius:50%;background:#70cfff;animation:bl-pulse 1s ease-in-out infinite}.bl-matchmaking__pulse i:nth-child(2){animation-delay:.14s}.bl-matchmaking__pulse i:nth-child(3){animation-delay:.28s}@keyframes bl-pulse{0%,to{opacity:.22;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.bl-countdown{color:#edfaff;background:#030a0ead}.bl-countdown span{position:absolute;top:calc(50% - 86px);color:#9edcff;font-size:16px}.bl-countdown strong{font-size:clamp(100px,22vw,210px);line-height:1;text-shadow:0 0 50px rgba(80,190,255,.55)}.bl-battle-hud{position:absolute;top:20px;left:50%;z-index:4;display:none;grid-template-columns:minmax(150px,1fr) 155px minmax(150px,1fr);width:min(720px,calc(100vw - 380px));min-width:520px;transform:translate(-50%);text-shadow:0 2px 8px #000}.bl-battle-hud.is-visible{display:grid}.bl-battle-hud__side{display:grid;gap:5px;padding:10px 15px;background:#051017c7}.bl-battle-hud__side span{color:#aec2ca;font-size:12px}.bl-battle-hud__side strong{font-size:15px}.bl-battle-hud__side small{color:#b9cbd0;font-size:11px}.bl-battle-hud__side b{font-size:22px}.bl-battle-hud__side small b{font-size:15px}.bl-battle-hud__side--blue{border-bottom:3px solid #4da6ff}.bl-battle-hud__side--blue b{color:#72bdff}.bl-battle-hud__side--red{border-bottom:3px solid #e05252;text-align:right}.bl-battle-hud__side--red b{color:#f77}.bl-battle-hud__center{display:grid;place-items:center;padding:5px 10px;background:#030a0ee6}.bl-battle-hud__center small{color:#8ca2aa;font-size:10px}.bl-battle-hud__center strong{font-size:27px;line-height:1}.bl-battle-hud__center span{color:#b7c8ce;font-size:10px}.bl-battle-hud__center [data-team=blue]{color:#72bdff}.bl-battle-hud__center [data-team=red]{color:#f77}.bl-voice-toggle{pointer-events:auto;padding:5px 10px;color:#d9eef4;background:#0c1c27e0;border:1px solid rgba(114,189,255,.28);border-radius:999px;font:700 11px PingFang SC,Microsoft YaHei,sans-serif;cursor:pointer}.bl-voice-toggle.is-active{color:#06110d;background:#84edbd;border-color:#84edbd}.pause.is-bl h1{font-size:clamp(48px,7vw,78px)}.pause.is-bl h1:after{content:" · BL";color:#70cfff}.difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 8px}.difficulty-picker button{padding:13px 8px;color:#eaf7ee;background:#0e271ee6;border:1px solid rgba(132,237,189,.34);font-size:19px}.difficulty-picker button:hover{color:#06110d;background:var(--warning);border-color:var(--warning)}.pause__share{display:grid;gap:10px;margin:18px 0 4px}.pause__share-title{color:#8fa59a;font-size:12px;text-transform:uppercase}.pause__share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pause__share-button{width:100%!important;padding:11px 8px!important;color:#dcebe2!important;background:#0c1c17db!important;border:1px solid rgba(132,237,189,.2)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important}.pause__share-button:hover{color:#06110d!important;background:#84edbdf2!important;border-color:#84edbdf2!important}.pause__share-status{min-height:20px;color:#89b89e!important;font-size:12px!important;line-height:1.5}.pause__controls{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;margin:22px 0;color:#b9c7bd;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;letter-spacing:0}kbd{display:inline-block;min-width:55px;margin-right:8px;padding:3px 7px;color:#edf5ec;text-align:center;background:#162a21;border:1px solid #3e5a4c;border-radius:3px;box-shadow:inset 0 -2px #0000004d}.pause small{color:#708078;font-family:PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}@media(max-width:700px){.hud__mission{left:16px;right:16px;min-width:0}.hud__stats{left:16px;width:200px}.hud__ammo,.hud__inventory{right:16px}.hud__perf,.hud__hint{display:none}.pause__panel{padding:28px 24px}.pause__share-grid{grid-template-columns:repeat(2,1fr)}.bl-battle-hud{top:8px;grid-template-columns:1fr 110px 1fr;min-width:0;width:calc(100vw - 20px)}.bl-battle-hud__side{padding:7px 8px}.bl-battle-hud__center strong{font-size:20px}}@media(pointer:coarse)and (orientation:landscape),(orientation:landscape)and (max-height:500px){.hud{letter-spacing:.02em}.hud.is-bl-active .hud__mission,.hud.is-bl-active .hud__combat,.hud.is-bl-active .hud__network{display:none}.hud__mission{top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));min-width:190px;max-width:230px;padding:6px 10px 7px 9px;border-left-width:2px}.hud__eyebrow{font-size:9px}.hud__mission strong{font-size:15px}.hud__mission small,.hud__hint,.pause__controls{display:none}.pause__share{margin-top:14px}.pause__share-grid{grid-template-columns:repeat(2,1fr);gap:6px}.pause__share-button{padding:8px 6px!important;font-size:12px!important}.pause__share-status{min-height:16px;font-size:10px!important}.hud__stats{left:max(10px,env(safe-area-inset-left));bottom:calc(max(12px,env(safe-area-inset-bottom)) + min(106px,27vh));width:136px;gap:3px}.stat{height:19px;grid-template-columns:36px 1fr;font-size:10px}.stat span,.stat b{padding-left:6px}.stat b{padding-right:6px;font-size:12px}.hud__ammo{right:calc(max(12px,env(safe-area-inset-right)) + 226px);bottom:max(8px,env(safe-area-inset-bottom));min-width:104px}.hud__ammo>span{font-size:9px}.hud__ammo>strong{font-size:14px}.hud__ammo div{gap:5px}.hud__ammo div b{font-size:31px}.hud__ammo em{font-size:9px}.hud__inventory{right:calc(max(12px,env(safe-area-inset-right)) + 226px);bottom:calc(max(8px,env(safe-area-inset-bottom)) + 53px);gap:8px;font-size:9px}.hud__inventory b{font-size:11px}.hud__combat{top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));gap:5px;font-size:9px}.hud__combat b{font-size:18px}.hud__network{top:calc(max(8px,env(safe-area-inset-top)) + 25px);right:max(10px,env(safe-area-inset-right));font-size:9px}.hud__perf{display:none}.crosshair{width:24px;height:24px;transform:translate(-50%,-50%) scale(.82)}.bl-battle-hud{top:max(5px,env(safe-area-inset-top));grid-template-columns:minmax(118px,1fr) 78px minmax(118px,1fr);width:min(500px,calc(100vw - 150px));min-width:0}.bl-battle-hud__side{gap:0;padding:4px 7px 3px}.bl-battle-hud__side span{font-size:8px}.bl-battle-hud__side strong{font-size:10px;line-height:1.15}.bl-battle-hud__side b{font-size:16px}.bl-battle-hud__side small{font-size:8px}.bl-battle-hud__side small b{font-size:10px}.bl-battle-hud__side--blue,.bl-battle-hud__side--red{border-bottom-width:2px}.bl-battle-hud__center{padding:3px 4px}.bl-battle-hud__center>small,.bl-battle-hud__center [data-bl-latency]{display:none}.bl-battle-hud__center strong{font-size:19px}.bl-battle-hud__center span{font-size:8px;line-height:1.15}.bl-voice-toggle{position:fixed;top:max(7px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:34px;height:30px;padding:0;overflow:hidden;border-radius:7px;font-size:0}.bl-voice-toggle:before{content:"麦";font-size:11px}.bl-voice-toggle.is-active:before{content:"麦✓";font-size:9px}.touch-joystick{width:min(116px,28vh);height:min(116px,28vh)}.touch-buttons{transform-origin:right bottom}.pause__panel{width:min(760px,calc(100vw - 44px));max-height:calc(100vh - 28px);overflow:auto;padding:22px 28px 20px}.pause h1{font-size:clamp(42px,9vh,66px)}.pause p{margin:12px 0 16px;max-width:620px;line-height:1.55}.difficulty-picker{grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0 4px}.difficulty-picker button{padding:11px 4px;font-size:16px}.character-picker{margin:12px 0 6px}.character-picker>div{grid-template-columns:repeat(6,1fr)}.character-picker button{padding:9px 4px;font-size:13px}}@media(orientation:landscape)and (max-height:430px){.touch-buttons{transform:scale(.88)}.touch-joystick i{width:42px;height:42px;margin:-21px 0 0 -21px}}@media(pointer:coarse)and (orientation:portrait){.hud:after{content:"请横屏游玩";position:fixed;inset:0;z-index:20;display:grid;place-items:center;color:#eaf7ee;background:#030b08eb;font:700 30px PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}}