*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}:root{--neon-cyan: #00f0ff;--neon-magenta: #ff007f;--neon-purple: #9d00ff;--neon-yellow: #ffe600;--neon-green: #00ff66;--bg-dark: #070314;--panel-bg: rgba(15, 7, 34, .75);--panel-border: rgba(0, 240, 255, .3)}body,html,#root{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:Rajdhani,sans-serif;color:#fff}h1,h2,h3,.font-cyber{font-family:Orbitron,sans-serif;letter-spacing:2px}.cyber-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 40%,rgba(7,3,20,.7) 100%);z-index:10}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:11;opacity:.6}.cyber-card{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--panel-border);box-shadow:0 0 30px #00f0ff26,inset 0 0 20px #9d00ff26;border-radius:16px;position:relative;overflow:hidden}.cyber-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),var(--neon-magenta),transparent)}.btn-cyber-primary{background:linear-gradient(135deg,#ff007f,#7928ca);color:#fff;font-family:Orbitron,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:3px;padding:16px 40px;border-radius:8px;border:1px solid rgba(255,255,255,.4);box-shadow:0 0 25px #ff007f80,inset 0 0 10px #ffffff4d;cursor:pointer;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;justify-content:center;gap:12px}.btn-cyber-primary:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 35px #ff007fcc,0 0 15px var(--neon-cyan);border-color:#fff}.btn-cyber-primary:active{transform:translateY(1px) scale(.98)}.btn-cyber-secondary{background:#00f0ff1a;color:var(--neon-cyan);font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:2px;padding:12px 24px;border-radius:8px;border:1px solid var(--neon-cyan);box-shadow:0 0 15px #00f0ff40;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-cyber-secondary:hover{background:#00f0ff40;box-shadow:0 0 25px #00f0ff80;transform:translateY(-2px);color:#fff}@keyframes neonPulse{0%,to{text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan)}50%{text-shadow:0 0 15px var(--neon-magenta),0 0 30px var(--neon-magenta),0 0 60px var(--neon-magenta)}}.animate-neon-glow{animation:neonPulse 3s infinite ease-in-out}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:floatBob 3s ease-in-out infinite}@keyframes scorePop{0%{transform:scale(1.4);opacity:0}50%{transform:scale(1);opacity:1}to{transform:translateY(-20px);opacity:0}}.score-pop{animation:scorePop .8s ease-out forwards}.canvas-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1}.touch-zone-left,.touch-zone-right{position:absolute;top:0;bottom:0;width:50%;z-index:25;cursor:pointer;-webkit-tap-highlight-color:transparent}.touch-zone-left{left:0}.touch-zone-right{right:0}