@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=ZCOOL+KuaiLe&display=swap";body{margin:0;background-color:#030712;color:#f3f4f6;font-family:Orbitron,ZCOOL KuaiLe,sans-serif;overflow-hidden:hidden}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;box-sizing:border-box;background:radial-gradient(circle at center,#111827,#030712)}.tactical-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(16,185,129,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.05) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.start-screen{position:relative;width:100%;max-width:1000px;background:#111827d9;border:2px solid #10b981;border-radius:16px;padding:30px;box-shadow:0 0 30px #10b98133;z-index:10}.hero-header{text-align:center;margin-bottom:30px}.badge{display:inline-block;background:#10b981;color:#030712;padding:4px 12px;font-weight:700;border-radius:4px;font-size:12px;letter-spacing:2px;margin-bottom:10px}.hero-header h1{font-size:42px;margin:0;color:#fff;text-shadow:0 0 10px rgba(16,185,129,.5)}.hero-header h1 span{display:block;font-size:20px;color:#10b981;margin-top:5px}.high-score-badge{display:inline-flex;align-items:center;gap:10px;background:#f59e0b26;border:1px dashed #f59e0b;padding:8px 16px;border-radius:8px;margin-top:15px}.neon-text{color:#f59e0b;text-shadow:0 0 8px rgba(245,158,11,.5)}.setup-container{display:grid;grid-template-columns:1fr;gap:25px}@media (min-width: 768px){.setup-container{grid-template-columns:1fr 1fr}}.setup-section h2{font-size:18px;color:#10b981;border-left:4px solid #10b981;padding-left:10px;margin-bottom:15px}.cards-grid{display:flex;flex-direction:column;gap:12px}.setup-card{display:flex;gap:15px;background:#1f293799;border:1px solid #374151;border-radius:10px;padding:12px;cursor:pointer;transition:all .2s ease}.setup-card:hover{border-color:#10b981;background:#1f2937e6}.setup-card.active{border-color:#10b981;background:#10b9811a;box-shadow:inset 0 0 10px #10b98133}.card-avatar{font-size:32px;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#10b9811a;border-radius:8px}.weapon-icon-large{font-size:32px;display:flex;align-items:center;justify-content:center;width:60px}.card-info{flex:1}.card-info h3{margin:0 0 8px;font-size:16px;display:flex;justify-content:space-between;align-items:center}.role-tag{font-size:10px;background:#374151;padding:2px 6px;border-radius:4px;color:#9ca3af}.stat-bars{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.stat-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px}.stat-bar .bar{width:120px;height:6px;background:#1f2937;border-radius:3px;overflow:hidden}.stat-bar .fill{height:100%;background:#10b981}.ability-box{background:#0000004d;padding:6px 10px;border-radius:6px;font-size:11px}.ability-title{color:#f59e0b;font-weight:700;display:flex;align-items:center;gap:4px}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.weather-btn{display:flex;align-items:center;gap:12px;background:#1f293799;border:1px solid #374151;color:#fff;padding:12px;border-radius:10px;cursor:pointer;text-align:left;transition:all .2s}.weather-btn.active{border-color:#10b981;background:#10b9811a}.weather-btn .title{display:block;font-weight:700;font-size:14px}.weather-btn .desc{font-size:10px;color:#9ca3af}.start-btn-huge{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;background:#10b981;color:#030712;border:none;border-radius:12px;padding:16px;font-size:20px;font-weight:700;cursor:pointer;margin-top:30px;transition:transform .2s,box-shadow .2s}.start-btn-huge:hover{transform:scale(1.02);box-shadow:0 0 20px #10b98166}.game-hud{width:100%;max-width:800px;background:#111827e6;border:1px solid #374151;border-radius:12px;padding:15px;margin-bottom:10px;display:flex;flex-direction:column;gap:12px}.hud-row{display:flex;justify-content:space-between;align-items:center}.hud-group{text-align:center}.hud-label{font-size:10px;color:#9ca3af;text-transform:uppercase}.hud-value{font-size:20px;font-weight:700}.neon-blue{color:#3b82f6;text-shadow:0 0 5px rgba(59,130,246,.5)}.neon-green{color:#10b981;text-shadow:0 0 5px rgba(16,185,129,.5)}.neon-gold{color:#f59e0b;text-shadow:0 0 5px rgba(245,158,11,.5)}.weather-badge-hud{background:#374151;padding:4px 10px;border-radius:6px;font-size:12px}.vital-stats{display:flex;flex-direction:column;gap:6px;width:200px}.stat-row{display:flex;align-items:center;gap:8px}.progress-track{position:relative;flex:1;height:18px;background:#1f2937;border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .1s ease}.fill-red{background:#ef4444}.fill-blue{background:#3b82f6}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#fff}.weapon-status{text-align:right}.weapon-info-hud{display:flex;align-items:center;gap:10px;justify-content:flex-end}.ammo-count{font-size:22px;font-weight:700}.ammo-max{font-size:12px;color:#9ca3af}.ammo-bullets{display:flex;gap:2px;justify-content:flex-end;margin-top:4px}.bullet-pip{width:4px;height:12px;background:#374151;border-radius:1px}.bullet-pip.active{background:#f59e0b}.ability-hud-btn{display:flex;align-items:center;gap:10px;background:#10b9811a;border:1px solid #10b981;color:#10b981;padding:6px 12px;border-radius:8px;cursor:pointer}.ability-hud-btn.disabled{border-color:#4b5563;color:#4b5563;cursor:not-allowed}.cooldown-timer{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.ability-icon-wrapper{position:relative;width:24px;height:24px}.control-hints{display:flex;justify-content:center;gap:15px;font-size:10px;color:#6b7280;border-top:1px solid #1f2937;padding-top:8px}.canvas-wrapper{position:relative;width:800px;height:450px;border:2px solid #374151;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px #00000080}canvas{display:block;cursor:crosshair}.looting-hud-overlay{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#111827f2;border:2px solid #10b981;border-radius:10px;padding:10px 20px;display:flex;align-items:center;gap:15px;z-index:100}.loot-spinner{width:20px;height:20px;border:3px solid #10b981;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.loot-bar-container{flex:1}.loot-bar{width:200px;height:8px;background:#1f2937;border-radius:4px;overflow:hidden;margin-top:4px}.loot-bar-fill{height:100%;background:#10b981}.floating-loot-banner{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#000000d9;border:2px solid;border-radius:30px;padding:8px 20px;display:flex;align-items:center;gap:10px;animation:floatUp 2.5s forwards;z-index:100}.game-over-screen{position:relative;width:100%;max-width:600px;background:#111827f2;border:2px solid #ef4444;border-radius:16px;padding:40px;box-shadow:0 0 30px #ef444433;text-align:center;z-index:10}.alert-banner{color:#ef4444;margin-bottom:30px}.alert-banner h2{font-size:28px;margin-top:10px}.record-banner{display:inline-flex;align-items:center;gap:10px;background:#f59e0b33;border:1px solid #f59e0b;color:#f59e0b;padding:10px 20px;border-radius:30px;font-weight:700;margin-bottom:25px}.stats-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:30px}.stat-box{background:#1f293799;border:1px solid #374151;border-radius:10px;padding:15px}.stat-box .label{display:block;font-size:11px;color:#9ca3af;margin-bottom:5px}.stat-box .value{font-size:20px;font-weight:700}.loot-evaluation{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:30px;font-size:14px;line-height:1.6}.restart-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ef4444;color:#fff;border:none;border-radius:10px;padding:14px 28px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s}.restart-btn:hover{transform:scale(1.05)}.touch-controls{display:flex;justify-content:center;gap:10px;margin-top:10px;width:100%;max-width:800px}.touch-btn{flex:1;background:#374151;border:1px solid #4b5563;color:#fff;padding:12px;border-radius:8px;font-weight:700;cursor:pointer}.touch-btn:active{background:#10b981}.jump-btn{background:#1e3a8a;border-color:#3b82f6}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatUp{0%{transform:translate(-50%,20px);opacity:0}10%{transform:translate(-50%);opacity:1}90%{transform:translate(-50%,-10px);opacity:1}to{transform:translate(-50%,-30px);opacity:0}}.pop-anim{animation:pop .3s ease}@keyframes pop{50%{transform:scale(1.2)}}