html, body {
    margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #87CEEB;
    touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
    -webkit-tap-highlight-color: transparent; border: none; outline: none;
}
canvas { display: block; border: none; outline: none; margin: 0; padding: 0; }
#health-bar-container{position:absolute;top:15px;left:15px;background:rgba(0,0,0,.7);padding:10px 18px;border-radius:24px;pointer-events:none;backdrop-filter:blur(8px);z-index:10;display:flex;align-items:center;gap:12px;border:2px solid rgba(255,100,100,.6);box-shadow:0 4px 20px rgba(0,0,0,.5)}
#health-icon{font-size:22px}
#health-bar-bg{width:120px;height:12px;background:rgba(255,255,255,.15);border-radius:6px;overflow:hidden}
#health-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff4444,#4caf50);border-radius:6px;transition:width .3s ease}
#health-text{color:#fff;font-size:16px;font-weight:bold;min-width:35px;text-align:right}
#armor-status{position:absolute;top:15px;left:260px;background:rgba(0,0,0,.7);padding:8px 14px;border-radius:18px;pointer-events:none;backdrop-filter:blur(8px);z-index:10;display:flex;flex-direction:column;gap:4px;border:2px solid rgba(150,200,255,.4);box-shadow:0 4px 20px rgba(0,0,0,.5);min-width:140px}
.armor-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:bold}
.armor-icon{font-size:15px;line-height:1}
.armor-label{color:#c8d8e8;letter-spacing:1px;flex:1}
.armor-pct{color:#888;font-size:14px;letter-spacing:.5px;min-width:42px;text-align:right;transition:color .25s;text-shadow:0 1px 3px rgba(0,0,0,.9)}
.armor-pct.active{color:#7fff8f;text-shadow:0 0 8px rgba(80,255,140,.8),0 1px 3px rgba(0,0,0,.9)}
.armor-pct.armor-active{color:#7fd0ff;text-shadow:0 0 8px rgba(80,200,255,.8),0 1px 3px rgba(0,0,0,.9)}
.armor-dura-row{display:flex;align-items:center;gap:6px;padding-left:2px;margin-bottom:2px}
.armor-dura-bg{flex:1;height:5px;background:rgba(255,255,255,.14);border-radius:3px;overflow:hidden}
.armor-dura-fill{height:100%;width:0%;background:linear-gradient(90deg,#4caf50,#7fff8f);border-radius:3px;transition:width .25s ease}
.armor-dura-fill.armor-fill{background:linear-gradient(90deg,#3a80c0,#7fd0ff)}
.armor-dura-text{color:#8aa0b8;font-size:10px;font-weight:bold;min-width:52px;text-align:right;letter-spacing:.3px}
#zone-hud{position:absolute;top:155px;right:15px;background:rgba(0,0,0,.75);padding:8px 14px;border-radius:12px;border:2px solid rgba(0,200,255,.65);color:#fff;font-weight:bold;z-index:13;backdrop-filter:blur(8px);pointer-events:none;text-align:center;min-width:118px;box-shadow:0 4px 20px rgba(0,0,0,.55)}
#zone-phase{font-size:11px;letter-spacing:1.5px;color:#7fd0ff;margin-bottom:3px}
#zone-timer{font-size:22px;letter-spacing:1px;line-height:1.15}
#zone-timer.danger{color:#ff5555;text-shadow:0 0 10px rgba(255,80,80,.7)}
#alive-count-hud{position:absolute;top:224px;right:15px;background:rgba(0,0,0,.78);padding:6px 14px;border-radius:12px;border:2px solid rgba(255,150,90,.65);color:#fff;font-weight:bold;z-index:13;backdrop-filter:blur(8px);pointer-events:none;display:flex;align-items:center;gap:7px;box-shadow:0 4px 20px rgba(0,0,0,.55);min-width:118px;box-sizing:border-box;justify-content:center}
#alive-count-hud .alive-icon{font-size:14px}
#alive-count-hud .alive-label{font-size:11px;color:#ffb088;letter-spacing:1.5px}
#alive-count-hud .alive-num{font-size:17px;letter-spacing:1px;color:#ffe0b8;min-width:26px;text-align:right}
#kill-feed{position:absolute;top:260px;left:50%;transform:translateX(-50%);z-index:100;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:80vw}
.kill-notice{background:linear-gradient(90deg,rgba(180,40,40,.94),rgba(120,20,20,.94));color:#fff;padding:8px 22px;border-radius:10px;font-size:15px;font-weight:bold;letter-spacing:1.2px;box-shadow:0 4px 16px rgba(0,0,0,.6),0 0 22px rgba(255,80,80,.55);border:2px solid rgba(255,160,160,.85);opacity:0;transform:translateY(-10px) scale(.95);transition:opacity .3s ease,transform .3s ease;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.kill-notice.show{opacity:1;transform:translateY(0) scale(1)}
#jeep-health-container{position:absolute;top:15px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.75);padding:10px 18px;border-radius:16px;pointer-events:none;backdrop-filter:blur(8px);z-index:11;display:none;flex-direction:column;gap:6px;border:2px solid rgba(255,200,80,.65);box-shadow:0 4px 20px rgba(0,0,0,.55);min-width:240px}
#jeep-health-container.show{display:flex}
.jeep-header{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:bold;letter-spacing:2px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.15)}
.jeep-header #jeep-health-icon{font-size:18px}
.jeep-bar-row{display:flex;align-items:center;gap:8px}
.jeep-bar-label{font-size:11px;font-weight:bold;letter-spacing:1px;min-width:22px;text-align:right}
.jeep-bar-label.hp{color:#ff9090}
.jeep-bar-label.fuel{color:#ffd166}
.jeep-bar-bg{flex:1;height:10px;background:rgba(255,255,255,.14);border-radius:5px;overflow:hidden}
#jeep-health-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#ffa500,#4caf50);border-radius:5px;transition:width .25s ease}
#jeep-fuel-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#ffd166,#ff9500);border-radius:5px;transition:width .25s ease}
.jeep-bar-value{color:#fff;font-size:13px;font-weight:bold;min-width:44px;text-align:right}
#minimap{position:absolute;top:15px;right:15px;width:130px;height:130px;border-radius:12px;border:2px solid rgba(255,255,255,.55);background:rgba(20,40,25,.72);box-shadow:0 4px 20px rgba(0,0,0,.6),inset 0 0 20px rgba(0,0,0,.35);z-index:12;pointer-events:none;display:block}
#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;pointer-events:none;z-index:20;opacity:.6;transition:opacity .15s}
#crosshair::before,#crosshair::after{content:'';position:absolute;background:rgba(255,255,255,.9)}
#crosshair::before{width:2px;height:30px;left:14px;top:0}
#crosshair::after{width:30px;height:2px;left:0;top:14px}
#hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;pointer-events:none;z-index:24;opacity:0;transition:opacity .22s ease-out}
#hitmarker.show{opacity:1;transition:opacity .04s ease-in}
#hitmarker > span{position:absolute;width:13px;height:3px;background:#fff;border-radius:2px;box-shadow:0 0 5px rgba(255,255,255,1),0 0 10px rgba(255,80,80,1),0 0 18px rgba(255,0,0,.85)}
#hitmarker.headshot > span{background:#ff3030}
#hitmarker .hm-tl{top:5px;left:5px;transform:rotate(45deg)}
#hitmarker .hm-tr{top:5px;right:5px;transform:rotate(-45deg)}
#hitmarker .hm-bl{bottom:5px;left:5px;transform:rotate(-45deg)}
#hitmarker .hm-br{bottom:5px;right:5px;transform:rotate(45deg)}
#nearby-items-panel{position:absolute;bottom:calc(50% + 24px);left:calc(50% + 32px);display:none;flex-direction:column;gap:6px;z-index:26;pointer-events:auto;max-width:45vw;max-height:40vh;overflow-y:auto;overflow-x:hidden}
.nearby-item{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.62);border:2px solid rgba(255,255,255,.35);border-radius:10px;padding:6px 10px;cursor:pointer;transition:all .15s;backdrop-filter:blur(6px);pointer-events:auto;user-select:none;-webkit-user-select:none;min-width:110px;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.nearby-item:active{background:rgba(80,200,120,.75);border-color:rgba(255,255,255,.9);transform:scale(.96)}
.nearby-icon{font-size:22px;line-height:1;flex-shrink:0}
.nearby-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.nearby-name{color:#fff;font-size:12px;font-weight:bold;letter-spacing:1px;white-space:nowrap}
.nearby-count{color:#ffd166;font-size:11px;font-weight:bold}
#joystick-zone{position:absolute;bottom:20px;left:20px;width:130px;height:130px;background:rgba(255,255,255,.1);border-radius:50%;border:3px solid rgba(255,255,255,.4);z-index:30;pointer-events:auto;backdrop-filter:blur(8px);touch-action:none}
#joystick-knob{position:absolute;top:50%;left:50%;width:55px;height:55px;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(255,255,255,.3));border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
#instruction-hint{position:absolute;bottom:165px;left:30px;color:rgba(255,255,255,.9);font-size:13px;pointer-events:none;z-index:15}
#fire-button{position:absolute;bottom:30px;right:30px;width:75px;height:75px;background:radial-gradient(circle,rgba(255,80,80,.8),rgba(255,40,40,.6));border-radius:50%;border:3px solid rgba(255,255,255,.7);z-index:30;pointer-events:auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:bold;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}
#fire-button.active{background:radial-gradient(circle,rgba(255,100,100,1),rgba(255,20,20,.9))}
#fire-button.disabled{background:rgba(80,80,80,.4);border-color:rgba(255,255,255,.3);opacity:.5}
#fire-button.cooling{background:radial-gradient(circle,rgba(120,120,120,.7),rgba(80,80,80,.6));opacity:.7}
.action-btn{position:absolute;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.6);color:#fff;font-size:13px;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}
.action-btn.active{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,1);transform:scale(1.06)}
#crouch-btn.active{background:rgba(255,220,60,.65)}
#prone-btn.active{background:rgba(60,220,60,.65)}
#jump-btn.active{background:rgba(60,170,255,.65)}
#jump-btn{bottom:105px;right:95px;background:rgba(50,150,255,.4)}
#crouch-btn{bottom:115px;right:42.5px;background:rgba(255,200,0,.4)}
#prone-btn{bottom:42.5px;right:115px;background:rgba(0,200,0,.4)}
#reload-button{position:absolute;bottom:105px;right:200px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(230,180,60,.65),rgba(180,130,30,.55));border:3px solid rgba(255,230,150,.75);color:#fff;font-size:13px;font-weight:bold;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:30;pointer-events:auto;flex-direction:column;touch-action:none}
#reload-button::before{content:'🔄';font-size:18px}
#reload-button.reloading{background:rgba(120,120,120,.7);opacity:.75}
#ads-button{position:absolute;bottom:165px;right:30px;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle,rgba(0,170,255,.5),rgba(0,120,200,.4));border:3px solid rgba(255,255,255,.6);color:#fff;font-size:15px;font-weight:bold;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:30;pointer-events:auto;touch-action:none}
#ads-button.active{background:radial-gradient(circle,rgba(0,220,255,.95),rgba(0,150,220,.9))}
#inventory-button{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(120,90,60,.85),rgba(80,55,30,.75));border:3px solid rgba(220,180,140,.75);color:#fff;font-size:14px;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;pointer-events:auto;flex-direction:column;touch-action:none}
#inventory-button::before{content:'🎒';font-size:20px}
#jeep-button{position:absolute;bottom:118px;left:50%;transform:translateX(-50%);width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,rgba(96,140,64,.92),rgba(56,92,40,.85));border:3px solid rgba(190,235,150,.85);color:#fff;font-size:15px;font-weight:bold;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:30;pointer-events:auto;touch-action:none;box-shadow:0 4px 18px rgba(0,0,0,.6);-webkit-user-select:none;user-select:none;letter-spacing:1px}
#jeep-button:active{transform:translateX(-50%) scale(.94)}
#throw-button{position:absolute;bottom:235px;right:30px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,rgba(220,100,50,.9),rgba(150,50,20,.8));border:3px solid rgba(255,180,120,.85);color:#fff;font-size:11px;font-weight:bold;display:none;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;z-index:30;pointer-events:auto;touch-action:none;box-shadow:0 4px 18px rgba(0,0,0,.5);letter-spacing:1px;padding-top:2px}
#throw-button::before{content:'💣';font-size:20px;line-height:1}
#throw-button .throw-count{position:absolute;top:-6px;right:-6px;background:#ffd166;color:#222;border-radius:50%;min-width:22px;height:22px;font-size:12px;font-weight:bold;display:flex;align-items:center;justify-content:center;border:2px solid #fff;padding:0 3px;box-sizing:border-box}
#throw-button:active{transform:scale(.92)}
#throw-button.aiming{background:radial-gradient(circle,rgba(255,180,80,.95),rgba(200,80,30,.9));border-color:rgba(255,255,180,.95);box-shadow:0 0 24px rgba(255,180,80,.9),0 4px 18px rgba(0,0,0,.5)}
#cancel-throw-button{position:absolute;bottom:165px;left:20px;width:130px;height:50px;border-radius:12px;background:radial-gradient(circle,rgba(220,60,60,.92),rgba(150,20,20,.88));border:3px solid rgba(255,160,160,.9);color:#fff;font-size:15px;font-weight:bold;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:31;pointer-events:auto;touch-action:none;box-shadow:0 4px 18px rgba(0,0,0,.55),0 0 20px rgba(255,80,80,.4);letter-spacing:2px;-webkit-user-select:none;user-select:none}
#cancel-throw-button.show{display:flex}
#cancel-throw-button:active{transform:scale(.94);background:radial-gradient(circle,rgba(255,90,90,1),rgba(180,30,30,.95))}
body.driving #fire-button,body.driving #jump-btn,body.driving #crouch-btn,body.driving #prone-btn,body.driving #door-button,body.driving #reload-button,body.driving #ads-button,body.driving #no-weapon-hint,body.driving #throw-button,body.driving #cancel-throw-button{display:none !important}
#inventory-panel{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.72);z-index:200;display:none;align-items:center;justify-content:center;touch-action:none}
#inventory-panel.drag-active{background:radial-gradient(circle at center,rgba(0,0,0,.72) 0%,rgba(0,0,0,.72) 32%,rgba(255,50,50,.55) 100%)}
#inventory-panel.drag-active::after{content:'拖到此处丢弃';position:absolute;bottom:8%;left:50%;transform:translateX(-50%);color:rgba(255,220,220,.95);font-size:22px;font-weight:bold;letter-spacing:6px;pointer-events:none}
#inventory-modal{background:linear-gradient(135deg,rgba(34,45,60,.98),rgba(22,30,44,.98));border-radius:18px;border:2px solid rgba(150,200,255,.35);padding:16px 18px 18px 18px;max-width:95vw;max-height:92vh;box-sizing:border-box;position:relative}
.inventory-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(150,200,255,.2)}
.inventory-header .inv-title{color:#e6f2ff;font-size:17px;font-weight:bold;letter-spacing:3px}
#inventory-close{width:34px;height:34px;border-radius:50%;background:rgba(255,80,80,.35);border:2px solid rgba(255,140,140,.6);color:#fff;font-size:16px;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none}
.inventory-body{display:flex;gap:14px;align-items:flex-start}
.inv-left-col{display:flex;flex-direction:column;gap:10px}
.inv-right-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.inv-slot{width:min(58px,12vmin);height:min(58px,12vmin);border-radius:10px;background:linear-gradient(145deg,rgba(60,75,95,.85),rgba(38,50,68,.85));border:2px solid rgba(120,160,210,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-sizing:border-box;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}
.inv-slot.inv-special{background:linear-gradient(145deg,rgba(85,65,45,.85),rgba(55,40,28,.85));border-color:rgba(200,160,100,.55)}
.inv-slot.inv-equipped{background:linear-gradient(145deg,rgba(60,120,80,.85),rgba(40,90,60,.85));border-color:rgba(120,255,160,.85)}
.inv-slot .slot-icon{font-size:min(22px,4.5vmin);opacity:.55}
.inv-slot.inv-equipped .slot-icon{opacity:1}
.inv-slot .slot-label{font-size:min(10px,2vmin);color:rgba(220,235,255,.7);margin-top:2px;font-weight:bold}
.slot-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:min(30px,5.5vmin);pointer-events:none;z-index:2;opacity:0;transition:opacity .2s}
.slot-item.visible{opacity:1}
.slot-progress{position:absolute;left:0;bottom:0;width:100%;height:0%;background:rgba(80,180,255,.55);pointer-events:none;z-index:1}
.inv-slot.has-item{border-color:rgba(140,220,255,.85)}
.slot-count{position:absolute;top:2px;right:4px;font-size:min(11px,2.2vmin);font-weight:bold;color:#ffd166;z-index:3}
#use-progress-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(280px,70vw);z-index:250;display:none;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
#use-progress-overlay.visible{display:flex}
#use-progress-label{color:#e6f2ff;font-size:15px;font-weight:bold}
#use-progress-bar-bg{width:100%;height:14px;background:rgba(0,0,0,.6);border:2px solid rgba(150,220,255,.6);border-radius:8px;overflow:hidden}
#use-progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#4cd964,#79f29b);border-radius:6px;transition:width .05s linear}
#door-button{position:absolute;top:50%;left:calc(50% + 70px);transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.7);color:#fff;font-size:14px;font-weight:bold;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:30;pointer-events:auto;touch-action:none}
#scope-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:22;display:none}
#scope-dark{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 32vmin,rgba(0,0,0,.85) 32.5vmin)}
#scope-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64vmin;height:64vmin;border:3px solid rgba(0,0,0,.95);border-radius:50%;box-sizing:border-box}
#scope-cross{position:absolute;top:50%;left:50%;width:64vmin;height:64vmin;transform:translate(-50%,-50%)}
#scope-cross::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:2px;background:rgba(0,0,0,.95)}
#scope-cross::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:60px;background:rgba(0,0,0,.95)}
#damage-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:25;overflow:hidden}
.damage-indicator{position:absolute;width:60px;height:30px;pointer-events:none}
.damage-indicator::before{content:'';position:absolute;left:0;top:0;width:60px;height:60px;border-radius:50%;border:5px solid rgba(255,45,45,.95);box-sizing:border-box;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}
#damage-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 50%,rgba(255,0,0,.5) 100%);opacity:0;transition:opacity .15s}
#death-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:bold;text-align:center;opacity:0;visibility:hidden;transition:opacity .5s ease}
#death-overlay.show{opacity:1;visibility:visible}
#death-overlay .sub{font-size:22px;margin-top:20px;color:#f66}
#victory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(20,60,30,.9) 0%,rgba(0,0,0,.95) 100%);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:52px;font-weight:bold;text-align:center;opacity:0;visibility:hidden;transition:opacity .6s ease;letter-spacing:8px}
#victory-overlay.show{opacity:1;visibility:visible}
#victory-overlay .sub{font-size:22px;margin-top:22px;color:#9fe8a8;letter-spacing:4px}
.restart-btn{margin-top:34px;padding:16px 56px;border-radius:44px;background:linear-gradient(135deg,#2e7d32 0%,#4caf50 50%,#3a9940 100%);border:3px solid rgba(150,240,180,.8);color:#fff;font-size:clamp(16px,3.2vw,20px);font-weight:bold;letter-spacing:7px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:inherit}
.ammo-toast,.drop-toast,.armor-toast{position:fixed;top:60%;left:50%;transform:translate(-50%,0);font-size:24px;font-weight:bold;pointer-events:none;z-index:260;opacity:0;transition:opacity .35s,transform .55s;letter-spacing:3px}
.ammo-toast{color:#ffd166;font-size:26px}
.drop-toast{color:#ff9090}
.armor-toast{top:55%;color:#7fff8f}
#drag-ghost{position:fixed;pointer-events:none;z-index:400;font-size:44px;opacity:.9;transform:translate(-50%,-50%) scale(1.15);display:none}
#weapon-ui{position:absolute;bottom:20px;right:188px;z-index:30;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transition:opacity .4s ease}
#weapon-ui.show{opacity:1}
#weapon-hand{width:60px;height:45px;background:linear-gradient(180deg,#e8c9a0,#d4a574);border-radius:35% 35% 45% 45%;position:relative}
#weapon-graphic{width:80px;height:35px;position:relative}
.weapon-ak{background:linear-gradient(180deg,#3a3a3a,#1a1a1a);height:10px;width:65px;border-radius:4px;position:absolute;top:8px;left:7px}
.weapon-aks74u{background:linear-gradient(180deg,#2e2e2e,#0e0e0e);height:9px;width:48px;border-radius:3px;position:absolute;top:10px;left:18px}
.weapon-awm{background:linear-gradient(180deg,#2a2a2a,#0a0a0a);height:7px;width:70px;border-radius:3px;position:absolute;top:11px;left:4px}
.weapon-spas12{background:linear-gradient(180deg,#3a3a3a,#141414);height:11px;width:58px;border-radius:3px;position:absolute;top:8px;left:11px}
.weapon-s12k{background:linear-gradient(180deg,#2a2a2a,#0a0a0a);height:11px;width:62px;border-radius:3px;position:absolute;top:8px;left:9px}
.weapon-mk14{background:linear-gradient(180deg,#3a4048,#12161a);height:9px;width:70px;border-radius:3px;position:absolute;top:10px;left:4px}
.weapon-mk14::after{content:'';position:absolute;top:-7px;left:16px;width:30px;height:5px;background:linear-gradient(180deg,#2a2a2a,#0a0a0a);border-radius:2px}
.weapon-m416{background:linear-gradient(180deg,#3a3a3a,#161616);height:9px;width:62px;border-radius:3px;position:absolute;top:10px;left:9px}
.weapon-m416::after{content:'';position:absolute;top:-6px;left:10px;width:26px;height:4px;background:linear-gradient(180deg,#2a2a2a,#0a0a0a);border-radius:2px}
.weapon-uzi{background:linear-gradient(180deg,#2a2a2a,#0c0c0c);height:9px;width:52px;border-radius:3px;position:absolute;top:10px;left:16px}
.weapon-uzi::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:16px;background:linear-gradient(180deg,#2a2a2a,#0c0c0c);border-radius:2px}
#weapon-name{color:#fff;font-size:14px;font-weight:bold;letter-spacing:1px}
#no-weapon-hint{position:absolute;bottom:230px;right:150px;color:rgba(255,255,255,.85);font-size:13px;pointer-events:none}
#no-weapon-hint.hidden{display:none}
#ammo-display{position:absolute;bottom:125px;right:150px;color:#fff;font-size:16px;font-weight:bold;z-index:31;pointer-events:none;display:none;align-items:baseline;gap:3px}
#ammo-display.show{display:flex}
#ammo-mag{font-size:26px}
#ammo-mag.low{color:#ff5252}
#ammo-sep{font-size:18px;opacity:.7}
#ammo-reserve{font-size:16px;color:#b8d4e8}
#reload-progress-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% + 80px));width:min(240px,62vw);z-index:250;display:none;flex-direction:column;align-items:center;gap:6px;pointer-events:none}
#reload-progress-overlay.visible{display:flex}
#reload-progress-label{color:#fff0c8;font-size:14px;font-weight:bold}
#reload-progress-bar-bg{width:100%;height:12px;background:rgba(0,0,0,.65);border:2px solid rgba(255,220,130,.7);border-radius:7px;overflow:hidden}
#reload-progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#f0a020,#ffd166);border-radius:5px;transition:width .05s linear}
#cover-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,#1a3d2c 0%,#0a1c14 55%,#030a06 100%);z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;overflow:hidden}
.cover-title{font-size:clamp(36px,8vw,64px);font-weight:900;letter-spacing:14px;color:#c4f0d4;margin-bottom:14px;padding-left:14px;z-index:2;text-shadow:0 0 30px rgba(120,255,180,.6),0 0 60px rgba(60,200,120,.4)}
.cover-subtitle{font-size:clamp(11px,2.4vw,14px);letter-spacing:8px;color:#7a9e88;margin-bottom:46px;padding-left:8px;z-index:2}
.difficulty-container{display:flex;gap:18px;margin-bottom:42px;z-index:2}
.difficulty-btn{min-width:130px;padding:14px 30px;border-radius:14px;background:rgba(255,255,255,.06);border:2px solid rgba(150,220,180,.3);color:#a8c8b8;font-size:clamp(15px,3vw,18px);font-weight:bold;letter-spacing:5px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.difficulty-btn.selected{background:linear-gradient(135deg,rgba(80,220,140,.35),rgba(40,180,100,.35));border-color:rgba(80,240,140,.9);color:#fff;box-shadow:0 0 24px rgba(80,240,140,.5)}
#start-game-btn{padding:20px 78px;border-radius:46px;background:linear-gradient(135deg,#2e7d32 0%,#4caf50 50%,#3a9940 100%);border:3px solid rgba(150,240,180,.7);color:#fff;font-size:clamp(18px,4vw,24px);font-weight:bold;letter-spacing:8px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;z-index:2;box-shadow:0 0 40px rgba(80,220,140,.55),0 6px 20px rgba(0,0,0,.4)}
.cover-hint{margin-top:36px;font-size:clamp(11px,2.2vw,13px);color:#6a8e78;letter-spacing:3px;z-index:2}