@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@300;400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background-color:#050505;color:#e0e0e0;font-family:Inter,sans-serif;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh}.app-container{position:relative;display:flex;flex-direction:column;align-items:center}.game-window{position:relative;background:#0a0e1a;border:2px solid #1A1F3A;box-shadow:0 0 20px #00f5ff1a;overflow:hidden;border-radius:4px}.screen{position:absolute;top:0;left:0;width:100%;height:100%}.center-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:10}.overlay-bg{background:#0a0e1ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.neon-bg{background:radial-gradient(circle at center,#1a1f3a,#0a0e1a);background-image:linear-gradient(rgba(0,245,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.05) 1px,transparent 1px);background-size:40px 40px}.neon-box{background:#1a1f3a99;border:1px solid rgba(0,245,255,.3);box-shadow:inset 0 0 10px #00f5ff1a;border-radius:4px;padding:1.5rem;margin:1.5rem 0}.neon-text-blue{color:#00f5ff;text-shadow:0 0 8px #00F5FF;font-family:JetBrains Mono,monospace}.neon-text-green{color:#39ff14;text-shadow:0 0 8px #39FF14;font-family:JetBrains Mono,monospace}.neon-button{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;text-transform:uppercase;padding:.8rem 2rem;border:none;border-radius:2px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.neon-button.primary{background:transparent;color:#ff006e;border:2px solid #FF006E;box-shadow:0 0 10px #ff006e4d,inset 0 0 10px #ff006e1a}.neon-button.primary:hover{background:#ff006e;color:#0a0e1a;box-shadow:0 0 20px #ff006e}.neon-button.primary:disabled{opacity:.5;cursor:not-allowed;border-color:#6b7280;color:#6b7280;box-shadow:none}.neon-button.secondary{background:transparent;color:#00f5ff;border:1px solid #00F5FF;font-size:1rem;padding:.6rem 1.5rem}.neon-button.secondary:hover{background:#00f5ff1a;box-shadow:0 0 15px #00f5ff66}.glitch-text{font-family:JetBrains Mono,monospace;font-size:4rem;font-weight:700;color:#e0e0e0;position:relative;text-shadow:0 0 10px rgba(255,255,255,.3);margin-bottom:1rem}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-text:before{left:2px;text-shadow:-2px 0 #FF006E;animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:2px 0 #00F5FF;animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0)}20%{clip-path:inset(60% 0 10% 0)}40%{clip-path:inset(40% 0 50% 0)}60%{clip-path:inset(80% 0 5% 0)}80%{clip-path:inset(10% 0 70% 0)}to{clip-path:inset(30% 0 20% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0)}20%{clip-path:inset(30% 0 20% 0)}40%{clip-path:inset(70% 0 10% 0)}60%{clip-path:inset(20% 0 50% 0)}80%{clip-path:inset(50% 0 30% 0)}to{clip-path:inset(5% 0 80% 0)}}.game-area{cursor:crosshair;background:radial-gradient(circle at center,#111827,#000)}.hud{position:absolute;top:0;left:0;width:100%;padding:15px 20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:100;pointer-events:none;font-family:JetBrains Mono,monospace}.hud-left,.hud-right{display:flex;flex-direction:column;gap:10px}.hud-center{text-align:center}.stat-box{display:flex;align-items:center;gap:10px;background:#0a0e1ab3;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hp-bar-bg{width:150px;height:10px;background:#333;border-radius:5px;overflow:hidden;border:1px solid #555}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#ff006e,#ff4d94);transition:width .2s;box-shadow:0 0 8px #ff006e}.level-text{font-size:1.5rem;font-weight:700;color:#00f5ff;text-shadow:0 0 10px #00F5FF;letter-spacing:2px}.zombies-left{font-size:.9rem;color:#6b7280;margin-top:5px}.player{position:absolute;z-index:50;pointer-events:none;display:flex;justify-content:center;align-items:center;width:40px;height:40px}.zombie{position:absolute;z-index:40;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:filter .2s}.entity-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,0,0,.5))}.entity-emoji{font-size:2rem;filter:drop-shadow(0 0 5px rgba(255,0,0,.5))}.type-boss .entity-img{filter:drop-shadow(0 0 15px #BD00FF)}.entity-hp-bar{position:absolute;top:-10px;width:80%;height:4px;background:#222;border:1px solid #000}.entity-hp-fill{height:100%;background:#39ff14}.bullet{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 10px gold,0 0 20px gold;transform:translate(-50%,-50%);z-index:30;pointer-events:none}.shop-screen{padding:40px;background:#0a0e1a;display:flex;flex-direction:column;align-items:center}.shop-gold{font-size:1.5rem;color:gold;display:flex;align-items:center;gap:10px;margin:20px 0;font-family:JetBrains Mono,monospace}.shop-items{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:700px;overflow-y:auto;max-height:400px;padding-right:10px}.shop-item{display:flex;align-items:center;gap:15px;margin:0}.item-icon{width:50px;height:50px;background:#ffffff0d;border-radius:8px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.1)}.item-info{flex:1;text-align:left}.item-info h3{color:#e0e0e0;font-size:1.1rem;margin-bottom:4px}.item-info p{color:#6b7280;font-size:.85rem}.buy-btn{padding:8px 16px;font-family:JetBrains Mono,monospace;font-weight:700;border-radius:4px;cursor:pointer;border:none;transition:all .2s}.can-buy{background:#39ff14;color:#000;box-shadow:0 0 10px #39ff1466}.can-buy:hover{box-shadow:0 0 20px #39ff14cc;transform:scale(1.05)}.cannot-buy{background:#333;color:#666;cursor:not-allowed}.cloud-status{position:absolute;top:-30px;right:0;font-size:.8rem;color:#6b7280;display:flex;align-items:center;gap:5px}.pulse{animation:pulse-anim 2s infinite}@keyframes pulse-anim{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.blink{animation:blink-anim 1s infinite}@keyframes blink-anim{0%,to{opacity:1}50%{opacity:0}}.controls-hint{color:#6b7280;font-size:.9rem;margin-bottom:2rem;line-height:1.6}
