:root{--neon-blue: #6366f1;--neon-purple: #a855f7;--neon-pink: #ec4899;--bg-deep: #020617;--glass: rgba(255, 255, 255, .03)}body{margin:0;background-color:var(--bg-deep);color:#fff;font-family:Orbitron,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e1b4b,#020617)}.game-canvas{z-index:5;filter:drop-shadow(0 0 15px rgba(99,102,241,.2));max-width:95vw}.hud{position:absolute;top:30px;left:30px;right:30px;display:flex;justify-content:space-between;z-index:100;pointer-events:none}.hud-left,.hud-right{display:flex;gap:15px;align-items:center}.stat-item{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px;font-weight:800;box-shadow:0 4px 20px #0000004d}.lives-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.dot.active{background:#ef4444;box-shadow:0 0 12px #ef4444;transform:scale(1.2)}.sync-status{font-size:.7rem;color:#fff6;display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:1px}.best-score{color:var(--neon-purple);font-weight:900;text-shadow:0 0 10px rgba(168,85,247,.5)}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:200}.menu-card{background:linear-gradient(165deg,#1e293be6,#0f172ae6);padding:50px;border-radius:32px;text-align:center;border:1px solid rgba(99,102,241,.3);box-shadow:0 25px 60px #0009;max-width:400px;width:90%}.hero-icon{width:100px;height:100px;margin:0 auto 20px;background:#6366f11a;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--neon-blue)}.hero-icon img{width:80px;height:80px;object-fit:contain}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}h1{font-size:2.5rem;margin:0;background:linear-gradient(to right,#fff,var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}.best-badge{background:#a855f726;color:var(--neon-purple);padding:6px 16px;border-radius:20px;display:inline-block;margin:20px 0;font-size:.9rem;border:1px solid rgba(168,85,247,.3)}.primary-btn{background:var(--neon-blue);color:#fff;border:none;padding:16px 32px;font-size:1.2rem;font-weight:700;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;transition:all .3s;box-shadow:0 8px 20px #6366f166}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #6366f199}.primary-btn.restart{background:var(--neon-pink);box-shadow:0 8px 20px #ec489966}.score-display{font-size:5rem;font-weight:900;color:var(--neon-pink);text-shadow:0 0 30px rgba(236,72,153,.6);margin:10px 0}.cyber-grid{position:absolute;width:200%;height:100%;background-image:linear-gradient(rgba(99,102,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.05) 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(60deg);bottom:-15%;z-index:1;animation:grid-scroll 4s linear infinite}@keyframes grid-scroll{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(60px)}}.glitch{animation:glitch-text 2s infinite}@keyframes glitch-text{0%{text-shadow:2px 0 var(--neon-pink),-2px 0 var(--neon-blue)}25%{text-shadow:-2px 0 var(--neon-pink),2px 0 var(--neon-blue)}50%{text-shadow:2px 2px var(--neon-pink),-2px -2px var(--neon-blue)}to{text-shadow:2px 0 var(--neon-pink),-2px 0 var(--neon-blue)}}