*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none}#app canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0}.hidden{display:none!important}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0b0f14;font-size:22px;z-index:100;letter-spacing:2px}#menu,#pause,#endscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#00000040,#000000bf);z-index:20}.panel{width:min(560px,94vw);max-height:94vh;overflow:auto;background:linear-gradient(180deg,#121820eb,#0a0c10f2);border:1px solid rgba(255,190,60,.35);box-shadow:0 0 40px #0009,inset 0 0 0 1px #ffffff0a;padding:22px 26px;border-radius:6px}.panel.small{width:min(340px,90vw);text-align:center}.logo{display:flex;align-items:baseline;gap:14px;justify-content:center}.logo .cf{font-size:40px;font-weight:900;font-style:italic;background:linear-gradient(180deg,#ffe28a,#ff8a1f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 0 rgba(0,0,0,.2);letter-spacing:2px}.logo .map{font-size:30px;font-weight:800;color:#fff;border-left:3px solid #ff8a1f;padding-left:12px}.sub{text-align:center;color:#9fb0c0;font-size:13px;letter-spacing:3px;margin:6px 0 16px}.row{display:flex;align-items:center;justify-content:space-between;margin:9px 0;gap:10px}.row label{color:#cfd8e0;font-size:14px;white-space:nowrap}.seg{display:flex;gap:6px}.seg button{background:#1d2630;border:1px solid #33414f;color:#c8d2dc;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-family:inherit}.seg button.on{background:linear-gradient(180deg,#ffb53d,#e8790e);color:#1a1000;border-color:#ffcf7a;font-weight:700}.seg button.on.bl{background:linear-gradient(180deg,#ff7a55,#c8381c);color:#fff;border-color:#ff9f85}.seg button.on.gr{background:linear-gradient(180deg,#58b4ff,#1f6fcf);color:#fff;border-color:#9ad0ff}input[type=range]{width:200px;accent-color:#ff9a2a}#startBtn,#resumeBtn,#againBtn,#quitBtn,#menuBtn{display:block;width:100%;margin-top:16px;padding:12px;font-size:20px;font-weight:800;letter-spacing:6px;color:#1a1000;background:linear-gradient(180deg,#ffd05a,#f08a12);border:none;border-radius:4px;cursor:pointer;font-family:inherit;box-shadow:0 4px #8a4a06}#startBtn:active{transform:translateY(2px);box-shadow:0 2px #8a4a06}button.ghost{background:#26313c!important;color:#cfd8e0!important;box-shadow:none!important;font-size:16px!important}.help{margin-top:14px;font-size:12.5px;color:#9fb0c0;line-height:1.7}.note{margin-top:10px;font-size:11.5px;color:#6f7f8f;line-height:1.6}h2{text-align:center;font-size:28px;margin-bottom:10px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#radar{position:absolute;left:14px;top:14px;width:180px;height:180px;border-radius:50%;background:#0a140f73;border:2px solid rgba(120,255,160,.35);box-shadow:0 0 12px #00000080}#score{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:0;font-weight:800;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}#score .team{display:flex;align-items:center;gap:10px;padding:4px 14px;font-size:26px;background:#00000073}#score .team.bl{border-bottom:3px solid #ff5a3c;color:#ffb3a3}#score .team.gr{border-bottom:3px solid #3ca0ff;color:#a9d6ff}#score .tname{font-size:14px;opacity:.9}#score .mid{background:#0009;padding:3px 14px;text-align:center}#timer{font-size:20px}#goal{font-size:11px;color:#aaa;font-weight:400}#killfeed{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.kf{background:#00000080;padding:4px 10px;font-size:14px;border-radius:2px;display:flex;gap:8px;align-items:center;animation:kfIn .2s ease-out}.kf.me{border:1px solid rgba(255,200,80,.8);background:#3c28008c}.kf .w{color:#ddd;font-size:12px;padding:0 4px;border:1px solid rgba(255,255,255,.25);border-radius:2px}.kf .hs{color:#fc3;font-weight:900}.bl{color:#ff7a5c}.gr{color:#5cb4ff}@keyframes kfIn{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}#crosshair{position:absolute;left:50%;top:50%;--g:8px}#crosshair i{position:absolute;background:#3dff6a;box-shadow:0 0 2px #000}#crosshair .t,#crosshair .b{width:2px;height:9px;left:-1px}#crosshair .l,#crosshair .r{height:2px;width:9px;top:-1px}#crosshair .t{bottom:var(--g)}#crosshair .b{top:var(--g)}#crosshair .l{right:var(--g)}#crosshair .r{left:var(--g)}#crosshair b{position:absolute;width:2px;height:2px;left:-1px;top:-1px;background:#3dff6a}#crosshair.ads i{opacity:0}#hitmarker{position:absolute;left:50%;top:50%;opacity:0;transition:opacity .15s}#hitmarker i{position:absolute;width:12px;height:2px;background:#fff;box-shadow:0 0 2px #000}#hitmarker i:nth-child(1){transform:translate(4px,5px) rotate(45deg)}#hitmarker i:nth-child(2){transform:translate(-16px,5px) rotate(-45deg)}#hitmarker i:nth-child(3){transform:translate(4px,-7px) rotate(-45deg)}#hitmarker i:nth-child(4){transform:translate(-16px,-7px) rotate(45deg)}#hitmarker.head i{background:#ff3b30}#hitmarker.show{opacity:1;transition:none}#dmgind{position:absolute;left:50%;top:50%}.di{position:absolute;left:-40px;top:-140px;width:80px;height:26px;transform-origin:40px 140px;background:radial-gradient(ellipse at center bottom,#ff1e14d9,#f000 70%);transition:opacity .6s}#banner{position:absolute;top:24%;left:50%;transform:translate(-50%);text-align:center;font-weight:900;font-size:44px;font-style:italic;color:#ffd24a;text-shadow:0 0 12px rgba(255,120,0,.8),0 3px 0 #7a2c00;opacity:0;letter-spacing:4px;white-space:nowrap}#banner small{display:block;font-size:16px;color:#fff;letter-spacing:6px;text-shadow:0 1px 3px #000}#banner.pop{animation:pop 1.6s ease-out forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%) scale(2)}12%{opacity:1;transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1)}}#centerMsg{position:absolute;top:62%;left:50%;transform:translate(-50%);font-size:18px;color:#7dff8a;text-shadow:0 1px 3px #000;font-weight:700}#hpbox{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;background:#00000073;padding:8px 14px;border-left:3px solid #3dff6a}#hpbox .lbl{font-size:13px;color:#9f9}#hp{font-size:34px;font-weight:900;min-width:64px}#hpbox .bar{width:120px;height:8px;background:#ffffff26}#hpbar{height:100%;width:100%;background:linear-gradient(90deg,#3dff6a,#b4ff3d);transition:width .15s}#ammobox{position:absolute;right:18px;bottom:18px;text-align:right;background:#00000073;padding:8px 14px;border-right:3px solid #ffb53d}#wname{font-size:13px;color:#ffd58a}#mag{font-size:38px;font-weight:900}.sep{opacity:.6;margin:0 4px}#reserve{font-size:20px;opacity:.85}#mag.low{color:#ff5a3c}#slots{display:flex;gap:6px;justify-content:flex-end;margin-top:4px;font-size:11px}#slots span{padding:1px 6px;border:1px solid rgba(255,255,255,.25);opacity:.55}#slots span.on{opacity:1;border-color:#ffb53d;color:#ffd58a}#reloadBar{position:absolute;left:50%;top:58%;transform:translate(-50%);width:140px;height:4px;background:#fff3;display:none}#reloadBar div{height:100%;width:0;background:#ffd24a}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000 55%,#c80000a6);opacity:0;transition:opacity .25s}#death{position:absolute;left:50%;top:38%;transform:translate(-50%);text-align:center;background:#0000008c;padding:14px 26px;border-top:2px solid #ff5a3c}#deathText{font-size:20px;font-weight:700}#respawnText{margin-top:6px;font-size:15px;color:#ccc}#scoreboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,94vw);background:#080c10e0;border:1px solid rgba(255,255,255,.12);padding:14px}.sbwrap{display:flex;gap:12px}.sbwrap table{flex:1;border-collapse:collapse;font-size:13px}.sbwrap th{text-align:left;padding:4px 6px;font-size:14px}.sbwrap td{padding:3px 6px;border-top:1px solid rgba(255,255,255,.06)}.sbwrap tr.me td{background:#ffc85026;color:#ffd58a}.sbwrap tr.dead td{opacity:.5}#endBoard .sbwrap{margin:8px 0}#fps{position:absolute;right:6px;bottom:2px;font-size:10px;color:#ffffff59}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}#joyZone{position:absolute;left:0;bottom:0;width:45%;height:60%;pointer-events:auto}#joyBase{position:absolute;left:60px;bottom:40px;width:130px;height:130px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25)}#joyKnob{position:absolute;left:40px;top:40px;width:50px;height:50px;border-radius:50%;background:#ffffff59}#lookZone{position:absolute;right:0;top:0;width:55%;height:100%;pointer-events:auto}.tbtn{position:absolute;pointer-events:auto;width:84px;height:84px;border-radius:50%;background:#ff502859;border:2px solid rgba(255,255,255,.45);color:#fff;font-weight:800;font-size:16px;font-family:inherit}.tbtn.small{width:56px;height:56px;font-size:13px;background:#00000059}.tbtn.on{background:#ffbe3c8c}#tFire{right:40px;bottom:130px}#tFire2{left:20px;top:142px;width:70px;height:70px}#tAds{right:140px;bottom:200px}#tJump{right:30px;bottom:40px}#tCrouch{right:100px;bottom:40px}#tReload{right:170px;bottom:40px}#tSwitch{right:140px;bottom:120px}#tNade{right:200px;bottom:150px}#tPause{right:14px;top:110px}#tScore{right:80px;top:110px}body.touch #radar{width:120px;height:120px}body.touch #hpbox{left:50%;transform:translate(-120%);bottom:8px;padding:4px 10px}body.touch #ammobox{right:auto;left:50%;transform:translate(10%);bottom:8px;padding:4px 10px}body.touch #hp{font-size:24px}body.touch #mag{font-size:26px}body.touch #helpPC,body.touch #slots,body.touch #wname{display:none}body.touch #ammobox{left:auto;right:280px;transform:none}body.touch #hpbox{left:auto;right:400px;transform:none}body.touch #killfeed{top:150px;font-size:12px}body:not(.touch) #helpTouch{display:none}@media (max-width:700px){.logo .cf{font-size:30px}.logo .map{font-size:22px}.row{flex-wrap:wrap}.seg button{padding:5px 9px}}body.shot #hud,body.shot #touch,body.shot #menu{display:none!important}.seg button.on.gold,.buyrow button.gold{background:linear-gradient(180deg,#ffd76a,#c8861a);color:#2a1300;border-color:#ffe9a8}.loadfix{color:#9fb0bf;font-size:13px}#buy{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:30}#buy.hidden{display:none}.buypanel{background:#0e141bf0;border:1px solid #3a4a5a;border-radius:8px;padding:16px 18px;min-width:560px;max-width:94vw;color:#dde6ee}.buyhead{font-size:20px;font-weight:800;margin-bottom:8px}.buyhead span{font-size:12px;color:#8fa0b0;font-weight:400;margin-left:10px}.buycat{color:#ffb53d;font-size:13px;margin:10px 0 6px}.buyrow{display:flex;gap:8px;flex-wrap:wrap}.buyrow button{flex:1;min-width:150px;background:#1d2630;border:1px solid #33414f;color:#dde6ee;padding:10px;border-radius:6px;cursor:pointer;text-align:left;font-family:inherit;font-size:15px}.buyrow button small{display:block;color:#93a3b2;font-size:11px;margin-top:3px}.buyrow button.gold small{color:#5a3a00}.buyrow button.on{outline:2px solid #ffb53d}.buyrow button b{color:#ffb53d;margin-right:6px}#tBuy{right:260px;bottom:120px}body.shot #buy{display:none!important}