@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;600&display=swap";:root{--bg-dark: #0A0E1A;--bg-panel: #1A1F3A;--neon-cyan: #00F5FF;--neon-magenta: #FF006E;--neon-green: #39FF14;--text-main: #E0E0E0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;overflow:hidden}h1,h2,h3,.label,.value,.glitch{font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.app-container{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column}.cloud-sync{position:absolute;top:10px;right:20px;font-size:12px;color:#6b7280;display:flex;align-items:center;gap:6px;z-index:100;font-family:JetBrains Mono,monospace}.pulse-dot{width:8px;height:8px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 8px var(--neon-cyan);animation:pulse 2s infinite}.scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:50;opacity:.3}.text-cyan{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.text-magenta{color:var(--neon-magenta);text-shadow:0 0 8px var(--neon-magenta)}.text-red{color:#f33;text-shadow:0 0 8px #FF3333}.neon-border{border:1px solid var(--neon-cyan);box-shadow:0 0 10px #00f5ff33,inset 0 0 10px #00f5ff1a;background:#1a1f3acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.neon-box{border:1px solid rgba(0,245,255,.3);background:#0a0e1acc;padding:8px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.glitch{position:relative;color:#fff;font-size:3rem;font-weight:700;text-shadow:0 0 10px var(--neon-cyan)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch:before{left:2px;text-shadow:-2px 0 var(--neon-magenta);clip:rect(24px,550px,90px,0);animation:glitch-anim 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 var(--neon-cyan);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0}.start-screen{gap:40px;background:radial-gradient(circle at center,#1a1f3a,#0a0e1a)}.stats-panel{display:flex;align-items:center;gap:10px;padding:15px 30px;border-radius:4px;font-size:1.2rem}.icon-neon{color:var(--neon-cyan);filter:drop-shadow(0 0 5px var(--neon-cyan))}.highlight{color:var(--neon-magenta);font-weight:700;text-shadow:0 0 8px var(--neon-magenta)}.scene-selector{text-align:center;width:80%;max-width:800px}.scene-selector h3{margin-bottom:20px;color:var(--neon-cyan)}.scene-cards{display:flex;gap:20px;justify-content:center}.scene-card{background:transparent;color:#fff;padding:10px;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:10px;flex:1;outline:none;transition:all .2s}.scene-icon{height:120px;width:100%;background:#000;border:1px solid #333;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.scene-icon img{width:100%;height:100%;object-fit:cover;opacity:.7;filter:contrast(1.2) saturate(1.5)}.scene-icon span{font-size:3rem}.scene-info h4{color:var(--neon-cyan);margin-bottom:5px}.scene-info p{font-size:.8rem;color:#888}.controls-hint{margin-top:20px;color:#6b7280;font-family:JetBrains Mono,monospace;font-size:.9rem;text-align:center;line-height:1.5}.game-screen{cursor:none}.game-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.bg-img{width:100%;height:100%;object-fit:cover;filter:brightness(.4) contrast(1.2) saturate(1.2)}.bg-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10rem;opacity:.2}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0a0e1acc,#0a0e1a33 20%,#0a0e1a80)}.hud{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:10;width:90%;max-width:1000px;justify-content:space-between}.hud-item .label{font-size:.7rem;color:#888;margin-bottom:4px}.hud-item .value{font-size:1.5rem;font-weight:700}.ammo-container{display:flex;align-items:center;gap:10px}.reload-btn{background:none;border:none;color:var(--neon-cyan);cursor:pointer;padding:4px}.reload-btn:hover{color:#fff;filter:drop-shadow(0 0 5px white)}.lives{flex-direction:row;gap:10px}.life-icon{width:24px;height:24px;transition:all .3s}.life-icon.active{color:var(--neon-green);filter:drop-shadow(0 0 5px var(--neon-green))}.life-icon.lost{color:#333}.target-wrapper{position:absolute;pointer-events:none;display:flex;align-items:center;justify-content:center}.svg-target{width:100%;height:100%;filter:drop-shadow(0 0 8px var(--neon-cyan))}.img-target-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.img-target-container img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px var(--neon-cyan))}.fallback-emoji{font-size:3rem;filter:drop-shadow(0 0 10px var(--neon-cyan))}.target-scanner{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--neon-magenta);box-shadow:0 0 10px var(--neon-magenta);animation:scan 2s linear infinite}.target-glow{position:absolute;width:120%;height:120%;border-radius:50%;border:1px dashed var(--neon-cyan);animation:spin 4s linear infinite;opacity:.5}.popup-anim{animation:popup .3s ease-out forwards}.crosshair-wrapper{position:absolute;width:60px;height:60px;transform:translate(-50%,-50%);pointer-events:none;z-index:20;mix-blend-mode:screen}.svg-crosshair{width:100%;height:100%;filter:drop-shadow(0 0 5px var(--neon-cyan))}.effect{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:15}.explosion-svg{width:80px;height:80px}.expand-fade{animation:expandFade .5s ease-out forwards}.spark-lines{animation:spark .3s ease-out forwards;stroke-dasharray:20;stroke-dashoffset:20}.miss-text{color:#f33;font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.5rem;text-shadow:0 0 10px #FF3333;animation:floatUp .8s ease-out forwards}.score-text{color:var(--neon-green);font-family:JetBrains Mono,monospace;font-weight:700;font-size:1.5rem;text-shadow:0 0 10px var(--neon-green);animation:floatUp .8s ease-out forwards}.reload-warning{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);font-family:JetBrains Mono,monospace;font-size:2rem;color:#f33;text-shadow:0 0 15px #FF3333;pointer-events:none}.gameover-screen{background:#0a0e1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.gameover-panel{padding:40px 60px;display:flex;flex-direction:column;align-items:center;gap:30px;background:#1a1f3ae6}.final-stats{width:100%;display:flex;flex-direction:column;gap:15px;border-top:1px solid rgba(0,245,255,.3);border-bottom:1px solid rgba(0,245,255,.3);padding:20px 0}.stat-row{display:flex;justify-content:space-between;font-size:1.2rem;font-family:JetBrains Mono,monospace}.new-record-badge{color:var(--neon-green);display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;text-shadow:0 0 10px var(--neon-green)}.neon-btn{background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:12px 24px;font-family:JetBrains Mono,monospace;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 0 10px #00f5ff33,inset 0 0 10px #00f5ff1a;transition:all .2s}.neon-btn:hover{background:#00f5ff1a;box-shadow:0 0 20px #00f5ff66,inset 0 0 20px #00f5ff33}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}@keyframes popup{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes expandFade{0%{r:10;opacity:1;stroke-width:10}to{r:40;opacity:0;stroke-width:1}}@keyframes spark{0%{stroke-dashoffset:20;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:1}to{transform:translateY(-30px) scale(1.2);opacity:0}}@keyframes glitch-anim{0%{clip:rect(44px,9999px,11px,0)}20%{clip:rect(12px,9999px,90px,0)}40%{clip:rect(78px,9999px,34px,0)}60%{clip:rect(90px,9999px,56px,0)}80%{clip:rect(23px,9999px,89px,0)}to{clip:rect(56px,9999px,12px,0)}}.pulse-stroke{animation:pulse 1.5s infinite}