:root{--bg-color: #050510;--neon-blue: #00f3ff;--neon-purple: #bc13fe;--neon-red: #ff3366;--text-main: #ffffff}body,html{margin:0;padding:0;height:100%;background:var(--bg-color);color:var(--text-main);font-family:Segoe UI,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{display:flex;flex-direction:column;height:100vh;max-width:900px;margin:0 auto;background:radial-gradient(circle at center,#101025,#050510);position:relative;box-shadow:0 0 50px #00f3ff0d}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#050510e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,243,255,.2);z-index:10;position:relative}.cloud-sync{display:flex;align-items:center;gap:5px;font-size:12px;color:#888;position:absolute;top:2px;left:50%;transform:translate(-50%)}.syncing{animation:spin 2s linear infinite;color:var(--neon-blue)}.stats-left,.stats-right{display:flex;flex-direction:column;gap:8px}.score-box,.high-score-box{display:flex;align-items:center;gap:8px;font-weight:700}.score-box .label{font-size:12px;color:var(--neon-blue);letter-spacing:2px}.score-box .value{font-size:24px;text-shadow:0 0 10px var(--neon-blue)}.high-score-box{color:gold;font-size:18px;text-shadow:0 0 10px rgba(255,215,0,.5)}.lives{display:flex;gap:5px}.base-hp-container{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:10px}.base-hp-label{font-size:12px;color:#ccc;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:1px}.base-hp-bar{width:200px;height:12px;background:#222;border-radius:6px;border:1px solid #444;overflow:hidden;box-shadow:inset 0 0 5px #000}.base-hp-fill{height:100%;transition:width .3s ease-out}.game-area{flex:1;position:relative;overflow:hidden;cursor:crosshair;touch-action:none}.stars-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;animation:starsMove 10s linear infinite;opacity:.4}.base-hit-flash{position:absolute;top:0;right:0;bottom:0;left:0;border:8px solid var(--neon-red);box-shadow:inset 0 0 80px #ff336680;pointer-events:none;z-index:100;animation:flashAnim .4s ease-out forwards}.player,.enemy,.bullet,.particle{position:absolute;transform:translate(-50%,-50%);pointer-events:none;display:flex;justify-content:center;align-items:center}.player{width:10%;aspect-ratio:1;z-index:5}.player img,.enemy img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.bullet{background:var(--neon-blue);border-radius:2px;box-shadow:0 0 10px var(--neon-blue),0 0 20px #fff}.enemy{z-index:4}.hp-bar-bg{position:absolute;top:-12px;width:100%;height:4px;background:#00000080;border-radius:2px;border:1px solid #333;overflow:hidden}.hp-bar-fill{height:100%;background:var(--neon-red);transition:width .1s}.particle{border-radius:50%;mix-blend-mode:screen}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#050510d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;text-align:center}.title{font-size:3.5rem;margin-bottom:10px;font-weight:900;letter-spacing:6px}.neon-text{color:#fff;text-shadow:0 0 10px var(--neon-purple),0 0 20px var(--neon-purple),0 0 40px var(--neon-blue)}.subtitle{color:#aaa;margin-bottom:40px;font-size:1.2rem;letter-spacing:2px}.controls-hint{margin-top:30px;color:#666;font-size:.9rem}.loading-text{color:var(--neon-blue);animation:pulse 1.5s infinite}.gameover-title{font-size:3.5rem;color:var(--neon-red);text-shadow:0 0 20px var(--neon-red);margin-bottom:20px;font-weight:900}.final-score{font-size:2rem;margin-bottom:10px;color:#fff}.new-record{color:gold;font-size:1.2rem;margin-bottom:30px;animation:bounce 1s infinite;text-shadow:0 0 10px rgba(255,215,0,.5)}.btn-primary{display:flex;align-items:center;gap:10px;background:linear-gradient(45deg,var(--neon-purple),var(--neon-blue));border:none;padding:15px 40px;border-radius:30px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 0 20px #bc13fe66;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #00f3ffcc}@keyframes starsMove{0%{background-position:0 0}to{background-position:0 200px}}@keyframes spin{to{transform:translate(-50%) rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flashAnim{0%{opacity:1}to{opacity:0}}.pop-anim{animation:pop .2s ease-out}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.3);color:#fff}}.heart-beat{animation:heartbeat 1s infinite}@keyframes heartbeat{0%,30%,60%{transform:scale(1)}15%,45%{transform:scale(1.2)}}