*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,Microsoft YaHei,sans-serif;user-select:none;-webkit-user-select:none;touch-action:manipulation}canvas.game{display:block}.hidden{display:none!important}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:hidden}#touchUI{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}body.mobile #touchUI{display:block}#tStick{position:fixed;left:40px;bottom:60px;width:120px;height:120px;border:2px solid rgba(255,255,255,.25);border-radius:50%;background:#0000002e;pointer-events:none;opacity:.75}#tKnob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:#ffffff4d;border:1px solid rgba(255,255,255,.4)}.tbtn{position:fixed;pointer-events:auto;display:flex;align-items:center;justify-content:center;color:#ffffffd9;background:#0a0e0873;border:1.5px solid rgba(255,255,255,.3);border-radius:50%;font-size:13px;text-shadow:0 1px 2px #000}.tbtn:active,.tbtn.on{background:#ffd76e59;border-color:#ffdc8ccc}#tFire{right:36px;bottom:76px;width:96px;height:96px;font-size:17px;background:#a0281459}#tFire2{left:200px;bottom:150px;width:70px;height:70px;font-size:14px;background:#a028144d}#tAds{right:150px;bottom:60px;width:64px;height:64px}#tJump{right:30px;bottom:190px;width:58px;height:58px}#tCrouch{right:104px;bottom:186px;width:50px;height:50px}#tProne{right:164px;bottom:150px;width:46px;height:46px}#tReload{right:44px;top:46%;width:54px;height:54px}#tNade{right:110px;top:36%;width:48px;height:48px}#tHeal{right:44px;top:33%;width:46px;height:46px}#tUse{right:112px;top:47%;width:50px;height:50px}#tSwap{left:24px;top:36%;width:48px;height:48px}#tSprint{left:24px;bottom:200px;width:54px;height:54px}#tSkill{left:24px;bottom:274px;width:54px;height:54px;background:#3c6e3266}#tBuild5{left:92px;bottom:268px;width:46px;height:46px}#tMelee{right:196px;bottom:224px;width:46px;height:46px}#tSmoke{right:172px;top:33%;width:44px;height:44px}#tATN{right:172px;top:42%;width:44px;height:44px;background:#965a1459}#tSquad{left:88px;top:33%;width:44px;height:44px}#tFollow{left:88px;top:42%;width:44px;height:44px}#tScore{right:58px;top:6px;width:40px;height:40px;border-radius:8px;font-size:12px}#tMenu{right:10px;top:6px;width:40px;height:40px;border-radius:8px;font-size:18px}body.mobile #hint,body.mobile #ctrlHelp{display:none}.menuMain{background:#080c06c7!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gameLogo{text-align:center;font-size:52px;font-weight:800;letter-spacing:14px;color:#e8dcb0;text-shadow:0 2px 0 #4a3f22,0 6px 22px rgba(0,0,0,.8);margin-top:10px}.gameLogoSub{text-align:center;font-size:13px;letter-spacing:6px;color:#dcd2aa8c;margin:4px 0 14px}.menuNav{display:flex;flex-direction:column;align-items:center;gap:12px;margin:30px 0 26px}.navBtn{width:320px;font-size:19px;letter-spacing:8px;padding:14px 0}.mSubTitle{text-align:center;letter-spacing:8px;color:#d8c894;font-weight:600;margin-bottom:12px}.backBtn{opacity:.8}#mHome{text-align:center}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0;--gap:8px}#crosshair .chl{position:absolute;background:#ffffffeb;box-shadow:0 0 3px #000000e6}#crosshair .chl.t{left:-1px;bottom:var(--gap);width:2px;height:9px}#crosshair .chl.b{left:-1px;top:var(--gap);width:2px;height:9px}#crosshair .chl.l{top:-1px;right:var(--gap);height:2px;width:9px}#crosshair .chl.r{top:-1px;left:var(--gap);height:2px;width:9px}#crosshair .chdot{position:absolute;left:-1px;top:-1px;width:2px;height:2px;background:#fffffff2}#hitmark{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0}#hitmark span{position:absolute;width:2px;height:10px;background:#fff;box-shadow:0 0 4px #000c}#hitmark span:nth-child(1){transform:translate(-8px,-14px) rotate(45deg)}#hitmark span:nth-child(2){transform:translate(6px,-14px) rotate(-45deg)}#hitmark span:nth-child(3){transform:translate(-8px,4px) rotate(-45deg)}#hitmark span:nth-child(4){transform:translate(6px,4px) rotate(45deg)}#hitmark.kill span{background:#ff5343}#ammoPanel{position:absolute;right:26px;bottom:24px;color:#eee;text-align:right;text-shadow:0 1px 3px rgba(0,0,0,.9)}#ammoPanel #wname{font-size:15px;letter-spacing:2px;color:#d8c894}#ammoPanel #wmode{font-size:11px;color:#9aa;letter-spacing:1px;margin-left:8px}#ammoPanel .ammoRow{font-size:40px;font-weight:700;line-height:1;margin-top:2px}#ammoPanel #resN{font-size:20px;color:#9a9a8a;font-weight:400}#ammoPanel #nadeN{font-size:14px;color:#bba;margin-top:3px}#healthPanel{position:absolute;left:26px;bottom:24px;width:230px}#hpNum{color:#eee;font-size:30px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.9);display:inline-block;min-width:56px}#hpBarWrap{display:inline-block;width:160px;height:9px;background:#0000008c;border:1px solid rgba(255,255,255,.25);vertical-align:6px}#hpBar{height:100%;width:100%;background:#cfe0c0;transition:width .15s}#stamBarWrap{margin-top:5px;margin-left:62px;width:160px;height:4px;background:#00000080}#stamBar{height:100%;width:100%;background:#dcdcbea6}#minimapWrap{position:absolute;left:18px;top:18px;width:190px;height:190px;border:2px solid rgba(210,200,160,.35);border-radius:4px;background:#0a0e08b8;overflow:hidden}#minimap{width:100%;height:100%}#topBar{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center;color:#ddd;text-shadow:0 1px 3px #000}#tickets{font-size:17px;font-weight:600;letter-spacing:1px}#tickets .tl{color:#8fc1ff}#tickets .tr{color:#ff9c8a}#flagIcons{margin-top:3px}#flagIcons span{display:inline-block;width:26px;height:26px;line-height:24px;margin:0 5px;border:2px solid #888;border-radius:50%;font-weight:700;font-size:14px;color:#ccc;background:#00000073;transition:all .3s}#flagIcons span.f0{border-color:#6da5e8;color:#aecdf5}#flagIcons span.f1{border-color:#e87a68;color:#f5b3a8}#flagIcons span.fc{animation:flagBlink 1s infinite}@keyframes flagBlink{50%{background:#ffffff40}}#timeTxt{font-size:12px;color:#aaa;margin-top:2px}#compass{display:block;margin:4px auto 0;width:460px;height:26px}#killfeed{position:absolute;right:22px;top:18px;text-align:right;font-size:13px;color:#ddd;text-shadow:0 1px 2px #000}#killfeed div{margin-bottom:4px;background:#0006;padding:3px 9px;border-radius:3px;opacity:1;transition:opacity 1s}#killfeed .kf0{color:#9cc4f7}#killfeed .kf1{color:#f7a99c}#killfeed .me{color:#ffd77a;font-weight:700}#msgC{position:absolute;left:50%;top:26%;transform:translate(-50%);font-size:24px;letter-spacing:3px;color:#f0e6c8;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .4s;text-align:center}#scorePop{position:absolute;left:50%;top:58%;transform:translate(-50%);font-size:17px;color:#ffd77a;text-shadow:0 1px 4px #000;opacity:0}#capPanel{position:absolute;left:50%;bottom:110px;transform:translate(-50%);width:240px;text-align:center;color:#eee;text-shadow:0 1px 3px #000;display:none}#capLetter{font-size:26px;font-weight:700}#capBarWrap{width:100%;height:7px;background:#0009;border:1px solid rgba(255,255,255,.3);margin-top:4px}#capBarFill{height:100%;width:0;background:#8fc1ff;transition:width .2s linear}#capTxt{font-size:12px;color:#ccc;margin-top:3px}#interact{position:absolute;left:50%;top:60%;transform:translate(-50%);color:#fff;font-size:16px;text-shadow:0 1px 4px #000;background:#00000073;padding:6px 16px;border-radius:4px;display:none}#interact b{color:#ffd77a}#braceInd{position:absolute;left:50%;top:56%;transform:translate(-50%);font-size:12px;letter-spacing:2px;color:#ffe8a0eb;text-shadow:0 1px 3px #000;display:none;pointer-events:none}#braceInd.on{color:#ffe8a0;background:#0006;padding:3px 10px;border-radius:3px;border:1px solid rgba(255,220,140,.35)}#squadHUD{position:absolute;left:18px;top:214px;color:#cfe8cf;font-size:12px;line-height:1.5;text-shadow:0 1px 2px #000;background:#0a0e088c;padding:5px 9px;border-radius:3px;border:1px solid rgba(140,200,140,.25);display:none}#squadHUD b{color:#8dffa8}#nadeWarn{position:absolute;left:50%;top:42%;transform:translate(-50%);color:#ff4a3a;font-size:22px;font-weight:700;text-shadow:0 0 8px rgba(255,0,0,.6);display:none;animation:flagBlink .35s infinite}#leadPip{position:absolute;width:20px;height:20px;box-sizing:border-box;border:2px solid rgba(255,220,120,.95);border-radius:50%;margin:-10px 0 0 -10px;display:none;box-shadow:0 0 6px #000000b3}#leadPip:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;background:#ffdc78f2;border-radius:50%}#heatWrap{position:absolute;left:50%;bottom:80px;transform:translate(-50%);width:200px;height:6px;background:#0009;border:1px solid rgba(255,255,255,.3);display:none}#heatFill{height:100%;width:0;background:linear-gradient(90deg,#e8c56a,#e83a1a)}#tankPip{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;display:none}#tankPip:before{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;box-sizing:border-box;border:2px solid rgba(255,200,90,.95);border-radius:50%;box-shadow:0 0 5px #000c,inset 0 0 4px #00000080}#tankPip:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;background:#ffc85af2;border-radius:50%}#mgPip{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;display:none}#mgPip:before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;box-sizing:border-box;border:1.5px solid rgba(150,215,255,.92);border-radius:50%;box-shadow:0 0 4px #000c}#mgPip:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;margin:-1px;background:#96d7fff2;border-radius:50%}#dirHits{position:absolute;left:50%;top:50%}.dirHit{position:absolute;left:-90px;top:-90px;width:180px;height:180px;opacity:.85;pointer-events:none}.dirHit:before{content:"";position:absolute;left:50%;top:-6px;transform:translate(-50%);border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:22px solid rgba(255,40,20,.75);filter:blur(1px)}#dmgOv{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(160,0,0,.55) 100%);opacity:0}#lowOv{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(120,0,0,.7) 100%);opacity:0;transition:opacity .5s}#supOv{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(60,60,60,.6) 100%);opacity:0}#vig{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.38) 100%)}#blackOv{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;transition:opacity .8s}#scopeOv{position:absolute;top:0;right:0;bottom:0;left:0;display:none;background:radial-gradient(circle at center,transparent 0,transparent 31vmin,rgba(0,0,0,.985) 33vmin)}#scopeOv:before{content:"";position:absolute;left:50%;top:0;width:1.5px;height:100%;background:#000000d9;transform:translate(-50%)}#scopeOv:after{content:"";position:absolute;top:50%;left:0;height:1.5px;width:100%;background:#000000d9;transform:translateY(-50%)}#fps{position:absolute;right:8px;bottom:4px;color:#fff6;font-size:11px}#hint{position:absolute;left:50%;bottom:4px;transform:translate(-50%);color:#ffffff59;font-size:11px;letter-spacing:1px}#scoreboard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:760px;background:#080a06e0;border:1px solid rgba(210,200,160,.3);border-radius:6px;padding:18px 22px;color:#ddd;display:none}#scoreboard h3{text-align:center;letter-spacing:4px;color:#d8c894;font-weight:600;margin-bottom:10px}#sbCols{display:flex;gap:20px}#sbCols>div{flex:1}#scoreboard table{width:100%;border-collapse:collapse;font-size:13px}#scoreboard th{text-align:left;color:#998;font-weight:500;border-bottom:1px solid #444;padding:3px 6px}#scoreboard td{padding:3px 6px;border-bottom:1px solid rgba(255,255,255,.06)}#scoreboard .meRow{color:#ffd77a;font-weight:700}#scoreboard .t0h{color:#8fc1ff}#scoreboard .t1h{color:#ff9c8a}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#283022f0,#080a06f7);color:#ddd}.panel{width:860px;max-width:94vw;max-height:92vh;overflow:auto;padding:30px 40px}h1.title{font-size:52px;letter-spacing:10px;color:#e8dcb0;text-shadow:0 2px 12px #000,0 0 40px rgba(200,170,90,.25);font-weight:800;text-align:center}.subtitle{text-align:center;color:#9a9478;letter-spacing:5px;margin:6px 0 26px;font-size:15px}.secLabel{color:#b8ae88;letter-spacing:3px;font-size:13px;margin:18px 0 8px;border-bottom:1px solid rgba(200,180,130,.2);padding-bottom:4px}.rowFlex{display:flex;gap:14px;flex-wrap:wrap}.bigBtn{pointer-events:auto;cursor:pointer;background:linear-gradient(180deg,#5a5236,#3a3422);color:#f0e6c0;border:1px solid #8a7c50;padding:14px 42px;font-size:20px;letter-spacing:6px;border-radius:4px;transition:all .15s;font-family:inherit}.bigBtn:hover{background:linear-gradient(180deg,#6e6544,#4a422c);box-shadow:0 0 18px #dcbe6e4d}.bigBtn:disabled{opacity:.4;cursor:default}.optBtn{pointer-events:auto;cursor:pointer;background:#ffffff0f;color:#ccc;border:1px solid #555;padding:9px 20px;font-size:14px;border-radius:3px;transition:all .12s;font-family:inherit}.optBtn:hover{border-color:#b8a86a;color:#fff}.optBtn.sel{background:#c8af5f38;border-color:#d8c080;color:#ffe9b0}.teamBtn{flex:1;padding:16px;font-size:18px;letter-spacing:3px}.classCard{pointer-events:auto;cursor:pointer;flex:1;min-width:170px;background:#ffffff0d;border:1px solid #555;border-radius:5px;padding:13px 15px;transition:all .12s}.classCard:hover{border-color:#b8a86a}.classCard.sel{background:#c8af5f2e;border-color:#e0ca8a;box-shadow:0 0 14px #d2b46440}.classCard .cname{font-size:17px;color:#f0e2b0;letter-spacing:2px}.classCard .cwpn{font-size:12px;color:#aaa;margin-top:5px;line-height:1.6}.spawnBtn{pointer-events:auto;cursor:pointer;display:block;width:100%;text-align:left;background:#ffffff0d;color:#ccc;border:1px solid #555;padding:9px 14px;margin-bottom:7px;font-size:14px;border-radius:3px;font-family:inherit}.spawnBtn:hover{border-color:#b8a86a}.spawnBtn.sel{background:#c8af5f33;border-color:#e0ca8a;color:#ffe9b0}.sliderRow{display:flex;align-items:center;gap:12px;margin:6px 0;font-size:14px;color:#bbb}.sliderRow input{pointer-events:auto;width:200px}.sliderRow .val{color:#e8dcb0;min-width:36px}#ctrlHelp{font-size:12.5px;color:#8a8878;line-height:1.9;column-count:2;margin-top:6px}#ctrlHelp b{color:#c5ba90;font-weight:600}#deployFlex{display:flex;gap:26px}#deployLeft{flex:1.35}#deployRight{flex:1}#deployMap{width:100%;border:1px solid rgba(210,200,160,.3);border-radius:4px;background:#141a10}#deathInfo{text-align:center;color:#e88;font-size:16px;margin-bottom:14px;min-height:22px}#respawnTxt{color:#d8c894}#endTitle{font-size:46px;text-align:center;letter-spacing:8px;margin-bottom:8px}#endTitle.win{color:#ffe08a;text-shadow:0 0 30px rgba(255,210,110,.5)}#endTitle.lose{color:#e86a5a}#endStats{text-align:center;font-size:16px;color:#bbb;line-height:2.1;margin:16px 0 26px}#endStats b{color:#f0e2b0;font-size:20px}.center{text-align:center}#menuVer{text-align:center;color:#555;font-size:11px;margin-top:20px;letter-spacing:2px}#clsTip{position:absolute;right:26px;bottom:110px;color:#d8d2b8;font-size:12px;letter-spacing:1px;text-shadow:0 1px 3px #000;background:#0a0e088c;padding:4px 10px;border-radius:3px;border:1px solid rgba(200,180,130,.22);display:none}#clsTip b{color:#ffd77a}.lang-switch{position:fixed;left:.1rem;bottom:.1rem;z-index:60;pointer-events:auto}.lang-switch select{background:#0a0e08b3;color:#d8c894;border:1px solid rgba(210,200,160,.35);border-radius:3px;padding:3px 6px;font-size:12px;font-family:inherit;cursor:pointer}.lang-switch select:hover{border-color:#b8a86a}