:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}.app{width:100%;height:100%;position:relative}.game-canvas{width:100%;height:100%}.game-canvas *{-webkit-user-select:none;user-select:none}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base{margin:0 auto;left:0;right:0}.hero .framework{margin:0 auto;left:0;right:0}.hero .vite{margin:0 auto;left:0;right:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework{position:absolute}.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (max-width:1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width:1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (max-width:1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (max-width:1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (max-width:1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (max-width:1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}@keyframes killFeedSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes killStreakPop{0%{opacity:0;transform:translate(-50%)scale(.5)}50%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:1;transform:translate(-50%)scale(1)}}.main-menu{z-index:1000;background:radial-gradient(at 50% 30%,#143c6459 0%,#0000 55%),radial-gradient(at 30% 80%,#0a322840 0%,#0000 45%),radial-gradient(at 70% 70%,#0f2d3c33 0%,#0000 40%),linear-gradient(175deg,#0c1e30 0%,#0a1a28 20%,#081820 45%,#061418 70%,#040e10 100%);flex-direction:column;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.main-menu:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#64b4ff05 0%,#0000 40%),linear-gradient(225deg,#50c89604 0%,#0000 35%);width:100%;height:100%;position:absolute;top:0;left:0}.main-menu:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 40%,#0009 100%);width:100%;height:100%;position:absolute;top:0;left:0}.top-bar{z-index:20;background:linear-gradient(#000000d9 0%,#00000080 70%,#0000 100%);flex-shrink:0;justify-content:space-between;align-items:center;min-height:56px;padding:8px 16px;display:flex;position:relative}.top-bar-left{align-items:center;gap:10px;display:flex}.player-avatar-small{background:linear-gradient(135deg,#1a3a5c,#0d2a44);border:2px solid #3a8adf;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 0 15px #3a8adf59,inset 0 0 10px #3a8adf1a}.player-info-block{flex-direction:column;gap:2px;display:flex}.player-name-row{align-items:center;gap:8px;display:flex}.player-name-text{color:#fff;text-shadow:0 1px 4px #000c;font-size:15px;font-weight:700}.player-level-badge{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;box-shadow:0 1px 6px #f59e0b66}.player-level-badge:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.season-badge{color:#fbbf24;cursor:pointer;background:linear-gradient(135deg,#f59e0b1f,#d9770614);border:1px solid #f59e0b40;border-radius:4px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;display:flex}.season-badge:hover{background:linear-gradient(135deg,#f59e0b33,#d9770626)}.logout-btn{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:3px 10px;font-size:11px;transition:all .2s}.logout-btn:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.top-bar-right{align-items:center;gap:6px;display:flex}.currency-item{white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#0000008c,#00000059);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.currency-coins{color:#fbbf24;border-color:#fbbf2433}.currency-diamonds{color:#60a5fa;border-color:#60a5fa33}.currency-tokens{color:#c084fc;border-color:#c084fc33}.currency-star-stones{color:#fbbf24;background:linear-gradient(135deg,#fbbf2414,#00000059);border-color:#fbbf2440}.currency-lucky-coins{color:#4ade80;background:linear-gradient(135deg,#4ade8014,#00000059);border-color:#4ade8033}.currency-trend-fragments{color:#f472b6;background:linear-gradient(135deg,#f472b614,#00000059);border-color:#f472b633}.currency-plus{color:#ffffff80;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:2px;font-size:10px;display:flex}.currency-plus:hover{color:#fff;background:#fff3}.main-content-area{z-index:5;flex:1;display:flex;position:relative;overflow:hidden}.left-sidebar{z-index:10;scrollbar-width:none;background:linear-gradient(90deg,#0000008c 0%,#0003 65%,#0000 100%);flex-direction:column;align-items:center;gap:3px;width:72px;padding:10px 0;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden auto}.left-sidebar::-webkit-scrollbar{display:none}.sidebar-btn{cursor:pointer;color:#fff9;background:linear-gradient(#ffffff12 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:56px;height:56px;transition:all .15s;display:flex;position:relative}.sidebar-btn:hover{color:#fff;background:linear-gradient(#ffffff24 0%,#ffffff0f 100%);border-color:#fff3;transform:scale(1.06)}.sidebar-btn .sidebar-icon{filter:drop-shadow(0 1px 3px #00000080);font-size:24px;line-height:1}.sidebar-btn .sidebar-label{white-space:nowrap;text-shadow:0 1px 2px #000c;font-size:9px;font-weight:500;line-height:1}.sidebar-btn:before{content:"";opacity:.7;border-radius:1px;width:2px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-btn.mission-btn-sb:before{background:#a855f7}.sidebar-btn.activity-btn-sb:before{background:#ec4899}.sidebar-btn.achievement-btn-sb:before{background:#eab308}.sidebar-btn.inventory-btn-sb:before{background:#22c55e}.sidebar-btn.craft-btn-sb:before{background:#f97316}.sidebar-btn.skin-btn-sb:before{background:#8b5cf6}.sidebar-btn.gift-btn-sb:before{background:#f472b6}.sidebar-btn.settings-btn-sb:before{background:#6b7280}.sidebar-btn.admin-btn-sb:before{background:#ef4444}.sidebar-btn.codebook-btn-sb:before{background:#3b82f6}.sidebar-btn.shop-btn-sb:before{background:#06b6d4}.sidebar-btn.friend-btn-sb:before{background:#3b82f6}.sidebar-btn.team-btn-sb:before{background:#22c55e}.sidebar-btn.mail-btn-sb:before{background:#f59e0b}.sidebar-btn.rank-btn-sb:before{background:#eab308}.sidebar-btn.recruit-main-btn-sb:before{background:#2563eb}.sidebar-btn.blindbox-btn-sb:before{background:#a855f7}.menu-red-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite redDotPulse;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #ef4444cc}@keyframes redDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.character-viewport{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:72px;right:72px;overflow:hidden}.character-viewport:after{content:"";pointer-events:none;background:radial-gradient(#3a8adf33 0%,#3a8adf14 40%,#0000 70%);border-radius:50%;width:600px;height:120px;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.character-display-fallback{z-index:5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.character-figure-wrapper{flex-direction:column;justify-content:center;align-items:center;width:400px;height:600px;display:flex;position:relative}.character-glow{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.character-svg-container{z-index:2;filter:drop-shadow(0 10px 30px #00000080);justify-content:center;align-items:center;display:flex;position:relative}.character-svg-container svg{width:auto;height:auto}.character-skin-name{z-index:3;color:#fff;text-shadow:0 2px 8px #000c;letter-spacing:2px;margin-top:16px;font-size:18px;font-weight:700;position:relative}.character-ground-shadow{z-index:1;background:radial-gradient(#0009 0%,#0000 70%);border-radius:50%;width:300px;height:40px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.character-info-overlay{text-align:center;z-index:10;pointer-events:none;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.character-name-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000a6,#00000059);border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:10px;padding:8px 24px;display:inline-flex}.character-name-tag h3{text-shadow:0 2px 8px #000c;margin:0;font-size:18px;font-weight:700}.character-rarity-badge{border:1px solid;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600}.right-panel{z-index:10;background:linear-gradient(270deg,#0000008c 0%,#0003 65%,#0000 100%);flex-direction:column;align-items:center;gap:6px;width:72px;padding:10px 0;display:flex;position:absolute;top:0;bottom:0;right:0}.recruit-main-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f666;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:56px;height:56px;font-size:9px;transition:all .15s;display:flex;box-shadow:0 2px 15px #2563ec59}.recruit-main-btn:hover{transform:scale(1.06);box-shadow:0 4px 20px #2563ec80}.recruit-main-btn .recruit-icon{font-size:24px}.recruit-main-btn .recruit-label{text-shadow:0 1px 2px #00000080;font-size:9px}.bottom-bar{z-index:20;background:linear-gradient(#0000004d 0%,#000000b3 40%,#000000e6 100%);border-top:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;position:relative}.bottom-mode-selector{flex-direction:column;flex:1;gap:8px;max-width:400px;display:flex}.mode-category-tabs{background:#0006;border:1px solid #ffffff0f;border-radius:20px;gap:4px;padding:3px;display:flex}.mode-cat-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.mode-cat-tab:hover{color:#fffc;background:#ffffff0d}.mode-cat-tab.active{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#d9770626);border:1px solid #f59e0b4d;box-shadow:0 0 10px #f59e0b26}.mode-cat-icon{font-size:14px}.mode-cat-label{font-size:11px}.mode-sub-list{flex-wrap:wrap;gap:4px;display:flex}.mode-sub-btn{color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;transition:all .2s;display:flex}.mode-sub-btn:hover{color:#fff;background:#ffffff14}.mode-sub-btn.active{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b66}.mode-sub-name{font-size:11px}.squad-slots{align-items:center;gap:8px;display:flex}.squad-slot{cursor:pointer;background:#ffffff08;border:1px dashed #ffffff26;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:56px;height:56px;transition:all .2s;display:flex}.squad-slot:hover{background:#ffffff0f;border-color:#f59e0b4d}.squad-slot-icon{opacity:.4;font-size:20px}.squad-slot-text{color:#ffffff4d;font-size:9px}.bottom-start-area{align-items:center;display:flex}.start-game-main-btn{color:#fff;letter-spacing:4px;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:28px;justify-content:center;align-items:center;width:120px;height:56px;font-size:18px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #f59e0b66,inset 0 1px #fff3}.start-game-main-btn:before{content:"";background:linear-gradient(45deg,#0000 40%,#ffffff26 50%,#0000 60%);width:200%;height:200%;animation:3s ease-in-out infinite btnShine;position:absolute;top:-50%;left:-50%}.start-game-main-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 25px #f59e0b80,inset 0 1px #fff3}.start-game-main-btn:active{transform:translateY(0)}.start-game-text{letter-spacing:4px;z-index:1;font-size:18px;font-weight:700;position:relative}@keyframes btnShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mode-tabs{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:1px solid #ffffff14;border-radius:22px;gap:0;margin-bottom:10px;display:flex;overflow:hidden}.mode-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:8px 32px;font-size:14px;font-weight:500;transition:all .2s}.mode-tab:hover{color:#fffc}.mode-tab.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:22px;font-weight:700;box-shadow:0 2px 10px #f59e0b59}.start-game-btn{color:#fff;cursor:pointer;text-shadow:0 2px 4px #00000080;letter-spacing:6px;background:linear-gradient(#f59e0b 0%,#d97706 45%,#b45309 100%);border:2px solid #fbbf24;border-radius:28px;width:320px;padding:16px 28px;font-size:24px;font-weight:900;transition:all .2s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 25px #f59e0b73,0 0 50px #f59e0b1a,inset 0 1px #ffffff4d,inset 0 -2px #0003}.start-game-btn:before{content:"";background:linear-gradient(45deg,#0000 40%,#ffffff1f 50%,#0000 60%);width:200%;height:200%;animation:3s ease-in-out infinite btnShine;position:absolute;top:-50%;left:-50%}.start-game-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 35px #f59e0b99,0 0 70px #f59e0b26,inset 0 1px #ffffff4d,inset 0 -2px #0003}.start-game-btn:active{transform:translateY(0)}.start-panel-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e0;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.start-panel-inner{background:linear-gradient(145deg,#0d1f2d 0%,#0a1628 50%,#081410 100%);border:1px solid #f59e0b33;border-radius:14px;width:90%;max-width:720px;max-height:85vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #000c,0 0 40px #f59e0b0d}.start-panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.start-panel-header h2{color:#fff;margin:0;font-size:20px}.back-to-char-btn{color:#aaa;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:6px 16px;font-size:12px;transition:all .2s}.back-to-char-btn:hover{color:#fff;background:#ffffff26}.mode-selector-inline{margin:8px 0 18px}.menu-section{margin-bottom:20px}.menu-section h3{color:#fff9;margin:0 0 10px;font-size:14px;font-weight:500}.difficulty-buttons{justify-content:center;gap:8px;display:flex}.difficulty-buttons button{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;padding:10px 24px;font-size:14px;transition:all .2s}.difficulty-buttons button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.difficulty-buttons button.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fbbf24;box-shadow:0 2px 10px #f59e0b4d}.scene-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.scene-btn{color:#ffffffb3;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;align-items:center;min-width:90px;padding:10px 16px;font-size:13px;transition:all .2s;display:flex}.scene-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.scene-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6;box-shadow:0 2px 10px #2563ea4d}.scene-name{font-size:14px;font-weight:700}.scene-desc{opacity:.6;margin-top:2px;font-size:10px}.start-button{color:#fff;cursor:pointer;background:linear-gradient(#f59e0b,#d97706);border:none;border-radius:22px;margin:16px auto 0;padding:14px 40px;font-size:18px;font-weight:700;transition:all .2s;display:block;box-shadow:0 4px 15px #f59e0b4d}.start-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b80}.start-button:disabled{opacity:.5;cursor:not-allowed}.multiplayer-section{margin:16px 0}.hint-text{color:#fff6;margin:6px 0;font-size:12px}.name-input{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;outline:none;width:180px;margin:8px 0;padding:10px 16px;font-size:14px}.name-input:focus{border-color:#f59e0b}.room-input-group{justify-content:center;gap:8px;margin-top:10px;display:flex}.room-input{text-align:center;text-transform:uppercase;color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;outline:none;width:160px;padding:10px 16px;font-size:16px}.room-input:focus{border-color:#f59e0b}.room-input::placeholder{color:#ffffff4d}.join-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:all .2s}.join-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.connection-status{text-align:center;background:#0000004d;border-radius:8px;margin:16px 0;padding:20px}.connection-status.connected{border:1px solid #f59e0b66}.connection-status.error{border:1px solid #ef444466}.connection-status p{color:#fff;margin:8px 0;font-size:16px}.spinner{border:3px solid #ffffff1a;border-top-color:#f59e0b;border-radius:50%;width:32px;height:32px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-code-display{background:#0000004d;border-radius:8px;margin:16px 0;padding:16px}.room-code-display p{color:#fff9;margin:4px 0;font-size:13px}.room-code{color:#f59e0b;letter-spacing:4px;background:#f59e0b1a;border-radius:6px;margin:8px 0;padding:12px;font-family:monospace;font-size:28px;font-weight:700}.disconnect-button,.retry-button{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;margin-top:12px;padding:10px 24px;font-size:14px;transition:all .2s}.disconnect-button:hover,.retry-button:hover{color:#fff;background:#ffffff1a}.room-players-list{background:#0003;border:1px solid #ffffff0f;border-radius:8px;margin:16px 0;padding:12px}.room-players-list h3{color:#ffffff80;margin:0 0 10px;font-size:14px}.room-player-item{background:#ffffff08;border-left:3px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;margin:4px 0;padding:8px 12px;display:flex}.room-player-item.ready{background:#f59e0b14;border-left-color:#f59e0b}.room-player-item .player-name{color:#fff;font-size:14px}.room-player-item .player-status{color:#fff6;font-size:12px}.room-player-item.ready .player-status{color:#f59e0b}.ready-button{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;margin:12px auto;padding:12px 30px;font-size:16px;transition:all .2s;display:block}.ready-button:hover{color:#fff;background:#ffffff1a}.ready-button.is-ready{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b}.deploy-soldier-grid{flex-direction:column;gap:6px;max-height:250px;margin:8px 0;display:flex;overflow-y:auto}.deploy-soldier-actions{justify-content:center;gap:8px;margin-bottom:4px;display:flex}.deploy-select-btn{color:#f59e0b;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;padding:4px 10px;font-size:11px}.deploy-select-btn:hover{background:#f59e0b4d}.deploy-soldier-option{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.deploy-soldier-icon{text-align:center;min-width:28px;font-size:20px}.deploy-soldier-info{flex:1;min-width:0}.deploy-soldier-info h4{margin:0;font-size:13px;font-weight:700}.deploy-soldier-available{color:#fff6;font-size:10px}.deploy-soldier-controls{align-items:center;gap:4px;display:flex}.deploy-qty-btn{color:#fff;cursor:pointer;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.deploy-qty-btn:hover{background:#f59e0b66}.deploy-qty-input{color:#fff;text-align:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;outline:none;width:36px;height:24px;font-size:12px;font-weight:700}.deploy-hint{color:#ffffff59;text-align:center;margin:4px 0 0;font-size:11px}.crafting-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.crafting-panel{background:linear-gradient(145deg,#0d1f2d 0%,#0a1628 100%);border:1px solid #f59e0b4d;border-radius:12px;flex-direction:column;width:90%;max-width:700px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}.crafting-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.crafting-header h2{color:#fff;margin:0;font-size:16px}.crafting-close{color:#aaa;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:28px;height:28px;font-size:14px}.crafting-close:hover{color:#fff;background:#ef44444d}.crafting-materials{border-bottom:1px solid #ffffff0f;padding:14px}.crafting-materials h3{color:#fff6;text-transform:uppercase;margin:0 0 10px;font-size:11px}.materials-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;display:grid}.material-item{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px;display:flex}.material-icon{font-size:18px}.material-name{color:#fff6;font-size:10px}.material-count{color:#fff;font-size:13px;font-weight:700}.crafting-recipes{flex:1;padding:14px;overflow-y:auto}.crafting-recipes h3{color:#fff6;text-transform:uppercase;margin:0 0 10px;font-size:11px}.recipe-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:10px;display:flex}.recipe-item.craftable{background:#f59e0b0a;border-color:#f59e0b4d}.recipe-icon{text-align:center;width:36px;font-size:24px}.recipe-info{flex:1}.recipe-info h4{color:#fff;margin:0 0 2px;font-size:13px}.recipe-info p{color:#fff6;margin:0 0 4px;font-size:11px}.recipe-materials{flex-wrap:wrap;gap:4px;display:flex}.recipe-mat{color:#ffffff80;background:#ffffff0a;border-radius:3px;padding:1px 5px;font-size:10px}.craft-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:700}.craft-button:disabled{color:#555;cursor:not-allowed;background:#333}.craft-button:not(:disabled):hover{transform:scale(1.05);box-shadow:0 2px 8px #f59e0b4d}.crafting-hint{color:#ffffff59;text-align:center;border-top:1px solid #ffffff0f;padding:10px 14px;font-size:11px}.gift-panel-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.gift-panel{background:linear-gradient(145deg,#0d1f2d,#0a1628);border:1px solid #ec48994d;border-radius:12px;min-width:320px;max-width:90%;padding:24px;box-shadow:0 20px 60px #0009}.gift-panel h2{color:#f472b6;text-align:center;margin:0 0 16px;font-size:18px}.gift-form{flex-direction:column;gap:10px;display:flex}.gift-form label{color:#fff9;font-size:12px}.gift-select,.gift-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;outline:none;padding:10px;font-size:13px}.gift-select:focus,.gift-input:focus{border-color:#ec489980}.gift-select option{color:#fff;background:#0d1f2d}.gift-msg{color:#4ade80;text-align:center;background:#4ade8014;border-radius:6px;margin:8px 0;padding:8px;font-size:12px}.gift-buttons{gap:8px;margin-top:12px;display:flex}.gift-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:700}.gift-confirm-btn:hover:not(:disabled){transform:scale(1.02)}.gift-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.gift-cancel-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:10px;font-size:14px}.gift-cancel-btn:hover{background:#ffffff1a}.skin-panel-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.skin-panel{background:linear-gradient(145deg,#0d1f2d,#0a1628);border:1px solid #a855f74d;border-radius:12px;width:90%;max-width:750px;max-height:85vh;padding:20px;overflow-y:auto}.skin-panel-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.skin-panel-header h2{color:#fff;margin:0;font-size:18px}.skin-panel-close{color:#aaa;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:28px;height:28px;font-size:16px}.skin-panel-close:hover{color:#fff;background:#ef44444d}.skin-msg{color:#f59e0b;text-align:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;margin-bottom:10px;padding:6px 12px;font-size:12px}.skin-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.skin-card{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;padding:12px;transition:all .2s;display:flex}.skin-card:hover{background:#ffffff0f;transform:translateY(-1px)}.skin-card.equipped{background:#ffffff0f}.skin-card-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:6px;display:flex}.skin-card-icon span{font-size:32px}.skin-card-info h4{margin:0 0 2px;font-size:13px}.skin-rarity{border:1px solid;border-radius:3px;margin-bottom:3px;padding:1px 6px;font-size:9px;display:inline-block}.skin-desc{color:#fff6;margin:2px 0 0;font-size:10px;line-height:1.3}.skin-card-actions{width:100%;margin-top:8px}.skin-equipped-badge{text-align:center;color:#f59e0b;background:#f59e0b14;border-radius:6px;padding:4px;font-size:12px;font-weight:700;display:block}.skin-equip-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:6px;width:100%;padding:6px;font-size:12px;font-weight:700}.skin-equip-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.skin-buy-btn{color:#fbbf24;cursor:pointer;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:6px;width:100%;padding:6px;font-size:12px;font-weight:700}.skin-buy-btn:hover{background:#fbbf2426;border-color:#fbbf24}.lan-button{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 4px 15px #2563ea4d!important}.lan-button:hover{box-shadow:0 6px 20px #2563ea80!important}.main-menu ::-webkit-scrollbar{width:4px}.main-menu ::-webkit-scrollbar-track{background:0 0}.main-menu ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.main-menu ::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.left-sidebar{width:56px}.sidebar-btn{width:46px;height:46px}.sidebar-btn .sidebar-icon{font-size:20px}.sidebar-btn .sidebar-label{font-size:8px}.right-panel{width:56px}.bottom-bar{flex-wrap:wrap;gap:8px;padding:8px 12px}.bottom-mode-selector{max-width:200px}.mode-category-tabs{flex-wrap:wrap}.mode-cat-tab{padding:4px 6px;font-size:10px}.mode-sub-list{gap:2px}.mode-sub-btn{padding:3px 6px;font-size:10px}.squad-slots{gap:4px}.squad-slot{width:44px;height:44px}.start-game-main-btn{width:90px;height:48px;font-size:15px}.character-viewport{left:56px;right:56px}.currency-item{padding:3px 8px;font-size:10px}.top-bar{height:48px;padding:4px 8px}.character-avatar{width:220px;height:300px}}.hit-feedback-hud{pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.damage-number{animation:2s ease-out forwards damageFloat}@keyframes damageFloat{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-50px)}}.hit-marker{animation:.8s ease-out forwards hitMarkerPulse}@keyframes hitMarkerPulse{0%{transform:translate(-50%,-50%)scale(.8)}50%{transform:translate(-50%,-50%)scale(1.2)}to{transform:translate(-50%,-50%)scale(1)}}.damage-indicator{animation:3s ease-out forwards indicatorFade}@keyframes indicatorFade{0%{opacity:1}to{opacity:0}}.hud{pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;top:0;left:0}.hud-top{align-items:center;gap:40px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.quit-btn{color:#fff;cursor:pointer;pointer-events:auto;z-index:110;background:#0009;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:fixed;top:20px;left:20px}.quit-btn:hover{background:#ef4444cc;border-color:#ef4444;transform:scale(1.1)}.quit-btn:active{transform:scale(.9)}.alive-count{color:#fff;background:#0009;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:20px;display:flex}.zone-timer{color:#fff;background:#0009;border-radius:8px;padding:10px 20px;font-size:16px}.zone-timer .warning{color:#f44;animation:1s infinite pulse}.zone-timer .invincible-indicator{color:#4ade80;text-shadow:0 0 10px #4ade8080;animation:1.5s infinite shieldPulse}@keyframes shieldPulse{0%,to{opacity:1;text-shadow:0 0 10px #4ade8080}50%{opacity:.8;text-shadow:0 0 20px #4ade80cc}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.kills{color:#fff;background:#0009;border-radius:8px;padding:10px 20px;font-size:16px}.game-mode-indicator{cursor:help;background:#0009;border-radius:8px;padding:10px 15px;font-size:20px}.mode-info{color:#fbbf24;background:#0009;border-radius:8px;align-items:center;gap:10px;padding:10px 15px;font-size:14px;display:flex}.disguise-container{z-index:100;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.disguise-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #15803d;border-radius:12px;padding:15px 25px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #22c55e66}.disguise-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #22c55e99}.disguise-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#b45309;box-shadow:0 4px 12px #f59e0b66}.friendly-count{color:#22c55e;background:#22c55e4d;border:1px solid #22c55e80;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:16px;display:flex}.friendly-icon{font-size:18px}.hud-bottom{align-items:flex-end;gap:40px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.status-bars{flex-direction:column;gap:8px;display:flex}.bar-container{align-items:center;gap:10px;display:flex}.bar-label{color:#fff;text-align:right;width:30px;font-size:12px}.bar{background:#0009;border-radius:4px;width:200px;height:24px;position:relative;overflow:hidden}.bar-fill{height:100%;transition:width .3s}.health-bar .bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.armor-bar .bar-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.bar-text{color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.weapon-info{text-align:center;background:#0009;border-radius:8px;padding:15px 25px}.no-weapon{color:#666;font-size:14px}.pickup-prompt{background:#000c;border:1px solid #ffc80080;border-radius:8px;align-items:center;gap:12px;padding:12px 24px;animation:1.5s infinite pickupPulse;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}@keyframes pickupPulse{0%,to{border-color:#ffc80080}50%{border-color:#ffc800}}.pickup-key{color:#000;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.pickup-info{color:#fff;font-size:16px}.pickup-weapon-name{color:#fbbf24;font-weight:700}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-dot{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-line{background:#fff;position:absolute}.crosshair-line.top{width:2px;height:10px;top:-15px;left:50%;transform:translate(-50%)}.crosshair-line.bottom{width:2px;height:10px;bottom:-15px;left:50%;transform:translate(-50%)}.crosshair-line.left{width:10px;height:2px;top:50%;left:-15px;transform:translateY(-50%)}.crosshair-line.right{width:10px;height:2px;top:50%;right:-15px;transform:translateY(-50%)}.scope-overlay{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.scope-circle{background:radial-gradient(circle,#0000 40%,#0000004d 70%,#000000b3 100%);border:3px solid #000c;border-radius:50%;width:300px;height:300px;position:relative;box-shadow:0 0 0 9999px #00000080,inset 0 0 30px #00000080}.scope-crosshair-h{background:#000c;width:80%;height:2px;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.scope-crosshair-h:after{content:"";background:#f00c;width:20px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scope-crosshair-v{background:#000c;width:2px;height:80%;position:absolute;top:10%;left:50%;transform:translate(-50%)}.scope-crosshair-v:after{content:"";background:#f00c;width:2px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scope-label{color:#ffffffb3;text-shadow:1px 1px 2px #000c;font-size:14px;font-weight:700;position:absolute;bottom:30%;right:35%}.minimap{background:#0009;border:2px solid #ffffff4d;border-radius:8px;width:150px;height:150px;position:absolute;top:20px;right:20px}.minimap-player{background:#22c55e;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.minimap-enemy{background:#f22;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 4px red}.minimap-building{box-sizing:border-box;background:#96969699;border:1px solid #c8c8c866;position:absolute}.weapon-panel{background:#000000b3;border-radius:8px;flex-direction:column;gap:8px;min-width:200px;padding:12px;display:flex}.weapon-slot{background:#0006;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:10px;padding:8px;transition:all .2s;display:flex}.weapon-slot.active{background:#fbbf241a;border-color:#fbbf24}.slot-key{color:#888;background:#333;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.weapon-slot.active .slot-key{color:#000;background:#fbbf24}.slot-info{flex:1}.weapon-name{color:#aaa;margin-bottom:2px;font-size:12px}.ammo-count{color:#fff;font-size:18px;font-weight:700}.current-ammo{color:#fbbf24}.ammo-separator{color:#666;margin:0 2px}.max-ammo{color:#888}.mag-count{color:#888;margin-top:2px;font-size:11px}.empty-slot{color:#555;font-size:12px;font-style:italic}.weapon-controls{color:#666;text-align:center;margin-top:4px;font-size:10px}.no-weapon-warning{text-align:center;background:#000c;border:1px solid #ff646480;border-radius:8px;padding:16px 32px;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.no-weapon-text{color:#ff6b6b;margin-bottom:6px;font-size:18px;font-weight:700}.no-weapon-hint{color:#aaa;font-size:14px}.vehicle-enter-prompt{color:#fff;text-align:center;background:#000000b3;border:2px solid #3b82f680;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700;animation:1.5s ease-in-out infinite vehicle-prompt-pulse;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}@keyframes vehicle-prompt-pulse{0%,to{border-color:#3b82f680}50%{border-color:#3b82f6}}.vehicle-driving-ui{text-align:center;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.vehicle-speed{color:#fff;text-shadow:0 2px 8px #000c;font-family:Courier New,monospace;font-size:48px;font-weight:700}.vehicle-exit-hint{color:#fff9;margin-top:8px;font-size:14px}.vehicle-action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;background:#0009;border:2px solid #fff6;border-radius:8px;margin-top:10px;padding:10px 24px;font-size:16px;font-weight:700;transition:all .15s;display:inline-block}.vehicle-action-btn:hover{background:#3b82f699;border-color:#3b82f6e6;transform:scale(1.05)}.vehicle-action-btn:active{background:#3b82f6cc;transform:scale(.95)}.vehicle-enter-btn{border-color:#22c55e99}.vehicle-enter-btn:hover{background:#22c55e99;border-color:#22c55ee6}.vehicle-exit-btn{border-color:#ef444499}.vehicle-exit-btn:hover{background:#ef444499;border-color:#ef4444e6}.vehicle-enter-text{color:#fff;margin-bottom:4px;font-size:18px;font-weight:700}.tank-ammo-display{color:#fa0;text-align:center;background:#0009;border:2px solid #ffaa0080;border-radius:8px;margin-top:6px;padding:6px 14px;font-size:14px;font-weight:700}.inventory-container{z-index:10;pointer-events:auto;position:absolute;top:60px;left:12px}.inventory-toggle-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:2px solid #ffffff4d;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s}.inventory-toggle-btn:hover{background:#3b82f680;border-color:#3b82f6cc;transform:scale(1.05)}.inventory-toggle-btn:active{transform:scale(.95)}.inventory-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border:1px solid #ffffff26;border-radius:8px;margin-top:8px;padding:8px}.inventory-title{color:#ffffffb3;text-align:center;letter-spacing:1px;margin-bottom:6px;font-size:11px;font-weight:700}.inventory-items{flex-direction:column;gap:4px;display:flex}.inventory-item{cursor:pointer;background:#ffffff0d;border-radius:4px;align-items:center;gap:6px;min-width:130px;padding:3px 6px;transition:background .15s;display:flex}.inventory-item:hover{background:#ffffff26}.inventory-item.has-item{background:#ffffff1a}.item-key{color:#ffffff80;text-align:center;flex-shrink:0;width:14px;font-size:9px;font-weight:700}.item-icon{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.item-count{color:#fff;text-align:center;min-width:16px;font-size:13px;font-weight:700}.item-name{color:#ffffffb3;white-space:nowrap;font-size:10px}@keyframes parkour-countdown-pop{0%{opacity:0;transform:scale(2.5)}30%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.8)}}.game-over{z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s fadeIn;display:flex;position:fixed;top:0;left:0}.game-over-content{text-align:center;color:#fff}.winner-title{background:linear-gradient(#fbbf24 0%,#f59e0b 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #fbbf2480;-webkit-background-clip:text;background-clip:text;margin:0;font-size:64px;animation:.5s bounce}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.winner-subtitle{color:#fbbf24;margin:10px 0 40px;font-size:36px}.loser-title{color:#ef4444;margin:0;font-size:56px}.placement{color:#888;margin:10px 0 40px;font-size:32px}.stats{justify-content:center;gap:40px;margin-bottom:40px;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-label{color:#888;margin-bottom:8px;font-size:14px}.stat-value{color:#fff;font-size:32px;font-weight:700}.stat-item.coins-earned{background:linear-gradient(135deg,#f59e0b33,#d9770633);border:1px solid #f59e0b66;border-radius:10px;padding:10px 20px}.stat-item.coins-earned .stat-value{color:#fbbf24}.game-over-buttons{justify-content:center;gap:20px;display:flex}.restart-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:8px;padding:15px 40px;font-size:18px;font-weight:700;transition:all .3s}.restart-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e66}.menu-button{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #444;border-radius:8px;padding:15px 40px;font-size:18px;transition:all .3s}.menu-button:hover{background:#fff3;border-color:#666}.parachute-hud{pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;top:0;left:0}.height-indicator{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.height-bar{background:#00000080;border:2px solid #ffffff4d;border-radius:4px;width:20px;height:200px;position:relative;overflow:hidden}.height-fill{background:linear-gradient(#ef4444,#fbbf24,#22c55e);width:100%;transition:height .1s;position:absolute;bottom:0;left:0}.height-marker{color:#fff9;white-space:nowrap;font-size:10px;position:absolute;left:25px}.height-value{color:#fff;text-shadow:0 2px 4px #000c;font-size:24px;font-weight:700}.parachute-instruction{text-align:center;position:absolute;top:30%;left:50%;transform:translate(-50%)}.instruction-text{color:#fff;text-shadow:0 2px 8px #000c;margin-bottom:10px;font-size:24px}.key-hint{background:#fff3;border:2px solid #ffffff80;border-radius:6px;margin:0 4px;padding:4px 12px;font-weight:700;display:inline-block}.auto-open-timer{color:#ffffffb3;font-size:16px}.parachute-open-text{color:#22c55e;font-size:28px}.landing-info{position:absolute;top:20px;left:20px}.compass{background:#0000004d;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.compass-n{color:#ef4444;font-size:18px;font-weight:700}.drift-hint{color:#ffffff80;text-shadow:0 1px 2px #000c;font-size:14px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}@media (max-width:768px){.height-indicator{right:15px}.height-bar{width:16px;height:150px}.height-value,.instruction-text{font-size:18px}.key-hint{padding:2px 8px;font-size:14px}}.touch-controls{pointer-events:none;z-index:100;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;position:fixed;top:0;left:0}.touch-controls.parkour-active{pointer-events:auto}.touch-controls *{pointer-events:auto;touch-action:none}.mode-toggle{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:2px solid #ffffff4d;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;position:absolute;top:15px;right:15px}.mode-toggle:active{background:#3b82f699;transform:scale(.95)}.joystick-zone{width:180px;height:180px;position:absolute;bottom:30px}.joystick-zone.left{left:30px}.joystick-zone.left-joystick{bottom:30px;left:30px}.drive-look-zone{pointer-events:auto;z-index:1;width:50%;height:70%;top:0;right:0}.drive-joystick{z-index:10;pointer-events:auto!important}.joystick-label{color:#fff9;white-space:nowrap;font-size:12px;font-weight:700;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.joystick-base{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:3px solid #ffffff4d;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick-thumb{background:#fff6;border:2px solid #fff9;border-radius:50%;width:60px;height:60px;transition:background .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick-thumb.active{background:#3b82f699;border-color:#3b82f6cc}.look-zone{width:50%;height:70%;position:absolute;top:0;right:0}.joystick-zone.right{bottom:30px;right:30px}.steer-zone{flex-direction:column;align-items:center;width:180px;height:120px;display:flex;position:absolute;bottom:40px;left:30px}.steer-base{background:#0006;border:3px solid #ffffff4d;border-radius:40px;justify-content:center;align-items:center;width:160px;height:80px;display:flex;position:relative}.steer-indicator{background:#3b82f6cc;border-radius:10px;width:20px;height:60px;box-shadow:0 0 10px #3b82f699}.steer-label{color:#ffffffb3;margin-top:8px;font-size:12px;font-weight:700}.pedal-btn{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;z-index:100;background:#00000080;border:3px solid #fff6;border-radius:15px;justify-content:center;align-items:center;width:100px;height:70px;font-size:16px;font-weight:700;display:flex;position:absolute;right:40px}.pedal-btn:active{transform:scale(.95)}.gas-pedal{background:#22c55e66;border-color:#22c55eb3;bottom:180px}.gas-pedal:active{background:#22c55eb3}.brake-pedal{background:#ef444466;border-color:#ef4444b3;bottom:90px}.brake-pedal:active{background:#ef4444b3}.fire-btn{background:#ef444480;border-color:#ef4444cc;border-radius:50%;width:90px;height:90px;font-size:18px;bottom:270px;right:40px}.fire-btn:active{background:#ef4444cc}.ascend-btn{background:#3b82f666;border-color:#3b82f6b3;bottom:380px}.ascend-btn:active{background:#3b82f6b3}.descend-btn{background:#f59e0b66;border-color:#f59e0bb3;bottom:290px}.descend-btn:active{background:#f59e0bb3}.helicopter-shoot-btn{position:absolute;bottom:280px;right:160px;background:#ef444480!important;border-color:#ef4444cc!important;width:80px!important;height:80px!important;font-size:14px!important}.helicopter-shoot-btn:active{background:#ef4444cc!important}.exit-vehicle-btn{width:100px!important;bottom:20px!important;left:auto!important;right:40px!important}.action-buttons{flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:40px;right:30px}.action-buttons.mode-dual{bottom:230px}.action-row{gap:10px;display:flex}.action-row.special-row{justify-content:center;margin-top:6px}.special-btn{background:#667eea4d!important;border:2px solid #667eea99!important;border-radius:50%!important;width:44px!important;height:44px!important;font-size:18px!important}.special-btn:active{transform:scale(.9);background:#667eea99!important}.action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#00000080;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:11px;font-weight:700;line-height:1.1;display:flex}.action-btn:active{background:#3b82f699;transform:scale(.9)}.action-btn.shoot-btn{background:#ef444480;border-color:#ef4444cc;width:80px;height:80px;font-size:14px}.action-btn.shoot-btn:active{background:#ef4444cc}.action-btn.jump-btn{background:#22c55e80;border-color:#22c55ecc}.action-btn.reload-btn{background:#fbbf2480;border-color:#fbbf24cc}.action-btn.crouch-btn{background:#8b5cf680;border-color:#8b5cf6cc}.shoot-indicator{pointer-events:none;opacity:0;border:2px solid #ffffff80;border-radius:50%;width:30px;height:30px;transition:opacity .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shoot-indicator.active{opacity:1;background:#ef44444d}.mode-label{color:#fffc;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#0009;border-radius:15px;padding:6px 16px;font-size:12px;transition:opacity .5s;position:absolute;top:15px;left:50%;transform:translate(-50%)}.mode-label.show{opacity:1}.weapon-switch{gap:8px;display:flex;position:absolute;bottom:230px;left:30px}.weapon-switch-btn{color:#fff;cursor:pointer;background:#00000080;border:2px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:50px;height:35px;font-size:14px;font-weight:700;display:flex}.weapon-switch-btn.active{background:#3b82f699;border-color:#3b82f6cc}.weapon-switch-btn:active{transform:scale(.9)}.pickup-btn{color:#fff;cursor:pointer;background:#22c55e99;border:2px solid #22c55ecc;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:700;display:none;position:absolute;bottom:180px;left:50%;transform:translate(-50%)}.pickup-btn.visible{display:block}.pickup-btn:active{background:#22c55ee6;transform:translate(-50%)scale(.95)}.item-quick-use{grid-template-columns:repeat(2,1fr);gap:6px;display:grid;position:absolute;top:60px;left:15px}.item-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:2px solid #ffffff4d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.item-btn:active{transform:scale(.9)}.item-btn.medkit{border-color:#ef444499}.item-btn.bandage{border-color:#fff9}.item-btn.armor{border-color:#3b82f699}.item-btn.ammo{border-color:#fa09}.item-btn.grenade{border-color:#f609}.item-btn.smoke{border-color:#8889}.item-btn.flashbang{border-color:#ff09}.item-btn.adrenaline{border-color:#0f89}.item-btn.repairkit{border-color:#8f09}.item-btn.molotov{border-color:#f309}.item-count{font-size:14px;font-weight:700}.item-label{opacity:.7;font-size:9px}@media (max-width:768px){.joystick-zone{width:140px;height:140px}.joystick-zone.left{bottom:20px;left:15px}.joystick-zone.right{bottom:20px;right:15px}.joystick-base{width:110px;height:110px}.joystick-thumb{width:45px;height:45px}.mode-toggle{padding:6px 12px;font-size:11px;top:10px;right:10px}.action-btn{width:50px;height:50px;font-size:10px}.action-btn.shoot-btn{width:65px;height:65px;font-size:12px}.action-buttons{bottom:25px;right:15px}.action-buttons.mode-dual{bottom:180px}.weapon-switch{bottom:180px;left:15px}.weapon-switch-btn{width:40px;height:28px;font-size:12px}.item-quick-use{grid-template-columns:repeat(2,1fr);gap:4px;top:50px;left:10px}.item-btn{width:38px;height:38px}.item-count{font-size:12px}.item-label{font-size:8px}.mode-label{padding:4px 12px;font-size:10px}.pickup-btn{padding:8px 16px;font-size:12px;bottom:150px}}@media (min-width:769px) and (max-width:1200px){.joystick-zone{width:160px;height:160px}.joystick-base{width:130px;height:130px}.joystick-thumb{width:55px;height:55px}.action-btn{width:55px;height:55px;font-size:11px}.action-btn.shoot-btn{width:70px;height:70px}}.parachute-btn{flex-direction:column;justify-content:center;align-items:center;font-weight:700;animation:1.5s ease-in-out infinite parachute-pulse;position:absolute;bottom:200px;right:40px;color:#fff!important;background:linear-gradient(135deg,#f60 0%,#f80 100%)!important;border:3px solid #ffffff80!important;border-radius:50%!important;width:100px!important;height:100px!important;font-size:16px!important;display:flex!important}@keyframes parachute-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ff660080}50%{transform:scale(1.05);box-shadow:0 0 30px #f60c}}.vehicle-touch-btn{color:#fff;pointer-events:auto;touch-action:none;white-space:nowrap;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:2px solid #ffffff80;border-radius:12px;padding:12px 24px;font-size:16px;font-weight:700;position:absolute;bottom:220px;left:50%;transform:translate(-50%)}.vehicle-touch-btn:active{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translate(-50%)scale(.95)}