*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;padding:0}html,body{color:#fff;background-color:#000;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#game-canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#game-canvas-container canvas{width:100%;height:100%;display:block}#loading-screen{z-index:1000;background:radial-gradient(circle,#1e2b1f 0%,#0d130e 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.loading-logo-box{text-align:center;margin-bottom:25px}.brand-badge{color:#000;letter-spacing:2px;background:#f93;border-radius:4px;margin-bottom:8px;padding:4px 14px;font-size:13px;font-weight:900;display:inline-block}.game-title{letter-spacing:3px;color:#fff;text-shadow:0 4px 15px #000c;font-size:38px;font-weight:900}.game-subtitle{color:#138808;letter-spacing:4px;font-size:14px;font-weight:700}.loading-bar-container{background:#ffffff1a;border-radius:4px;width:280px;height:8px;margin-top:15px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg,#f93,#fff,#138808);width:100%;height:100%;animation:1.2s ease-in-out infinite loadAnim}@keyframes loadAnim{0%{transform:translate(-100%)}to{transform:translate(100%)}}#main-menu{z-index:50;background:linear-gradient(135deg,#0e140feb 0%,#141c22e0 100%);flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:30px 45px;display:flex;position:absolute;top:0;left:0}.menu-header{justify-content:space-between;align-items:flex-start;display:flex}.menu-version-pill{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:5px 12px;font-size:12px}.menu-center-content{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.menu-features-list{flex-direction:column;gap:12px;max-width:360px;display:flex}.feature-item{background:#ffffff0f;border-left:3px solid #f93;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.menu-actions-stack{flex-direction:column;gap:14px;width:260px;display:flex}.menu-btn{letter-spacing:1.5px;color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:16px;font-weight:800;transition:transform .1s,filter .2s;display:flex;box-shadow:0 4px 12px #0006}.menu-btn:active{transform:scale(.97)}.menu-btn-play{background:linear-gradient(135deg,#e67e22 0%,#d35400 100%);border:2px solid #f39c12;padding:18px 24px;font-size:20px}.menu-btn-practice{background:linear-gradient(135deg,#27ae60 0%,#1e8449 100%);border:1px solid #2ecc71}.menu-btn-secondary{background:#ffffff1f;border:1px solid #ffffff40}.menu-footer{color:#ffffff80;justify-content:space-between;font-size:12px;display:flex}#hud-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hud-top-bar{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:10px;left:12px;right:12px}.minimap-container{pointer-events:auto;background:#000;border:2px solid #fff9;border-radius:50%;width:125px;height:125px;overflow:hidden;box-shadow:0 4px 15px #0009}#minimap-canvas{width:100%;height:100%;display:block}.hud-top-center{flex-direction:column;align-items:center;gap:6px;display:flex}.hud-match-counters{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border:1px solid #fff3;border-radius:20px;align-items:center;gap:16px;padding:6px 14px;font-size:13px;font-weight:800;display:flex}.counter-item{align-items:center;gap:5px;display:flex}.counter-alive{color:#fc0}.counter-kills{color:#e74c3c}.counter-zone{color:#00e1d9}.zone-alert-banner{color:#fff;letter-spacing:1px;background:#e74c3cd9;border-radius:4px;padding:4px 16px;font-size:12px;font-weight:900;animation:1s infinite alternate pulseZone;display:none}@keyframes pulseZone{0%{opacity:.8;transform:scale(.96)}to{opacity:1;transform:scale(1.02)}}.hud-top-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.hud-btn-pause{color:#fff;cursor:pointer;pointer-events:auto;background:#0009;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}#hud-kill-feed{flex-direction:column;gap:4px;max-width:250px;display:flex}.kill-feed-entry{background:#000000b3;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:700;transition:opacity .3s;display:flex}.kill-feed-entry.fade-out{opacity:0}.kill-feed-entry .killer.you{color:#fc0}.kill-feed-entry .victim{color:#e74c3c}.kill-feed-entry .weapon-tag{color:#95a5a6}.crosshair-container{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-line{background:#ffffffe6;position:absolute;box-shadow:0 0 2px #000c}.crosshair-top{width:2px;height:10px;top:-14px}.crosshair-bottom{width:2px;height:10px;bottom:-14px}.crosshair-left{width:10px;height:2px;left:-14px}.crosshair-right{width:10px;height:2px;right:-14px}.crosshair-dot{background:#fc0;border-radius:50%;width:4px;height:4px}#hud-hitmarker{pointer-events:none;opacity:0;width:24px;height:24px;transition:opacity 50ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#hud-hitmarker.active{opacity:1}.hm-tick{background:#fff;position:absolute}#hud-hitmarker.headshot .hm-tick{background:#e74c3c}.hm-top{width:2px;height:7px;top:0;left:11px}.hm-bottom{width:2px;height:7px;bottom:0;left:11px}.hm-left{width:7px;height:2px;top:11px;left:0}.hm-right{width:7px;height:2px;top:11px;right:0}#hud-sniper-scope{pointer-events:none;background:radial-gradient(circle,#0000 38%,#000000fa 42%);justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.scope-reticle-circle{border:2px solid #00ffc880;border-radius:50%;justify-content:center;align-items:center;width:min(75vh,75vw);height:min(75vh,75vw);display:flex;position:relative}.scope-reticle-h{background:#00ffc899;width:100%;height:1px;position:absolute}.scope-reticle-v{background:#00ffc899;width:1px;height:100%;position:absolute}#hud-loot-prompt{color:#fc0;pointer-events:auto;cursor:pointer;background:#000000bf;border:1px solid #fc0;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:800;display:none;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0009}#hud-loot-prompt span{color:#000;background:#fc0;border-radius:4px;padding:2px 6px}.hud-bottom-bar{pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:15px;left:20px;right:20px}.hud-player-status{flex-direction:column;gap:6px;width:200px;display:flex}.status-bar-row{align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.status-bar-track{background:#0009;border:1px solid #fff3;border-radius:5px;flex:1;height:10px;overflow:hidden}.status-bar-fill-hp{background:#2ecc71;width:100%;height:100%;transition:width .2s,background-color .3s}.status-bar-fill-armor{background:#3498db;width:50%;height:100%;transition:width .2s}.hud-weapon-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:15px;padding:10px 18px;display:flex}.weapon-card-info{flex-direction:column;align-items:flex-end;display:flex}.hud-weapon-name{letter-spacing:1px;color:#f93;font-size:14px;font-weight:900}.hud-ammo-display{align-items:baseline;gap:4px;display:flex}.hud-ammo-current{color:#fff;font-size:26px;font-weight:900}.hud-ammo-reserve{color:#fff9;font-size:14px;font-weight:700}.hud-reload-indicator{border-radius:50%;width:32px;height:32px;display:none}#touch-controls-layer{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#joystick-zone{pointer-events:auto;width:45%;height:60%;position:absolute;bottom:0;left:0}#joystick-base{pointer-events:none;background:#ffffff14;border:2px solid #ffffff59;border-radius:50%;width:110px;height:110px;margin-top:-55px;margin-left:-55px;display:none;position:absolute}#joystick-knob{pointer-events:none;background:radial-gradient(circle at 35% 35%,#fa0,#d35400);border-radius:50%;width:50px;height:50px;position:absolute;top:30px;left:30px;box-shadow:0 4px 10px #00000080}#look-zone{pointer-events:auto;width:55%;height:100%;position:absolute;top:0;right:0}.touch-btn{color:#fff;pointer-events:auto;background:#0009;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:transform 80ms,background-color .1s;display:flex;position:absolute;box-shadow:0 4px 10px #00000080}.touch-btn.active{border-color:#fc0;transform:scale(.92);background:#f93c!important}#btn-touch-fire{background:radial-gradient(circle,#c0392b 0%,#78281f 100%);border-color:#e74c3c;width:72px;height:72px;font-size:16px;bottom:45px;right:55px}#btn-touch-aim{background:#1e2832b3;width:52px;height:52px;bottom:130px;right:50px}#btn-touch-jump{width:52px;height:52px;bottom:75px;right:145px}#btn-touch-crouch{width:48px;height:48px;bottom:20px;right:140px}#btn-touch-reload{width:46px;height:46px;bottom:135px;right:115px}#btn-touch-medkit{background:#2ecc7159;border-color:#2ecc71;width:48px;height:48px;bottom:70px;left:235px}.touch-badge{color:#fff;background:#e74c3c;border-radius:10px;padding:1px 5px;font-size:10px;position:absolute;top:-4px;right:-4px}.medkit-use-bar{background:#2ecc71;width:0%;height:4px;display:none;position:absolute;bottom:0;left:0}.touch-slots-bar{pointer-events:auto;gap:8px;display:flex;position:absolute;top:15px;left:150px}.touch-slot-pill{color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff4d;border-radius:14px;padding:6px 12px;font-size:11px;font-weight:800}.touch-slot-pill.active{color:#000;background:#f93;border-color:#fc0}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;background:#000000d1;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.modal-card{background:#1a221b;border:1px solid #f936;border-radius:14px;flex-direction:column;gap:18px;width:90%;max-width:480px;padding:24px 30px;display:flex;box-shadow:0 10px 30px #000c}.modal-header{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.modal-title{color:#f93;letter-spacing:1px;font-size:20px;font-weight:900}.btn-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px}.settings-group{flex-direction:column;gap:14px;max-height:50vh;padding-right:5px;display:flex;overflow-y:auto}.setting-row{justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.setting-row select,.setting-row input[type=range]{color:#fff;background:#2a342c;border:1px solid #ffffff4d;border-radius:6px;outline:none;padding:6px 10px}.setting-row select{font-size:13px}.setting-slider-box{align-items:center;gap:10px;display:flex}.results-card{text-align:center;max-width:420px}.results-title.victory{color:#fc0;text-shadow:0 0 15px #fc09;font-size:26px}.results-title.defeat{color:#e74c3c;font-size:26px}.results-rank{margin-top:4px;font-size:22px;font-weight:900}.results-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin:15px 0;display:grid}.result-stat-box{background:#ffffff0f;border-top:2px solid #f93;border-radius:8px;padding:12px}.stat-label{color:#fff9;text-transform:uppercase;font-size:10px}.stat-val{margin-top:4px;font-size:20px;font-weight:900}.results-buttons{gap:12px;display:flex}.controls-table{border-collapse:collapse;width:100%;font-size:12px}.controls-table th,.controls-table td{text-align:left;border-bottom:1px solid #ffffff1a;padding:6px 10px}.controls-table th{color:#f93}