:root{--bg-dark: #050510;--neon-blue: #00ffff;--neon-pink: #ff0055;--neon-orange: #ffaa00}body{margin:0;padding:0;background-color:#000;color:#fff;font-family:Courier New,Courier,monospace;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.app-wrapper{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1a1a3a,#000)}.cloud-sync-badge{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;color:#ffffff80;font-size:12px;z-index:100}.toast{position:absolute;top:40px;background:#0ff3;border:1px solid var(--neon-blue);padding:8px 16px;border-radius:20px;color:var(--neon-blue);z-index:200;box-shadow:0 0 15px #00ffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeOut 3s forwards}@keyframes fadeOut{0%,80%{opacity:1}to{opacity:0}}.game-container{position:relative;width:320px;height:520px;background:var(--bg-dark);border-radius:12px;overflow:hidden;box-shadow:0 0 30px #0ff3,inset 0 0 20px #aa00ff1a;border:2px solid rgba(0,255,255,.3)}.game-area{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;overflow:hidden}.grid-bg{position:absolute;top:-50%;left:0;width:100%;height:200%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:40px 40px;animation:scrollBg 2s linear infinite}@keyframes scrollBg{0%{transform:translateY(0)}to{transform:translateY(40px)}}.entity{position:absolute;display:flex;justify-content:center;align-items:center}.entity img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px currentColor)}.entity span{font-size:100%;line-height:1}.player{filter:drop-shadow(0 0 10px var(--neon-blue))}.enemy{filter:drop-shadow(0 0 10px var(--neon-pink))}.boss{filter:drop-shadow(0 0 20px var(--neon-orange))}.bullet-player{background:var(--neon-blue);border-radius:4px;box-shadow:0 0 10px var(--neon-blue)}.bullet-enemy{display:flex;justify-content:center;align-items:center}.particle{position:absolute;width:4px;height:4px;border-radius:50%;box-shadow:0 0 5px currentColor}.shield-aura{position:absolute;width:150%;height:150%;border-radius:50%;border:2px solid #0088ff;box-shadow:0 0 15px #08f,inset 0 0 10px #08f;animation:pulseShield 1s infinite alternate;pointer-events:none}@keyframes pulseShield{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.1);opacity:1}}.mini-hp-bar{position:absolute;top:-8px;left:10%;width:80%;height:3px;background:#ff00004d;border-radius:2px;overflow:hidden}.mini-hp-fill{height:100%;background:#0fa;transition:width .1s}.hud-top{position:absolute;top:0;left:0;right:0;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;background:linear-gradient(to bottom,rgba(5,5,16,.9),transparent);z-index:10}.score-display{font-size:clamp(14px,4.5vw,18px);font-weight:700;color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.lives-display{display:flex;gap:4px}.life-pip{width:10px;height:10px;border:2px solid var(--neon-pink);transform:rotate(45deg);transition:all .3s}.life-pip.active{background:var(--neon-pink);box-shadow:0 0 8px var(--neon-pink)}.boss-warning{position:absolute;top:40%;left:0;right:0;text-align:center;color:var(--neon-pink);animation:flash .5s infinite alternate;z-index:20}.boss-warning h2{margin:10px 0 0;font-size:28px;text-shadow:0 0 20px var(--neon-pink)}@keyframes flash{0%{opacity:.2;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.boss-hp-container{position:absolute;top:40px;left:20px;right:20px;height:6px;background:#f003;border-radius:3px;border:1px solid var(--neon-pink);overflow:hidden;z-index:10}.boss-hp-bar{height:100%;background:var(--neon-pink);transition:width .1s linear;box-shadow:0 0 10px var(--neon-pink)}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#050510d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.title-box,.gameover-box{text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}h1{font-size:36px;margin:0;line-height:1.1;color:transparent;-webkit-text-stroke:1.5px var(--neon-blue);text-shadow:0 0 15px rgba(0,255,255,.5);letter-spacing:2px}h2{font-size:24px;color:var(--neon-pink);text-shadow:0 0 15px var(--neon-pink);margin:0}.high-score-badge{background:#fa03;color:var(--neon-orange);padding:4px 12px;border-radius:15px;border:1px solid var(--neon-orange);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.btn-primary{background:transparent;color:var(--neon-blue);border:2px solid var(--neon-blue);padding:10px 24px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;box-shadow:0 0 10px #0ff3,inset 0 0 10px #00ffff1a}.btn-primary:hover:not(:disabled){background:var(--neon-blue);color:#000;box-shadow:0 0 20px var(--neon-blue)}.btn-primary:disabled{border-color:#555;color:#555;cursor:not-allowed}.controls-hint{color:#ffffff80;font-size:11px;line-height:1.5}.final-score{font-size:16px}.final-score span{font-size:32px;font-weight:700;color:var(--neon-blue);display:block;margin-top:5px}.new-record{color:var(--neon-orange);font-weight:700;font-size:14px;animation:pulse 1s infinite}.skill-overlay{flex-direction:column;background:#050510f2}.skill-title{color:var(--neon-orange);text-shadow:0 0 15px var(--neon-orange);margin-bottom:30px;font-size:20px}.skill-cards{display:flex;flex-direction:column;gap:20px;width:80%}.skill-card{background:#ffffff0d;border:1px solid var(--theme-color);border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s;box-shadow:inset 0 0 10px #ffffff05}.skill-card:hover{transform:scale(1.05);background:#ffffff1a;box-shadow:0 0 20px var(--theme-color),inset 0 0 20px #ffffff1a}.skill-icon{margin-bottom:10px;filter:drop-shadow(0 0 8px var(--theme-color))}.skill-card h3{margin:0 0 5px;font-size:18px;color:var(--theme-color)}.skill-card p{margin:0;font-size:12px;color:#aaa}