:root{--bg: #020205;--neon-red: #ff003c;--neon-blue: #00f2ff;--neon-green: #39ff14;--gold: #ffd700;--glass: rgba(10, 10, 20, .8);--border: rgba(255, 255, 255, .1)}body{margin:0;background:var(--bg);color:#fff;font-family:Orbitron,Rajdhani,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0a0a1a,#020205)}.hud-top{position:absolute;top:20px;display:flex;gap:25px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 35px;border-radius:100px;border:1px solid var(--border);z-index:100;box-shadow:0 0 30px #000c}.hud-item{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px;letter-spacing:1px}.icon-gold{color:var(--gold);filter:drop-shadow(0 0 5px var(--gold))}.icon-blue{color:var(--neon-blue);filter:drop-shadow(0 0 5px var(--neon-blue))}.icon-red{color:var(--neon-red);filter:drop-shadow(0 0 5px var(--neon-red))}.cloud-status{font-size:11px;color:#fff6;border-left:1px solid var(--border);padding-left:20px;text-transform:uppercase}.exp-bar-container{position:absolute;top:0;left:0;width:100%;height:8px;background:#ffffff08;z-index:101}.exp-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-blue),var(--neon-green));box-shadow:0 0 20px var(--neon-blue)}.hud-lives{position:absolute;top:90px;display:flex;gap:10px;z-index:100}.canvas-wrapper{position:relative;width:800px;height:600px;border-radius:24px;overflow:hidden;box-shadow:0 0 80px #000;border:2px solid rgba(255,255,255,.08)}.game-canvas{background:#000;background-image:linear-gradient(rgba(0,242,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,255,.03) 1px,transparent 1px);background-size:50px 50px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;padding:40px}.logo-box{text-align:center;margin-bottom:40px}.title{font-size:80px;font-weight:900;margin:0;letter-spacing:-4px;background:linear-gradient(to bottom,#fff,#444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title span{color:var(--neon-red);-webkit-text-fill-color:var(--neon-red);text-shadow:0 0 40px var(--neon-red)}.subtitle{font-size:16px;letter-spacing:12px;color:#555;margin-top:10px;text-transform:uppercase}.high-score-badge{background:#ffd70014;color:var(--gold);padding:8px 25px;border-radius:30px;border:1px solid rgba(255,215,0,.2);font-size:14px;margin-bottom:50px;font-weight:700;letter-spacing:2px}.pause-indicator{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--neon-blue);margin-bottom:30px}.pause-indicator span{font-size:14px;letter-spacing:6px;font-weight:700}.level-up-title{font-size:48px;color:var(--neon-green);text-shadow:0 0 30px rgba(57,255,20,.3);margin-bottom:40px;text-transform:uppercase}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;width:100%;max-width:780px}.skill-card{background:#ffffff05;border:1px solid var(--border);padding:35px 20px;border-radius:24px;cursor:pointer;transition:all .3s ease;text-align:center}.skill-card:hover{background:#00f2ff14;border-color:var(--neon-blue);transform:translateY(-8px);box-shadow:0 20px 40px #0009}.skill-icon{color:var(--neon-blue);margin-bottom:25px;filter:drop-shadow(0 0 8px var(--neon-blue))}.skill-card h3{margin:0 0 12px;font-size:20px;color:#fff}.skill-card p{margin:0;font-size:13px;color:#666;line-height:1.6}.btn-primary{background:var(--neon-red);color:#fff;border:none;padding:20px 60px;font-size:20px;font-weight:800;border-radius:16px;cursor:pointer;display:flex;align-items:center;gap:18px;transition:.3s;box-shadow:0 0 40px #ff003c33;text-transform:uppercase;letter-spacing:2px}.btn-primary:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 60px var(--neon-red)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.active-skills{position:absolute;bottom:30px;display:flex;gap:15px;flex-wrap:wrap;justify-content:center;max-width:800px}.skill-tag{background:var(--glass);padding:8px 20px;border-radius:12px;font-size:12px;border:1px solid var(--border);color:var(--neon-blue);text-transform:uppercase;letter-spacing:1px;font-weight:600}.gameover-title{font-size:56px;color:var(--neon-red);margin:30px 0;text-shadow:0 0 30px var(--neon-red)}.skull-glow{filter:drop-shadow(0 0 30px var(--neon-red))}.final-stats{display:flex;gap:60px;margin-bottom:50px}.stat{display:flex;flex-direction:column;align-items:center}.stat span{font-size:14px;color:#444;margin-bottom:8px;letter-spacing:2px}.stat strong{font-size:42px;color:#fff}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.syncing{animation:spin 2s linear infinite;color:var(--neon-green)}