@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-void: #030308;--bg-deep: #080812;--bg-surface: #0d0d1a;--aurora-green: #00ff88;--aurora-cyan: #00d4ff;--aurora-blue: #0066ff;--aurora-purple: #8844ff;--aurora-pink: #ff00aa;--aurora-orange: #ff6600;--neon-primary: #00ff88;--neon-secondary: #00d4ff;--neon-accent: #ff00aa;--neon-warning: #ffaa00;--neon-danger: #ff3366;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--glass-light: rgba(255, 255, 255, .08);--glass-medium: rgba(255, 255, 255, .05);--glass-dark: rgba(0, 0, 0, .4);--glass-border: rgba(255, 255, 255, .12);--glass-border-bright: rgba(255, 255, 255, .2);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 32px;--blur-xl: 48px;--shadow-glow: 0 0 30px;--shadow-3d: 0 10px 40px rgba(0, 0, 0, .5);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:Space Grotesk,-apple-system,sans-serif;background:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bg-void)}.aurora-bg:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,255,136,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 70% 30%,rgba(0,212,255,.12) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 50% 70%,rgba(136,68,255,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(255,0,170,.08) 0%,transparent 50%);animation:auroraDrift 20s ease-in-out infinite}.aurora-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% 100%,rgba(0,102,255,.1) 0%,transparent 60%);animation:auroraPulse 8s ease-in-out infinite}@keyframes auroraDrift{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(3%,-2%) rotate(1deg)}50%{transform:translate(-2%,3%) rotate(-1deg)}75%{transform:translate(-3%,-1%) rotate(.5deg)}}@keyframes auroraPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.grid-pattern{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 80%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 80%)}#canvasContainer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}#canvasContainer canvas{width:100%!important;height:100%!important}.game-hud{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:8px;z-index:50;background:var(--glass-dark);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,0 0 0 1px #0000004d}.hud-item{position:relative;display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--glass-medium);border-radius:var(--radius-lg);border:1px solid var(--glass-border);transition:all .3s var(--ease-out-expo)}.hud-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.hud-item:hover{background:var(--glass-light);border-color:var(--glass-border-bright);transform:translateY(-2px)}.hud-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;filter:drop-shadow(0 0 8px currentColor)}.hud-text{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;letter-spacing:.5px}.hud-item.score{--glow-color: var(--neon-primary)}.hud-item.score .hud-icon,.hud-item.score .hud-text{color:var(--neon-primary);text-shadow:0 0 20px var(--neon-primary)}.hud-item.time{--glow-color: var(--neon-secondary)}.hud-item.time .hud-icon,.hud-item.time .hud-text{color:var(--neon-secondary);text-shadow:0 0 20px var(--neon-secondary)}.hud-item.mode{--glow-color: var(--neon-accent)}.hud-item.mode .hud-icon,.hud-item.mode .hud-text{color:var(--neon-accent);text-shadow:0 0 20px var(--neon-accent)}#scoreDisplay.pop{animation:scorePop .4s var(--ease-out-back)}@keyframes scorePop{0%{transform:scale(1)}50%{transform:scale(1.4);filter:brightness(1.5)}to{transform:scale(1)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background:#030308b3;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));opacity:1;transition:opacity .5s var(--ease-out-expo)}.overlay.hidden{opacity:0;pointer-events:none}#particleCanvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.game-title{position:relative;font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,12vw,6rem);font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:60px;animation:titleReveal 1s var(--ease-out-expo) forwards;opacity:0;transform:translateY(30px)}@keyframes titleReveal{to{opacity:1;transform:translateY(0)}}.game-title .main-text{display:block;background:linear-gradient(135deg,var(--neon-primary) 0%,var(--neon-secondary) 50%,var(--neon-accent) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,255,136,.5))}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.game-title .subtitle{display:block;font-size:.25em;font-weight:500;letter-spacing:.5em;color:var(--text-secondary);margin-top:16px;text-transform:uppercase}.snake-emoji{display:inline-block;animation:snakeFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--neon-primary))}.snake-emoji:last-child{animation-delay:-1.5s}@keyframes snakeFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.menu-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:40px;perspective:1000px}.menu-btn{position:relative;width:320px;padding:20px 48px;border:none;border-radius:var(--radius-md);font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transform-style:preserve-3d;transition:all .4s var(--ease-out-expo);background:var(--glass-medium);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);box-shadow:var(--shadow-3d),inset 0 1px #ffffff26,inset 0 -2px #0003}.menu-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.menu-btn:hover:before{opacity:1}.menu-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s var(--ease-out-expo);pointer-events:none}.menu-btn:hover:after{left:150%}.menu-btn.primary{--btn-glow: var(--neon-primary);--btn-color: var(--neon-primary)}.menu-btn.primary:hover{background:#00ff8826;border-color:var(--neon-primary);box-shadow:0 0 40px #0f86,0 0 80px #0f83,var(--shadow-3d),inset 0 1px #fff3;transform:translateY(-4px) rotateX(5deg);color:var(--neon-primary);text-shadow:0 0 20px var(--neon-primary)}.menu-btn.primary:active{transform:translateY(0) rotateX(0) scale(.98)}.menu-btn.secondary{--btn-glow: var(--neon-secondary);--btn-color: var(--neon-secondary)}.menu-btn.secondary:hover{background:#00d4ff26;border-color:var(--neon-secondary);box-shadow:0 0 40px #00d4ff66,0 0 80px #00d4ff33,var(--shadow-3d),inset 0 1px #fff3;transform:translateY(-4px) rotateX(5deg);color:var(--neon-secondary);text-shadow:0 0 20px var(--neon-secondary)}.menu-btn.secondary:active{transform:translateY(0) rotateX(0) scale(.98)}.mode-selector{display:flex;gap:8px;padding:8px;background:var(--glass-dark);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3d)}.mode-btn{position:relative;padding:16px 28px;border:none;border-radius:var(--radius-sm);font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;background:transparent;color:var(--text-muted);letter-spacing:.03em;transition:all .3s var(--ease-out-expo);overflow:hidden}.mode-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.mode-btn:hover{color:var(--text-primary)}.mode-btn:hover:before{opacity:1}.mode-btn .mode-icon{display:block;font-size:1.6rem;margin-bottom:8px;transition:transform .3s var(--ease-spring)}.mode-btn:hover .mode-icon{transform:scale(1.15) translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#ff00aa40,#8844ff26);color:var(--neon-accent);box-shadow:0 0 30px #ff00aa4d,inset 0 0 20px #ff00aa1a;text-shadow:0 0 15px var(--neon-accent)}.mode-btn.active .mode-icon{animation:iconPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--neon-accent))}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.gameover-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;color:var(--neon-danger);text-transform:uppercase;letter-spacing:.1em;margin-bottom:30px;text-shadow:0 0 20px var(--neon-danger),0 0 40px var(--neon-danger),0 0 80px rgba(255,51,102,.5);animation:gameoverGlitch 3s ease-in-out infinite}@keyframes gameoverGlitch{0%,90%,to{transform:translate(0);filter:none}92%{transform:translate(-3px,2px);filter:hue-rotate(90deg)}94%{transform:translate(3px,-2px);filter:hue-rotate(-90deg)}96%{transform:translate(-2px,-1px);filter:none}98%{transform:translate(2px,1px);filter:hue-rotate(45deg)}}.final-score{font-size:1.5rem;color:var(--text-secondary);margin-bottom:20px;letter-spacing:.05em}.final-score span{font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:700;color:var(--neon-warning);text-shadow:0 0 30px var(--neon-warning);margin-left:15px}.new-record{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600;color:var(--neon-primary);text-transform:uppercase;letter-spacing:.2em;margin-bottom:40px;animation:recordPulse .8s ease-in-out infinite alternate;text-shadow:0 0 20px var(--neon-primary)}@keyframes recordPulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}.new-record.hidden{display:none}.pause-title{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;color:var(--neon-secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:40px;text-shadow:0 0 20px var(--neon-secondary),0 0 40px var(--neon-secondary);animation:pausePulse 2s ease-in-out infinite}@keyframes pausePulse{0%,to{opacity:1}50%{opacity:.6}}.highscore-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;background:#030308e6;backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl))}.highscore-overlay.hidden{display:none}.highscore-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--neon-warning),var(--neon-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:40px;text-shadow:0 0 40px rgba(255,170,0,.5)}.highscore-list{list-style:none;width:340px;margin-bottom:40px}.highscore-item{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;margin-bottom:10px;background:var(--glass-medium);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all .3s var(--ease-out-expo)}.highscore-item:hover{background:var(--glass-light);transform:translate(8px);border-color:var(--glass-border-bright)}.highscore-item .rank{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--neon-secondary);text-shadow:0 0 10px var(--neon-secondary)}.highscore-item .mode{color:var(--text-muted);font-size:.9rem}.highscore-item .score{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--neon-primary);text-shadow:0 0 10px var(--neon-primary)}#mobileControls{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,70px);grid-template-rows:repeat(2,70px);gap:12px;z-index:50;padding:16px;background:var(--glass-dark);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-3d),0 0 40px #00d4ff1a}.ctrl-btn{width:70px;height:70px;border:2px solid var(--neon-primary);border-radius:50%;background:linear-gradient(135deg,#0f83,#00c8641a);font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out-expo);box-shadow:0 0 20px #00ff884d,inset 0 0 15px #00ff881a;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--neon-primary)}.ctrl-btn:hover{background:#00ff884d;box-shadow:0 0 30px #00ff8880,inset 0 0 20px #0f83}.ctrl-btn:active{transform:scale(.9);background:#00ff8880;box-shadow:0 0 50px #00ff88b3,inset 0 0 30px #0f86}.ctrl-btn[data-dir=up]{grid-column:2;grid-row:1}.ctrl-btn[data-dir=left]{grid-column:1;grid-row:2}.ctrl-btn[data-dir=right]{grid-column:3;grid-row:2}.ctrl-btn[data-dir=down]{grid-column:2;grid-row:2}#fpsDisplay{position:fixed;bottom:20px;left:20px;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--neon-primary);background:var(--glass-dark);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));padding:8px 14px;border-radius:var(--radius-sm);border:1px solid rgba(0,255,136,.2);z-index:60;pointer-events:none;text-shadow:0 0 10px var(--neon-primary)}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 3px);opacity:.4}.screen-shake{animation:shake .4s var(--ease-out-expo)}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px,4px)}30%{transform:translate(8px,-4px)}45%{transform:translate(-4px,8px)}60%{transform:translate(4px,-8px)}75%{transform:translate(-2px,2px)}}.fade-in{animation:fadeIn .5s var(--ease-out-expo)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.game-hud{top:15px;gap:8px;padding:6px}.hud-item{padding:10px 16px}.hud-text{font-size:.85rem}.menu-btn{width:280px;padding:18px 36px;font-size:1rem}.mode-btn{padding:12px 20px;font-size:.8rem}.mode-btn .mode-icon{font-size:1.4rem}#mobileControls{bottom:25px;grid-template-columns:repeat(3,65px);grid-template-rows:repeat(2,65px);gap:10px;padding:14px}.ctrl-btn{width:65px;height:65px;font-size:1.8rem}}@media (max-width: 480px){.game-title{margin-bottom:40px}.menu-btn{width:250px;padding:16px 28px;font-size:.95rem}.mode-selector{flex-direction:column;gap:6px}.mode-btn{width:100%}#mobileControls{grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,60px);gap:8px;padding:12px}.ctrl-btn{width:60px;height:60px;font-size:1.6rem}.highscore-list{width:290px}}@keyframes buttonSpring{0%{transform:scale(1) translateY(0)}20%{transform:scale(.95) translateY(0)}40%{transform:scale(1.03) translateY(-2px)}60%{transform:scale(.99) translateY(0)}80%{transform:scale(1.01) translateY(-.5px)}to{transform:scale(1) translateY(0)}}.menu-btn:hover{animation:buttonSpring .4s var(--ease-out-back)}@keyframes breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;text-shadow:0 0 15px currentColor}}#timeDisplay.active-timer{animation:breathe 1.5s ease-in-out infinite}.score-flyup{position:fixed;font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--neon-primary);text-shadow:0 0 10px var(--neon-primary),0 0 20px var(--neon-primary);pointer-events:none;z-index:50;animation:flyUp .8s var(--ease-out-expo) forwards;transform:translate(-50%)}@keyframes flyUp{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}50%{opacity:1;transform:translate(-50%) translateY(-30px) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(1.3)}}.game-title{position:relative;background:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.4) 50%,transparent 100%);background-size:200% 100%;animation:titleShine 3s ease-in-out infinite;-webkit-background-clip:text;background-clip:text}.game-title .snake-emoji{display:inline-block;filter:drop-shadow(0 0 10px var(--neon-primary))}@keyframes titleShine{0%{background-position:-200% center}50%,to{background-position:200% center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.overlay:not(.hidden){animation:fadeInUp .4s var(--ease-out-expo)}.hud-item{background:#0a0a1acc;border:1px solid rgba(0,255,136,.35);box-shadow:0 0 25px #00ff881f,inset 0 0 15px #00ff880d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px}.menu-btn.primary:hover{box-shadow:0 0 40px #00ff8880,0 0 80px #00ff8840,inset 0 0 20px #00ff8826}.menu-btn.secondary:hover{box-shadow:0 0 30px #00d4ff66,0 0 60px #00d4ff33,inset 0 0 15px #00d4ff1a}.mode-btn.active{background:linear-gradient(135deg,#ff00aa40,#b4007826);border:1px solid rgba(255,0,170,.5);box-shadow:0 0 20px #ff00aa59,inset 0 0 15px #ff00aa26}.mode-btn.active .mode-icon{animation:modePulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px var(--neon-accent))}@keyframes modePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes newRecordFlash{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.new-record:not(.hidden){animation:newRecordFlash .5s ease-in-out infinite alternate}@keyframes gameoverFlicker{0%,to{opacity:1}50%{opacity:.85}52%{opacity:1}54%{opacity:.8}56%{opacity:1}}.gameover-title{animation:gameoverFlicker 2s ease-in-out infinite}.score-flyup{position:fixed;font-family:JetBrains Mono,Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--neon-primary);text-shadow:0 0 10px var(--neon-primary),0 0 20px var(--neon-primary),0 0 30px rgba(0,255,136,.5);pointer-events:none;z-index:100;animation:flyUp .6s cubic-bezier(.16,1,.3,1) forwards;transform:translate(-50%,-50%)}.score-flyup.combo{color:var(--neon-warning);text-shadow:0 0 10px var(--neon-warning),0 0 20px var(--neon-warning),0 0 30px rgba(255,170,0,.5);font-size:1.8rem}@keyframes flyUp{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,calc(-50% - 80px)) scale(1)}}#scoreDisplay.pulse{animation:scorePulse .3s var(--ease-out-back)}@keyframes scorePulse{0%{transform:scale(1)}50%{transform:scale(1.3);filter:brightness(1.5)}to{transform:scale(1)}}.screen-shake{animation:screenShake .4s var(--ease-out-expo)}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-10px,5px)}20%{transform:translate(10px,-5px)}30%{transform:translate(-8px,8px)}40%{transform:translate(8px,-8px)}50%{transform:translate(-5px,5px)}60%{transform:translate(5px,-5px)}70%{transform:translate(-3px,3px)}80%{transform:translate(3px,-3px)}90%{transform:translate(-1px,1px)}}.snake-death-explosion{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:90}.snake-fragment{position:absolute;width:12px;height:12px;background:var(--neon-primary);border-radius:2px;box-shadow:0 0 10px var(--neon-primary),0 0 20px var(--neon-primary);animation:fragmentExplode .8s var(--ease-out-expo) forwards}@keyframes fragmentExplode{0%{opacity:1;transform:translate(0) scale(1) rotate(0)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0) rotate(720deg)}}.death-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,51,102,.3) 0%,transparent 70%);pointer-events:none;z-index:85;animation:deathFlash .5s ease-out forwards}@keyframes deathFlash{0%{opacity:1}to{opacity:0}}.game-hud.minimal{top:20px;left:50%;transform:translate(-50%);background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.game-hud.minimal .hud-item{background:#0009;border:1px solid rgba(0,255,136,.4);padding:16px 32px;border-radius:20px}.game-hud.minimal .hud-item.score{font-size:2rem}.game-hud.minimal .hud-item .hud-icon{font-size:1.5rem}.game-hud.minimal .hud-item.score{display:flex;flex-direction:column;align-items:center;gap:4px}.game-hud.minimal .hud-item.score .hud-text{font-size:2.5rem;font-weight:700}.combo-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;color:var(--neon-warning);text-shadow:0 0 20px var(--neon-warning),0 0 40px var(--neon-warning);pointer-events:none;z-index:80;opacity:0;animation:comboAppear .5s ease-out forwards}@keyframes comboAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1) translateY(-50px)}}.food-eaten-effect{position:fixed;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0%,transparent 70%);pointer-events:none;z-index:70;animation:foodBurst .3s ease-out forwards}@keyframes foodBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(2)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}
