:root{--c-bg-deep: #06061A;--c-bg-panel: #0E0E28;--c-bg-card: #161636;--c-bg-elevated: #1E1E44;--c-primary: #7C3AED;--c-primary-light: #9F67F5;--c-primary-glow: rgba(124, 58, 237, .45);--c-gold: #F59E0B;--c-gold-glow: rgba(245, 158, 11, .45);--c-pink: #EC4899;--c-pink-glow: rgba(236, 72, 153, .45);--c-cyan: #06B6D4;--c-cyan-glow: rgba(6, 182, 212, .4);--c-green: #10B981;--c-green-glow: rgba(16, 185, 129, .4);--c-red: #EF4444;--c-red-glow: rgba(239, 68, 68, .4);--c-white: #F8FAFC;--c-text-muted: #64748B;--c-text-dim: #94A3B8;--c-border: rgba(124, 58, 237, .25);--c-border-bright: rgba(124, 58, 237, .55);--font-display: "Orbitron", monospace;--font-body: "Inter", sans-serif;--shadow-card: 0 4px 24px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.04) inset;--glow-primary: 0 0 24px var(--c-primary-glow), 0 0 8px var(--c-primary-glow);--glow-gold: 0 0 24px var(--c-gold-glow), 0 0 8px var(--c-gold-glow);--glow-pink: 0 0 24px var(--c-pink-glow), 0 0 8px var(--c-pink-glow);--glow-cyan: 0 0 24px var(--c-cyan-glow), 0 0 8px var(--c-cyan-glow);--glow-green: 0 0 24px var(--c-green-glow), 0 0 8px var(--c-green-glow);--glow-red: 0 0 24px var(--c-red-glow), 0 0 8px var(--c-red-glow);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-2xl: 32px;--t-fast: .15s ease;--t-normal: .25s ease;--t-slow: .45s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}body{background:var(--c-bg-deep);color:var(--c-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes score-pop{0%{transform:scale(1)}40%{transform:scale(1.25);color:var(--c-gold)}to{transform:scale(1)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.font-display{font-family:var(--font-display)}.glow-primary{text-shadow:var(--glow-primary)}.glow-gold{text-shadow:var(--glow-gold)}.glow-pink{text-shadow:var(--glow-pink)}.stat-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:10px 16px;box-shadow:var(--shadow-card);transition:border-color var(--t-normal)}.stat-card:hover{border-color:var(--c-border-bright)}.stat-label{font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--c-text-dim);margin-bottom:2px}.stat-value{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--c-white);line-height:1}.btn-primary{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:12px 28px;border-radius:var(--r-lg);border:none;cursor:pointer;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-light));color:#fff;box-shadow:var(--glow-primary);transition:all var(--t-normal);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff2,transparent);opacity:0;transition:opacity var(--t-fast)}.btn-primary:hover:after{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--c-primary-glow)}.btn-primary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:8px 16px;border-radius:var(--r-md);border:1px solid var(--c-border);background:#ffffff08;color:var(--c-text-dim);cursor:pointer;transition:all var(--t-fast)}.btn-ghost:hover{border-color:var(--c-border-bright);background:#ffffff0f;color:var(--c-white)}.lives-heart{font-size:18px;transition:all var(--t-normal);filter:drop-shadow(0 0 6px var(--c-pink-glow))}.lives-heart.lost{filter:grayscale(1) opacity(.3);transform:scale(.85)}html,body{margin:0;padding:0}.canvas-wrap{touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}