body{background-color:#222;margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}#backgroundBattle{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}#gameContainer{background-color:#87ceeb;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}#mobileWarning{z-index:1000;background:linear-gradient(135deg,#2c2c2c 0%,#1a1a1a 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.mobile-warning-content{text-align:center;background:rgba(0,0,0,.8);border:2px solid #f44;border-radius:20px;max-width:500px;margin:20px;padding:40px}.mobile-warning-content h1{color:#4a90e2;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:20px;font-size:48px}.warning-icon{margin:20px 0;font-size:64px}.mobile-warning-content h2{color:#f44;margin-bottom:20px;font-size:28px}.mobile-warning-content p{color:#fff;margin-bottom:15px;font-size:18px;line-height:1.6}.mobile-warning-content .device-info{color:#aaa;margin-top:20px;font-size:14px}#nameInputScreen{z-index:1000;color:#fff;opacity:0;background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;padding-top:5vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}#nameInputScreen h1{text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-top:.5rem;margin-bottom:1.5rem;font-size:3rem}#nameInputContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;visibility:hidden;background:rgba(30,30,30,.85);border:2px solid rgba(74,144,226,.4);border-radius:15px;width:900px;max-width:95vw;min-height:450px;max-height:90vh;margin-bottom:20px;padding:30px 40px;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 60px rgba(74,144,226,.2)}#nameInputScreen.loaded #nameInputContainer{visibility:visible}#gameModeSelection{margin-bottom:25px}#gameModeSelection label{color:#87ceeb;margin-bottom:10px;font-size:1.1rem;display:block}#gameModeSelection>div{justify-content:center;gap:10px;display:flex}.horizontal-panels{justify-content:center;align-items:stretch;gap:30px;width:100%;display:flex}.panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;flex:1;min-width:0;padding:20px}.panel h3{color:#4ecdc4;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);margin:0 0 15px;padding-bottom:10px;font-size:1.2rem}.ai-settings-grid{grid-template-columns:120px 1fr;align-items:center;gap:10px;margin-bottom:20px;display:grid}.ai-settings-grid label{text-align:right;white-space:nowrap;color:#87ceeb;padding-right:10px}.pvp-players-vertical{flex-direction:column;gap:20px;display:flex}.player-controls{color:#999;text-align:center;margin-top:5px;font-size:.85rem}#nameInputContainer>label{color:#87ceeb;margin-bottom:1rem;font-size:1.2rem;display:block}input[type=text]{box-sizing:border-box;background:rgba(255,255,255,.9);border:2px solid #4a90e2;border-radius:8px;width:100%;margin-bottom:10px;padding:10px;font-size:1rem}.form-group{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:15px;display:grid}.form-group label{text-align:right;white-space:nowrap;color:#87ceeb;padding-right:10px}.form-grid{grid-template-columns:120px 1fr;align-items:center;gap:10px;display:grid}.form-grid label{text-align:right;white-space:nowrap;color:#87ceeb;padding-right:10px;font-size:.85rem}.input-with-suffix{align-items:center;gap:5px;display:flex}.input-with-suffix span{color:#87ceeb;font-size:.85rem}input[type=number]{background:rgba(255,255,255,.9);border:1px solid #4a90e2;border-radius:4px;width:60px;padding:5px}.form-grid input[type=number]{width:100%;max-width:100px}.ai-settings-grid input[type=number]{width:100%;max-width:100px}select{background:rgba(255,255,255,.9);border:1px solid #4a90e2;border-radius:4px;padding:5px}.form-grid select,.ai-settings-grid select{width:100%}#player1NameInput{border:2px solid #4a90e2;border-radius:5px;padding:8px}#player2NameInput{border:2px solid #e24a4a;border-radius:5px;padding:8px}#pvpLives{border:1px solid #87ceeb}.game-settings-panel{background:rgba(255,255,255,.05);border-radius:8px;margin-top:15px;padding:20px 30px}.game-speed-section{margin-bottom:20px}.game-speed-section label{color:#87ceeb;margin-bottom:8px;font-size:1rem;display:block}.ai-settings label{color:#87ceeb;margin-bottom:8px;display:block}.speed-buttons{justify-content:center;gap:10px;display:flex}.speed-buttons .mode-btn{min-width:110px;padding:6px 12px;font-size:.85rem}.map-type-section{margin-top:20px;margin-bottom:20px}.map-type-section label{color:#87ceeb;margin-bottom:8px;font-size:1rem;display:block}.map-buttons{justify-content:center;gap:10px;display:flex}.map-buttons .mode-btn{min-width:110px;padding:6px 12px;font-size:.85rem}.map-description{color:#aaa;text-align:center;margin-top:10px;font-size:14px;font-style:italic}.speed-description{color:#999;text-align:center;margin-top:5px;font-size:.75rem;font-style:italic}.ai-settings{grid-template-columns:auto 1fr;align-items:center;gap:15px;max-width:600px;margin:0 auto;display:grid}.ai-settings-controls{justify-content:flex-start;align-items:center;gap:15px;display:flex}.ai-settings-controls label{margin-bottom:0;font-size:.9rem;display:inline}#singlePlayerInput{display:none}#singlePlayerControlsDisplay{text-align:center;color:#aaa;background:rgba(74,144,226,.1);border-radius:5px;margin-top:15px;padding:10px;font-size:.85rem;line-height:1.5}#pvpInput{display:none}.pvp-player-section{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.pvp-players-grid{grid-template-columns:1fr 1fr;align-items:end;gap:30px;margin-bottom:20px;display:grid}.pvp-player-input{margin-bottom:20px}.pvp-player-input label{margin-bottom:5px;font-size:1rem;font-weight:700;display:block}.pvp-player-input .form-group{margin-bottom:8px}.pvp-player-input:first-child .form-group label{color:#4a90e2}.pvp-player-input:last-child .form-group label{color:#e24a4a}.pvp-players-vertical .player-controls{color:#aaa;text-align:center;margin-top:5px;font-size:.75rem;line-height:1.4}.pvp-lives-setting{margin-top:15px}.turn-time-setting{border-top:1px solid rgba(255,255,255,.1);margin-top:15px;padding-top:15px}.pvp-controls-grid{color:#999;background:rgba(255,255,255,.05);border-radius:8px;grid-template-columns:1fr 1fr;gap:30px;margin-top:15px;padding:15px;font-size:.85rem;display:grid}#player1Controls{text-align:center;background:rgba(74,144,226,.1);border-radius:5px;padding:10px}#player2Controls{text-align:center;background:rgba(226,74,74,.1);border-radius:5px;padding:10px}.button-group{justify-content:center;gap:10px;margin-top:25px;margin-bottom:10px;display:flex}#startGameBtn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#4a90e2,#87ceeb);border:none;border-radius:8px;padding:12px 30px;font-size:1.1rem;font-weight:700;transition:transform .2s}#startGameBtn:hover{transform:scale(1.05)}#startGameBtn:disabled{cursor:not-allowed;background:#666;transform:none}.configure-keys-btn{color:#fff;cursor:pointer;background:#555;border:none;border-radius:8px;padding:12px 25px;font-size:1rem;transition:all .3s}.configure-keys-btn:hover{background:#666}.mode-btn{color:#fff;cursor:pointer;opacity:0;background:rgba(255,255,255,.2);border:2px solid #4a90e2;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:all .2s}#nameInputScreen.loaded .mode-btn{opacity:1}.mode-btn.selected{background:linear-gradient(45deg,#4a90e2,#87ceeb);border-color:#87ceeb}.mode-btn:hover{transform:scale(1.05)}#gameUI{color:#fff;z-index:10;display:none;position:absolute;top:50px;left:10px;right:10px}#gameUI.active{justify-content:space-between;display:flex}#singlePlayerInfo{display:none}#playerInfo{background:rgba(0,0,0,.7);border-radius:5px;min-width:250px;margin-bottom:10px;padding:10px}#playerName{color:#4a90e2}#pvpPlayerInfo{display:none}.pvp-players-container{flex:1;justify-content:space-between;gap:20px;display:flex}#player1Info,#player2Info{background:rgba(0,0,0,.7);border-radius:5px;min-width:280px;padding:10px;box-shadow:0 2px 10px rgba(0,0,0,.5)}.playerName{margin-bottom:5px;font-size:1.1em;font-weight:700}#player1Info .playerName{color:#4a90e2}#player2Info .playerName{color:#e24a4a}.health{margin-bottom:8px;font-size:.9em}.player-controls{color:#ccc;margin-top:8px;font-size:10px}#weaponBar{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.8);border-bottom:2px solid rgba(74,144,226,.5);height:40px;display:none;position:fixed;top:0;left:0;right:0}#weaponBarContent{justify-content:space-between;align-items:center;height:100%;padding:0 10px;display:flex}.weapon-section{align-items:center;gap:5px;display:flex}.weapon-section.player1{justify-content:flex-start}.weapon-section.player2{justify-content:flex-end}.player-label{color:#fff;margin:0 10px;font-size:11px;font-weight:700}.player1 .player-label{color:#4a90e2}.player2 .player-label{color:#e24a4a}.weapon-slot{cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:3px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:32px;transition:all .2s;display:flex;position:relative}.weapon-slot.active{background:rgba(74,144,226,.3);border-color:#4a90e2;box-shadow:0 0 5px rgba(74,144,226,.7)}.player2 .weapon-slot.active{background:rgba(226,74,74,.3);border-color:#e24a4a;box-shadow:0 0 5px rgba(226,74,74,.7)}.weapon-slot.unavailable{opacity:.3;cursor:not-allowed}.weapon-key{color:#aaa;font-size:8px;font-weight:700;position:absolute;top:1px;left:2px}.weapon-name{color:#fff;text-transform:uppercase;font-size:9px;font-weight:700}.weapon-ammo{color:#0f0;font-size:9px}.weapon-ammo.low{color:red}.weapon-ammo.infinity{color:#4a90e2}.weaponList{flex-direction:column;gap:4px;margin-top:5px;font-size:11px;display:flex}.weapon-item{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:3px;align-items:center;padding:4px 6px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:flex}.weapon-item.active{font-weight:700}#player1Info .weapon-item.active{background-color:rgba(74,144,226,.3);border-color:#4a90e2;box-shadow:0 0 5px rgba(74,144,226,.7)}#player2Info .weapon-item.active{background-color:rgba(226,74,74,.3);border-color:#e24a4a;box-shadow:0 0 5px rgba(226,74,74,.7)}.weapon-item.unavailable{opacity:.5;color:#999}.weapon-item.unavailable .weapon-key{color:#aaa}.weapon-item.unavailable .weapon-name{color:#bbb}.weapon-item.unavailable .weapon-ammo{color:#999}.weapon-key{color:gold;text-align:center;min-width:20px;margin-right:5px;font-weight:700}.weapon-name{flex-grow:1}.weapon-ammo{color:#ccc;margin-left:auto;padding-left:10px;font-style:italic}.modal-overlay{z-index:1000;background:rgba(0,0,0,.8);justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#1a1a1a;border-radius:10px;padding:30px}#pauseScreen{z-index:1000;background:rgba(0,0,0,.8);justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#pauseScreen .modal-content{border:3px solid #4a90e2;box-shadow:0 0 20px rgba(74,144,226,.5)}#pauseScreen h2{color:#87ceeb;margin-bottom:20px;font-size:2em}#pauseScreen p{color:#aaa;margin-bottom:20px;font-size:1.1em}#gameOverScreen{z-index:1000;background:rgba(0,0,0,.9);justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#gameOverScreen .modal-content{border:3px solid gold;padding:40px;box-shadow:0 0 30px rgba(255,215,0,.5)}#gameOverTitle{color:gold;margin-bottom:10px;font-size:2.5em}#gameOverMessage{color:#87ceeb;margin-bottom:30px;font-size:1.5em}.modal-buttons{justify-content:center;gap:20px;display:flex}.modal-button{color:#fff;cursor:pointer;border:none;border-radius:5px;padding:15px 30px;font-size:1.2em;transition:all .3s}.modal-button-primary{background:#4a90e2}.modal-button-secondary{background:#e24a4a}.modal-button:hover{transform:scale(1.05)}.credits{color:rgba(255,255,255,.8);text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:1001;font-size:16px;font-style:italic;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.credits a{color:#4a90e2;pointer-events:auto;text-decoration:none;transition:color .3s}.credits a:hover{color:#6ba5f2;text-decoration:underline}