:root{--neon-blue: #00f2fe;--neon-pink: #f093fb;--glass: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}.game-container{width:100%;height:100vh;background:#0a0a12;position:relative;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;cursor:crosshair}.parallax-bg{position:absolute;width:200%;height:100%;background:linear-gradient(to bottom,#1a1a2e,#16213e);background-image:radial-gradient(circle at 20% 30%,rgba(79,172,254,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(240,147,251,.1) 0%,transparent 50%);z-index:0}.parallax-mid{position:absolute;width:200%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/carbon-fibre.png);opacity:.3;z-index:1}.cloud-badge{position:absolute;top:10px;right:10px;background:#00000080;color:#aaa;padding:4px 12px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.hud-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:10}.hp-bar-container{width:200px;height:24px;background:#00000080;border:2px solid var(--glass-border);border-radius:12px;position:relative;overflow:hidden}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#ff416c,#ff4b2b);box-shadow:0 0 15px #ff4b2b80}.icon-heart{position:absolute;left:8px;top:1px;color:#fff}.lives-display{margin-top:8px;display:flex;gap:4px}.score-board{text-align:right;color:#fff}.high-score{font-size:14px;color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.current-score{font-size:32px;font-weight:800;letter-spacing:2px}.player{position:absolute;width:60px;height:60px;transform-origin:center;z-index:5}.entity-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.weapon-arm{position:absolute;width:40px;height:10px;background:#333;right:-10px;top:30px;transform-origin:left center;border-radius:5px;border:1px solid var(--neon-blue)}.muzzle-flash{position:absolute;right:-10px;top:-5px;width:20px;height:20px;border-radius:50%;filter:blur(5px);opacity:0}.enemy{position:absolute;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:30px}.enemy img{width:100%;height:100%;object-fit:contain}.enemy-hp{position:absolute;top:-10px;height:4px;background:#0f0;border-radius:2px}.bullet{position:absolute;width:12px;height:4px;border-radius:2px;box-shadow:0 0 10px currentColor}.weapon-hud{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:#0009;padding:10px 25px;border-radius:20px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.weapon-slot{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:all .3s}.weapon-slot.active{opacity:1;transform:translateY(-5px);color:var(--neon-blue)}.key-hint{font-size:10px;background:#444;padding:2px 6px;border-radius:4px;margin-bottom:4px}.ammo-counter{border-left:1px solid #444;padding-left:15px;display:flex;align-items:center;gap:8px;color:var(--neon-pink);font-weight:700}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a12e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-title{font-size:72px;font-weight:900;background:linear-gradient(to bottom,#fff,var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;filter:drop-shadow(0 0 20px var(--neon-blue))}.game-subtitle{color:var(--neon-pink);letter-spacing:8px;margin-bottom:40px}.btn-primary{background:linear-gradient(45deg,var(--neon-blue),var(--neon-pink));border:none;padding:15px 40px;border-radius:30px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #00f2fe80}.loading-overlay{position:absolute;bottom:20px;left:20px;color:#fff;font-size:14px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.float-img{width:200px;height:200px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}
