@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:#0b0f19;color:#f8fafc;font-family:Quicksand,PingFang SC,system-ui,sans-serif;overflow:hidden}.game-container{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:#0b0f19;position:relative}.game-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#0f172acc;border-bottom:4px solid #1e293b;z-index:10}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:1px;color:#fff}.logo-icon{animation:pulse 1.5s infinite alternate}.header-actions{display:flex;align-items:center;gap:15px}.sound-toggle{background:#1e293b;border:3px solid #334155;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px #0f172a}.sound-toggle:active{transform:translateY(2px);box-shadow:none}.high-score-badge{background:#1e293b;border:3px solid #ffd93d;padding:8px 16px;border-radius:999px;display:flex;align-items:center;gap:8px;font-weight:700;box-shadow:0 4px #ffd93d33}.game-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;z-index:5}.start-screen{background:radial-gradient(circle,#1e1b4b,#090514)}.hero-banner{text-align:center;margin-bottom:40px}.game-title{font-size:64px;font-weight:800;color:#ffd93d;text-shadow:0 8px 0 #c69b00,0 15px 20px rgba(0,0,0,.5);transform:rotate(-1deg);letter-spacing:2px;margin-bottom:10px}.game-subtitle{font-size:20px;color:#94a3b8;font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;width:100%;margin-bottom:40px}.feature-card{background:#1e293bb3;border:3px solid #334155;border-radius:20px;padding:20px;text-align:center;box-shadow:0 8px #0003}.feature-emoji{font-size:40px;display:block;margin-bottom:10px}.feature-card h3{font-size:18px;color:#fff;margin-bottom:8px}.feature-card p{font-size:14px;color:#94a3b8;line-height:1.4}.weapon-screen{background:radial-gradient(circle,#0f172a,#020617)}.screen-title{font-size:36px;font-weight:800;color:#fff;margin-bottom:10px}.screen-subtitle{font-size:16px;color:#94a3b8;margin-bottom:30px;text-align:center}.weapon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1000px;width:100%;margin-bottom:40px}.weapon-card{background:#1e293b;border:4px solid #334155;border-radius:24px;padding:24px;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px #0f172a}.weapon-card:hover{transform:translateY(-5px);border-color:#ffd93d;box-shadow:0 12px #0f172a}.weapon-card.selected{border-color:#ffd93d;background:#1e293b;box-shadow:0 8px #c69b00}.weapon-icon-wrapper{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.weapon-emoji{font-size:36px}.weapon-name{font-size:20px;font-weight:800;text-align:center;margin-bottom:10px}.weapon-desc{font-size:14px;color:#94a3b8;text-align:center;height:45px;line-height:1.4;margin-bottom:15px}.weapon-stats{border-top:2px dashed #334155;padding-top:15px;display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;justify-content:space-between;font-size:14px;font-weight:700}.stat-val{font-weight:800}.select-indicator{text-align:center;margin-top:15px;font-size:14px;font-weight:800;color:#94a3b8}.weapon-card.selected .select-indicator{color:#ffd93d}.btn-primary{background:#ffd93d;color:#000;border:none;border-radius:999px;padding:16px 40px;font-size:20px;font-weight:800;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:0 6px #c69b00;transition:all .1s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px #c69b00}.btn-primary:active{transform:translateY(4px);box-shadow:0 2px #c69b00}.btn-start-fight{background:#ff8a65;box-shadow:0 6px #d85d36}.btn-start-fight:hover{box-shadow:0 8px #d85d36}.playing-screen{position:relative;padding:0;background:#000}.game-canvas{width:100%;height:100%;display:block;cursor:none}.game-hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;z-index:15}.hud-item{background:#0f172ad9;border:3px solid #334155;border-radius:16px;padding:10px 18px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;box-shadow:0 4px #0000004d}.hp-hud{width:260px}.hp-bar-container{flex:1;height:12px;background:#334155;border-radius:6px;overflow:hidden}.hp-bar{height:100%;background:#ff6b9d;transition:width .1s ease}.hp-text{font-size:14px;min-width:50px;text-align:right}.level-badge{color:#ff8a65}.text-blink{animation:blink .5s infinite alternate}.control-tips{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:#0f172acc;padding:6px 16px;border-radius:999px;font-size:12px;color:#94a3b8;pointer-events:none;border:1px solid #334155}.mobile-controls{display:none;position:absolute;bottom:30px;left:20px;right:20px;justify-content:space-between;z-index:20}.mobile-btn{background:#0f172ae6;border:4px solid #334155;color:#fff;padding:15px 30px;border-radius:20px;font-size:18px;font-weight:800;box-shadow:0 6px #000}.mobile-btn:active{transform:translateY(4px);box-shadow:0 2px #000}.btn-shoot{border-color:#ff8a65;color:#ff8a65}.gameover-screen{background:radial-gradient(circle,#31101d,#0c0206)}.gameover-title{font-size:72px;font-weight:800;color:#ff6b9d;text-shadow:0 8px 0 #b92b58,0 15px 20px rgba(0,0,0,.6);margin-bottom:10px;animation:shake .5s infinite alternate}.gameover-subtitle{font-size:20px;color:#94a3b8;margin-bottom:40px}.results-card{background:#1e293b;border:4px solid #ff6b9d;border-radius:24px;padding:30px;width:100%;max-width:450px;margin-bottom:40px;box-shadow:0 10px #ff6b9d33}.result-row{display:flex;justify-content:space-between;font-size:20px;font-weight:800;margin-bottom:15px}.result-row:last-child{margin-bottom:0}.new-record-badge{background:#ffd93d;color:#000;text-align:center;padding:10px;border-radius:12px;font-weight:800;margin-top:20px;animation:pulse 1s infinite alternate}.gameover-actions{display:flex;gap:20px}.btn-secondary{background:#334155;color:#fff;border:none;border-radius:999px;padding:16px 35px;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 6px #1e293b;transition:all .1s ease}.btn-secondary:active{transform:translateY(4px);box-shadow:0 2px #1e293b}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes blink{0%{opacity:1}to{opacity:.4}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}to{transform:translate(-1px,-2px) rotate(-1deg)}}.text-yellow{color:#ffd93d}.text-pink{color:#ff6b9d}.text-mint{color:#4ecdc4}.fill-pink{fill:#ff6b9d}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:10px}.weapon-grid{grid-template-columns:1fr;gap:15px}.mobile-controls{display:flex}.game-title{font-size:40px}.gameover-title{font-size:48px}}