:root{--bg-dark: #05050a;--neon-blue: #00f3ff;--neon-pink: #ff007f;--neon-purple: #a800ff;--glass-bg: rgba(10, 15, 30, .7);--glass-border: rgba(0, 243, 255, .3);--text-main: #e0e6ed}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;touch-action:none}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg-dark);color:var(--text-main);overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh;background:radial-gradient(circle at 50% 0%,#1a0b2e 0%,var(--bg-dark) 80%)}.main-content{display:flex;flex:1;justify-content:center;align-items:center;padding:20px;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:#0009;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;box-shadow:0 4px 30px #00f3ff1a}.header-title{display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:800;letter-spacing:1px}.cloud-status{font-size:.8rem;display:flex;align-items:center;gap:4px;color:#6b7280;font-weight:400;margin-left:10px;padding:4px 10px;background:#ffffff0d;border-radius:12px}.header-stats{display:flex;gap:15px}.stat-box{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;background:#00000080;padding:8px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 10px #000c}.score-display{color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);font-family:Courier New,Courier,monospace;letter-spacing:2px;min-width:180px;justify-content:center}.game-area{position:relative;border-radius:16px;overflow:hidden;border:2px solid var(--glass-border);box-shadow:0 0 40px #00f3ff26,inset 0 0 50px #000c;background:#000;cursor:crosshair}.bg-grid{position:absolute;top:-100%;right:0;bottom:-100%;left:0;background-image:linear-gradient(rgba(0,243,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.1) 1px,transparent 1px);background-size:40px 40px;z-index:0;opacity:.5}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;z-index:99;pointer-events:none;opacity:.3}.entity{position:absolute;top:0;left:0;z-index:10;will-change:transform;display:flex;justify-content:center;align-items:center}.bullet{position:absolute;top:0;left:0;background:#fff;border-radius:4px;box-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);z-index:5;will-change:transform}.explosion{position:absolute;top:0;left:0;width:60px;height:60px;z-index:15;will-change:transform,opacity;pointer-events:none}.img-fit{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,243,255,.5))}.hp-bar-bg{position:absolute;bottom:-10px;left:10%;width:80%;height:4px;background:#ff00004d;border-radius:2px;overflow:hidden}.hp-bar-fill{height:100%;background:#0f8;transition:width .1s linear}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#05050ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.glass-panel{padding:40px;text-align:center}.neon-text{color:#fff;text-shadow:0 0 5px #fff,0 0 15px var(--neon-blue),0 0 30px var(--neon-blue)}.text-red{color:var(--neon-pink);text-shadow:0 0 15px var(--neon-pink)}.text-gold{color:gold;text-shadow:0 0 10px #ffd700}.text-green{color:#0f8}.text-neon-blue{color:var(--neon-blue)}.title-large{font-size:3.5rem;margin-bottom:10px;font-weight:900;letter-spacing:4px}.subtitle{color:#8892b0;font-size:1.1rem;margin-bottom:40px;letter-spacing:1px}.final-score{font-size:2.5rem;color:#fff;margin:20px 0;font-family:monospace;text-shadow:0 0 10px rgba(255,255,255,.5)}.new-record{color:gold;font-size:1.5rem;font-weight:700;animation:pulse 1s infinite;margin-bottom:30px;border:1px solid #ffd700;padding:5px 15px;border-radius:20px}.btn-primary{background:#00f3ff1a;border:2px solid var(--neon-blue);color:#fff;font-size:1.2rem;font-weight:700;padding:15px 40px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2px;transition:all .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-danger{border-color:var(--neon-pink);background:#ff007f1a}.icon{width:24px;height:24px}.icon-small{width:16px;height:16px}.spin{animation:spin 2s linear infinite}.mt-4{margin-top:30px}.hero-showcase{width:120px;height:120px;margin-bottom:20px;animation:float 3s ease-in-out infinite}.enemy-preview{display:flex;gap:30px;margin-bottom:40px;background:#ffffff0d;padding:20px 40px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.preview-item{display:flex;flex-direction:column;align-items:center;gap:10px;color:#aaa;font-size:.9rem}.svg-wrap{width:50px;height:50px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px gold}50%{opacity:.8;transform:scale(1.05);box-shadow:0 0 20px gold}}@media (max-width: 600px){.app-header{padding:10px;flex-direction:column;gap:10px}.header-stats{width:100%;justify-content:space-between;gap:5px}.stat-box{padding:5px 10px;font-size:1rem}.title-large{font-size:2.5rem}.enemy-preview{gap:15px;padding:15px}.game-area{width:100%!important;height:80vh!important;border-radius:0;border:none}}