:root{--neon-blue: #00f2ff;--neon-purple: #bc13fe;--neon-red: #ff4d4d;--bg-dark: #0a0b1e}.app-container{min-height:100vh;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Segoe UI,system-ui,sans-serif;color:#fff;overflow:hidden}.game-header{width:400px;display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px 12px 0 0;border:1px solid rgba(255,255,255,.1)}.cloud-sync{display:flex;align-items:center;gap:6px;font-size:12px;color:#888}.syncing{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats{display:flex;gap:15px}.stat-item{display:flex;align-items:center;gap:5px;font-weight:700}.game-viewport{position:relative;background:#000;border:2px solid rgba(0,242,255,.3);box-shadow:0 0 20px #00f2ff1a;overflow:hidden;cursor:crosshair;touch-action:none}.stars-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 100px 150px,#fff,#0000);background-size:200px 200px;animation:moveStars 20s linear infinite}@keyframes moveStars{0%{background-position:0 0}to{background-position:0 1000px}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0b1ee6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;text-align:center;padding:20px}.hero-icon{color:var(--neon-blue);filter:drop-shadow(0 0 15px var(--neon-blue));margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.btn-primary{background:linear-gradient(45deg,var(--neon-blue),var(--neon-purple));border:none;padding:12px 24px;border-radius:30px;color:#fff;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .2s;margin-top:20px}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 20px #bc13fe66}.player{position:absolute;z-index:5}.player img{width:50px;height:50px;filter:drop-shadow(0 0 10px var(--neon-blue))}.bullet{position:absolute;width:10px;height:25px;z-index:4}.bullet img{width:100%;height:100%}.bullet-fallback{width:4px;height:15px;background:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue);border-radius:2px}.enemy{position:absolute;display:flex;flex-direction:column;align-items:center}.enemy img{width:100%;height:100%;object-fit:contain}.enemy-fallback{width:80%;height:80%;border:2px solid;border-radius:50%}.hp-bar{height:3px;background:#ff4d4d;margin-top:4px;border-radius:2px}.level-badge{position:absolute;bottom:10px;right:10px;background:#00f2ff33;padding:4px 10px;border-radius:4px;font-size:12px;border:1px solid var(--neon-blue)}.new-record{color:gold;font-weight:700;font-size:24px;margin:10px 0;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}