*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e8eef5;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;background:#0b0f14;width:100%;height:100%;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}canvas.gl{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}.mono{font-variant-numeric:tabular-nums}#menu{z-index:30;background:radial-gradient(120% 90% at 50% 0,#0a0e1426,#080b10d1 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#menu .brand{text-align:center;margin-bottom:6px}#menu h1{letter-spacing:.16em;color:#ffd479;text-shadow:0 3px #00000073,0 0 26px #ffb02859;font-size:max(28px,min(6.2vmin,58px));font-weight:800}#menu .sub{letter-spacing:.34em;color:#9fb3c8;margin-top:6px;font-size:max(10px,min(1.9vmin,14px))}.menu-btns{flex-direction:column;gap:10px;width:min(320px,62vw);display:flex}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#eaf2fb;letter-spacing:.14em;cursor:pointer;background:linear-gradient(#344254eb,#1c2530eb);border:1px solid #ffffff29;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-family:inherit;font-size:max(13px,min(2.4vmin,17px));transition:transform 80ms,background .15s,border-color .15s;display:flex}.btn small{letter-spacing:.06em;color:#9db0c4;font-size:.72em}.btn:active{background:linear-gradient(#3d4d63,#223044);transform:scale(.98)}.btn.primary{color:#241703;background:linear-gradient(#f0a828,#c67a10);border-color:#ffcd6e99;font-weight:700}.btn.primary small{color:#4a3204}#menu .tip{bottom:calc(10px + env(safe-area-inset-bottom));text-align:center;color:#7f93a8;padding:0 12px;font-size:max(9px,min(1.7vmin,12px));position:absolute;left:0;right:0}#modal{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06090dbd;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.panel{-webkit-overflow-scrolling:touch;background:linear-gradient(#1b2431,#131a24);border:1px solid #ffffff1f;border-radius:12px;width:min(560px,92vw);max-height:88vh;padding:16px;overflow-y:auto}.panel h2{letter-spacing:.16em;color:#ffd479;margin-bottom:12px;font-size:max(14px,min(2.6vmin,20px))}.row{border-bottom:1px dashed #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:max(11px,min(2vmin,14px));display:flex}.row label{color:#b9c9da;white-space:nowrap}.row input[type=range]{accent-color:#f0a828;flex:1;min-width:90px}.row .val{text-align:right;color:#ffd479;width:46px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#cfdcea;cursor:pointer;background:#26313f;border:1px solid #ffffff29;border-radius:6px;padding:7px 11px;font-family:inherit;font-size:max(10px,min(1.8vmin,13px))}.seg button.on{color:#241703;background:#f0a828;border-color:#ffd479;font-weight:700}.panel .foot{gap:8px;margin-top:14px;display:flex}.panel .foot .btn{flex:1;justify-content:center;padding:10px}.weapon-card{cursor:pointer;background:#1d2735;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;display:flex}.weapon-card.on{background:#2b2a1d;border-color:#ffd479}.weapon-card .nm{letter-spacing:.08em;font-size:max(11px,min(2vmin,15px))}.weapon-card .st{color:#93a7bb;margin-top:2px;font-size:max(9px,min(1.6vmin,12px))}#hud{pointer-events:none;z-index:20;font-size:max(10px,min(1.9vmin,14px));position:absolute;top:0;bottom:0;left:0;right:0}.hud-box{background:#080c126b;border:1px solid #ffffff14;border-radius:7px;padding:6px 9px;position:absolute}#hud .tl{left:calc(10px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));min-width:128px}#hud .tc{left:50%;top:calc(8px + env(safe-area-inset-top));text-align:center;transform:translate(-50%)}#hud .tr{right:calc(10px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));align-items:flex-start;gap:8px;display:flex}#hud .br{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));text-align:right}.bar{background:#ffffff24;border-radius:4px;width:118px;height:8px;margin:3px 0 6px;position:relative;overflow:hidden}.bar>i{border-radius:4px;width:100%;transition:width .12s linear;display:block;position:absolute;top:0;bottom:0;left:0;right:auto}.bar.hp>i{background:linear-gradient(90deg,#52d273,#b6f56a)}.bar.ap>i{background:linear-gradient(90deg,#4aa8ff,#9fd8ff)}.k{color:#8fa3b8;letter-spacing:.1em;font-size:.82em}.stat-line{justify-content:center;gap:10px;margin-top:2px;display:flex}.stat-line b{color:#ffd479;font-weight:700}#ammo{color:#fff3d6;font-size:max(18px,min(4.2vmin,34px));font-weight:800;line-height:1}#ammo .res{color:#a9bccf;font-size:.5em;font-weight:600}#wname{color:#ffd479;letter-spacing:.12em;margin-bottom:2px;font-size:max(10px,min(1.9vmin,14px))}#minimap{background:#0a101680;border:1px solid #ffffff1f;border-radius:6px;width:96px;height:74px;display:block}#fps{color:#7fe0a8;margin-top:4px;font-size:.86em}#crosshair{width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}#crosshair span{background:#6cff9b;display:block;position:absolute;box-shadow:0 0 3px #000c}#crosshair .dot{width:2px;height:2px;margin:-1px 0 0 -1px;top:50%;left:50%}#hitmark{opacity:0;width:26px;height:26px;margin:-13px 0 0 -13px;transition:opacity .14s;position:absolute;top:50%;left:50%}#hitmark.on{opacity:1}#hitmark i{background:#fff;width:8px;height:2px;position:absolute;box-shadow:0 0 4px #ff5a5ae6}#hitmark i:first-child{top:2px;left:0;transform:rotate(45deg)}#hitmark i:nth-child(2){top:2px;right:0;transform:rotate(-45deg)}#hitmark i:nth-child(3){bottom:2px;left:0;transform:rotate(-45deg)}#hitmark i:nth-child(4){bottom:2px;right:0;transform:rotate(45deg)}#scope{opacity:0;background:radial-gradient(circle,#0000 0,#0000 26%,#000000fb 27%);transition:opacity .12s linear;position:absolute;top:0;bottom:0;left:0;right:0}#scope.on{opacity:1}#scope .ret{position:absolute;top:0;bottom:0;left:0;right:0}#scope .ret i{background:#14ff8cd9;position:absolute}#scope .ret .h{width:46%;height:1px;margin:0 0 0 -23%;top:50%;left:50%}#scope .ret .v{width:1px;height:46%;margin:-23% 0 0;top:50%;left:50%}#hurt{opacity:0;background:radial-gradient(120% 90%,#f000 45%,#ff28288c);transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}#hurt.on{opacity:1}#toast{letter-spacing:.12em;color:#ffd479;text-shadow:0 2px 6px #000c;opacity:0;white-space:nowrap;font-size:max(11px,min(2.1vmin,15px));transition:opacity .25s;position:absolute;top:34%;left:50%;transform:translate(-50%)}#toast.on{opacity:1}#pausebtn{pointer-events:auto;color:#cfe0f0;cursor:pointer;background:#0a10168c;border:1px solid #ffffff24;border-radius:7px;width:34px;height:34px;font-size:14px}#rotate{z-index:60;text-align:center;background:#0b0f14;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}#rotate .ico{font-size:44px;animation:1.8s ease-in-out infinite rot}#rotate p{letter-spacing:.1em;color:#cfe0f0;font-size:15px}@keyframes rot{0%,40%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}@media (orientation:portrait){#rotate.force{display:flex}}#loading{z-index:50;color:#9fb3c8;letter-spacing:.2em;background:#0b0f14;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}:root{--btn-alpha:.42;--safe-l:env(safe-area-inset-left);--safe-r:env(safe-area-inset-right);--safe-t:env(safe-area-inset-top);--safe-b:env(safe-area-inset-bottom)}#touch{z-index:15;touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0}#touch .zone-label{color:#ffffff2e;letter-spacing:.14em;pointer-events:none;font-size:10px;position:absolute}#stick{left:calc(20px + var(--safe-l));bottom:calc(20px + var(--safe-b));border:2px solid rgba(255, 255, 255, calc(var(--btn-alpha) * .55));background:rgba(12, 18, 26, calc(var(--btn-alpha) * .5));pointer-events:none;border-radius:50%;width:132px;height:132px;position:absolute}#stick .knob{background:rgba(226, 236, 246, calc(var(--btn-alpha) * 1.5));border:2px solid #ffffff80;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0006}#stick .cross{pointer-events:none;opacity:.35;position:absolute;top:0;bottom:0;left:0;right:0}#stick .cross i{background:#ffffff59;position:absolute}#stick .cross .v{width:1px;top:6px;bottom:6px;left:50%}#stick .cross .h{height:1px;top:50%;left:6px;right:6px}#stick .lab{text-align:center;letter-spacing:.1em;color:#ffffff73;width:100%;font-size:9px;position:absolute}#stick .lab.f{top:3px}#stick .lab.b{bottom:3px}#stick .lab.l{width:14px;margin-top:-6px;top:50%;left:2px}#stick .lab.r{width:14px;margin-top:-6px;top:50%;right:2px}#actions{right:calc(12px + var(--safe-r));bottom:calc(10px + var(--safe-b));width:min(268px,44vw);height:min(216px,46vh);position:absolute}.tbtn{background:rgba(16, 24, 34, var(--btn-alpha));color:#eaf2fb;letter-spacing:.06em;text-align:center;cursor:pointer;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:11px;line-height:1.15;display:flex;position:absolute}.tbtn.on{color:#241703;background:#f0a8289e;border-color:#ffe2a0}.tbtn.fire{background:rgba(196, 60, 44, calc(var(--btn-alpha) + .16));border-color:#ffaa9699;width:84px;height:84px;font-size:13px;font-weight:700;bottom:44px;right:4px}.tbtn.fire.on{color:#2b0b06;background:#ff785ad9}.tbtn.reload{width:50px;height:50px;bottom:106px;right:96px}.tbtn.jump{width:54px;height:54px;bottom:6px;right:96px}.tbtn.crouch{width:48px;height:48px;bottom:52px;right:156px}.tbtn.ads{width:52px;height:52px;bottom:138px;right:4px}.tbtn.swp{width:42px;height:42px;font-size:15px;bottom:112px;right:158px}.tbtn.swp.next{bottom:112px;right:158px}.tbtn.swp.prev{bottom:68px;right:206px}.tbtn.small{width:40px;height:40px;font-size:10px}body.pc #touch{display:none}body:not(.pc) #hud .br{left:50%;right:auto;bottom:calc(8px + env(safe-area-inset-bottom));text-align:center;transform:translate(-50%)}body.pc #stick{display:none}#keyhint{left:calc(12px + var(--safe-l));bottom:calc(10px + var(--safe-b));color:#9fb3c8;letter-spacing:.06em;pointer-events:none;background:#080c1280;border:1px solid #ffffff1a;border-radius:7px;padding:6px 9px;font-size:11px;line-height:1.7;position:absolute}