:root{--neon-green: #39FF14;--neon-pink: #FF006E;--neon-blue: #00F5FF;--dark-bg: #05070A;--panel-bg: rgba(15, 20, 30, .9)}body{background:var(--dark-bg);color:#fff;font-family:JetBrains Mono,monospace;margin:0;overflow:hidden}.app-container{height:100vh;display:flex;flex-direction:column;position:relative;z-index:10}.main-header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#000c;border-bottom:1px solid var(--neon-green)}.logo{display:flex;align-items:center;gap:10px}.logo h1{font-size:1.2rem;letter-spacing:4px}.logo span{color:var(--neon-green)}.cloud-tag{font-size:.7rem;color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue)}nav button{background:none;border:none;color:#666;padding:.5rem 1rem;cursor:pointer;transition:.3s}nav button.active{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green)}.content{flex:1;padding:2rem;display:flex;justify-content:center}.panel{background:var(--panel-bg);padding:2.5rem;border-radius:4px;border:1px solid rgba(57,255,20,.2);width:100%;max-width:600px;box-shadow:0 0 40px #000c}.form-grid{display:grid;gap:1.5rem;margin:2rem 0}.field label{display:block;font-size:.8rem;color:var(--neon-green);margin-bottom:.5rem}.field select{width:100%;background:#000;border:1px solid #333;color:#fff;padding:.8rem;border-radius:0}.cta-btn{width:100%;padding:1rem;background:var(--neon-green);color:#000;font-weight:700;border:none;cursor:pointer;text-transform:uppercase}.range-view{width:100%;max-width:900px;display:flex;flex-direction:column;gap:1.5rem}.hud{display:flex;justify-content:space-between;align-items:flex-end}.hp-container{flex:1;max-width:400px}.hp-bar{height:12px;background:#111;border:1px solid #333;margin-top:5px}.hp-fill{height:100%;background:linear-gradient(90deg,#39ff14,green)}.target-area{flex:1;background:#000;border:2px solid #222;position:relative;overflow:hidden;cursor:crosshair;display:flex;justify-content:center;align-items:center}.zombie-img{max-height:100%;width:100%;object-fit:cover;opacity:.8;transition:.1s}.target-area:active .zombie-img{filter:brightness(2) sepia(1) hue-rotate(300deg)}.crosshair-ui{position:absolute;color:var(--neon-pink);pointer-events:none;animation:pulse 2s infinite}.weapon-ui{display:flex;justify-content:space-between;align-items:center;background:#00000080;padding:1rem;border-left:4px solid var(--neon-pink)}.ammo-count{font-size:1.5rem;color:var(--neon-pink)}.reload-btn{background:transparent;border:1px solid var(--neon-pink);color:var(--neon-pink);padding:.5rem 1.5rem;cursor:pointer}.shake{animation:shake .1s infinite}@keyframes shake{0%{transform:translate(2px,2px)}50%{transform:translate(-2px,-2px)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.5}}.cyber-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.grid-lines{width:100%;height:100%;background-image:linear-gradient(rgba(57,255,20,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.05) 1px,transparent 1px);background-size:50px 50px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}