html,body{overflow:hidden;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.theme-neongrid{--snake1-color: #39ff14;--snake2-color: #f000ff;--food-color: #ffff00;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:repeating-linear-gradient(45deg,#000 0,#000 2px,#0f0 2px,#0f0 4px);background-size:40px 40px;animation:neongridMove 5s linear infinite;color:#fff}.theme-laser{--snake1-color: #ff0080;--snake2-color: #00eaff;--food-color: #ffdd00;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#000,#111);background-size:200% 200%;animation:laserPulse 3s linear infinite;color:#fff}.theme-starfield{--snake1-color: #ffffff;--snake2-color: #ffd700;--food-color: #ff69b4;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #000;background:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#fff 1px,transparent 1px);background-size:3px 3px,2px 2px;background-position:0 0,1.5px 1.5px;background-color:#000;animation:starfieldMove 60s linear infinite;color:#fff}.theme-matrixrain{--snake1-color: #00ff00;--snake2-color: #00a000;--food-color: #88ff88;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #0f0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.8) 2px,transparent 2px,transparent 4px);animation:matrixRain 1s linear infinite;color:#0f0}.theme-fireworks{--snake1-color: #ff4d4d;--snake2-color: #ffd700;--food-color: #00e0ff;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:radial-gradient(circle at center,#333 0%,#000 70%);animation:fireworksBurst 2s ease-in-out infinite;color:#fff}.theme-wave{--snake1-color: #38bdf8;--snake2-color: #0ea5e9;--food-color: #67e8f9;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(180deg,#0066ff,#00ccff);background-size:100% 200%;animation:waveMove 5s linear infinite;color:#fff}.theme-auroraflow{--snake1-color: #5eead4;--snake2-color: #8b5cf6;--food-color: #f472b6;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(60deg,#5eead4,#8b5cf6,#f472b6);background-size:180% 180%;animation:auroraFlow 6s ease-in-out infinite;color:#fff}.theme-lavaflow{--snake1-color: #ff5a1f;--snake2-color: #d97706;--food-color: #fdba74;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(45deg,#ff5a1f,#ff8c00,#ffd700);background-size:200% 200%;animation:lavaFlow 4s linear infinite;color:#fff}.theme-rainbowswirl{--snake1-color: #fb7185;--snake2-color: #a78bfa;--food-color: #fde047;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(90deg,red,orange,yellow,green,blue,indigo,violet);background-size:400% 400%;animation:rainbowSwirl 8s linear infinite;color:#fff}.theme-rainbowwave{--snake1-color: #fb7185;--snake2-color: #60a5fa;--food-color: #facc15;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(90deg,red,orange,yellow,green,blue,indigo,violet);background-size:400% 100%;animation:rainbowWave 6s linear infinite;color:#fff}.theme-cosmicdust{--snake1-color: #f8fafc;--snake2-color: #a5b4fc;--food-color: #f472b6;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #000;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%),#000;background-size:4px 4px;animation:cosmicDust 60s linear infinite;color:#fff}.theme-modern{--snake1-color: #34d399;--snake2-color: #3b82f6;--food-color: #f87171;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);color:#1f2937;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;font-weight:600;padding:.75rem 1.5rem;font-size:1.125rem;transition:background .3s,transform .1s;background:var(--btn-bg);color:var(--btn-text);box-shadow:0 2px 4px #0000001a}.button:hover{background:var(--btn-bg-hover)}.button:active{transform:scale(.95)}.button-outline{background:transparent;border:2px solid var(--btn-bg);color:var(--btn-bg)}.button-outline:hover{background:var(--btn-bg);color:var(--btn-text)}.theme-geometric{--snake1-color: #16a34a;--snake2-color: #1d4ed8;--food-color: #dc2626;background-color:#f0f0f0;background-image:linear-gradient(#d4d4d4 1px,transparent 1px),linear-gradient(90deg,#d4d4d4 1px,transparent 1px);background-size:20px 20px;color:#111827;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-glass{--snake1-color: #10b981;--snake2-color: #6366f1;--food-color: #ef4444;background:linear-gradient(90deg,#4158D0 0%,#C850C0 50%,#FFCC70 100%);color:#f9fafb;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-cyberpunk{--snake1-color: #0ff;--snake2-color: #f0f;--food-color: #ff0;background-color:#000;background-image:repeating-linear-gradient(0deg,#000000 0px,#000000 2px,#0a0a0a 2px,#0a0a0a 4px);color:#e5e7eb;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-candy{--snake1-color: #ff66a1;--snake2-color: #ff8fcf;--food-color: #ffc1e3;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#111}.theme-ocean{--snake1-color: #0ea5e9;--snake2-color: #0284c7;--food-color: #22d3ee;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#a5f3fc,#38bdf8);color:#111}.theme-grass{--snake1-color: #4ade80;--snake2-color: #16a34a;--food-color: #bbf7d0;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#d9f99d,#86efac);color:#111}.theme-night{--snake1-color: #818cf8;--snake2-color: #4f46e5;--food-color: #a5b4fc;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#3730a3,#1e3a8a);color:#f9fafb}.theme-jungle{--snake1-color: #34d399;--snake2-color: #065f46;--food-color: #6ee7b7;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#6ee7b7,#22c55e);color:#111}.theme-desert{--snake1-color: #facc15;--snake2-color: #d97706;--food-color: #fde047;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fcd34d,#fbbf24);color:#111}.theme-snow{--snake1-color: #bae6fd;--snake2-color: #60a5fa;--food-color: #f0f9ff;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#111}.theme-lava{--snake1-color: #f87171;--snake2-color: #b91c1c;--food-color: #fecaca;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#f87171,#b91c1c);color:#fff}.theme-rainbow{--snake1-color: #f472b6;--snake2-color: #60a5fa;--food-color: #facc15;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(90deg,#f472b6,#fb7185,#facc15,#60a5fa);color:#111}.theme-purple{--snake1-color: #c084fc;--snake2-color: #7e22ce;--food-color: #e9d5ff;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#c084fc,#a855f7);color:#111}.theme-pink{--snake1-color: #f9a8d4;--snake2-color: #ec4899;--food-color: #fbcfe8;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#f9a8d4,#f472b6);color:#111}.theme-sunset{--snake1-color: #f97316;--snake2-color: #fb923c;--food-color: #fdba74;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fb923c,#f97316);color:#111}.theme-dusk{--snake1-color: #fcd34d;--snake2-color: #f97316;--food-color: #fde68a;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fef08a,#fdba74);color:#111}.theme-sky{--snake1-color: #38bdf8;--snake2-color: #0ea5e9;--food-color: #bae6fd;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#bae6fd,#7dd3fc);color:#111}.theme-beach{--snake1-color: #fcd34d;--snake2-color: #fbbf24;--food-color: #fef3c7;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fdba74,#fef08a);color:#111}.theme-bamboo{--snake1-color: #a7f3d0;--snake2-color: #34d399;--food-color: #d1fae5;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#bbf7d0,#6ee7b7);color:#111}.theme-orange{--snake1-color: #fb923c;--snake2-color: #f97316;--food-color: #fdba74;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fdba74,#fb923c);color:#111}.theme-moon{--snake1-color: #e5e7eb;--snake2-color: #9ca3af;--food-color: #f3f4f6;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.theme-sakura{--snake1-color: #fda4af;--snake2-color: #f472b6;--food-color: #fecdd3;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fecdd3,#fda4af);color:#111}.theme-steam{--snake1-color: #a1a1aa;--snake2-color: #52525b;--food-color: #d4d4d8;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#d4d4d8,#a1a1aa);color:#111}.theme-space{--snake1-color: #7dd3fc;--snake2-color: #38bdf8;--food-color: #e0f2fe;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f9fafb}.theme-stars{--snake1-color: #fde047;--snake2-color: #facc15;--food-color: #fef9c3;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#1e3a8a,#172554);color:#f9fafb}.theme-tropic{--snake1-color: #4ade80;--snake2-color: #16a34a;--food-color: #bbf7d0;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#6ee7b7,#34d399);color:#111}.theme-glacier{--snake1-color: #bae6fd;--snake2-color: #7dd3fc;--food-color: #e0f2fe;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#7dd3fc,#1e3a8a);color:#111}.theme-classic{--snake1-color: #f87171;--snake2-color: #60a5fa;--food-color: #fbbf24;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:#ffffff;color:#111}.theme-darkwood{--snake1-color: #4b5563;--snake2-color: #1f2937;--food-color: #6b7280;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#4b5563,#111827);color:#f9fafb}.theme-storm{--snake1-color: #60a5fa;--snake2-color: #1d4ed8;--food-color: #93c5fd;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#475569,#1e3a8a);color:#f9fafb}.theme-phantom{--snake1-color: #f472b6;--snake2-color: #a855f7;--food-color: #c4b5fd;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#312e81,#581c87);color:#f9fafb}.theme-neon{--snake1-color: #0ff;--snake2-color: #f0f;--food-color: #ff0;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:#000;color:#f0f}.theme-garden{--snake1-color: #bef264;--snake2-color: #4ade80;--food-color: #d9f99d;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#d9f99d,#a7f3d0);color:#111}.theme-festival{--snake1-color: #fb7185;--snake2-color: #fcd34d;--food-color: #fde047;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fda4af,#fdba74);color:#111}.theme-farm{--snake1-color: #86efac;--snake2-color: #4ade80;--food-color: #bbf7d0;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fde68a,#86efac);color:#111}.theme-fantasy{--snake1-color: #c084fc;--snake2-color: #a855f7;--food-color: #e9d5ff;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fbcfe8,#c084fc);color:#111}.theme-fairytale{--snake1-color: #fda4af;--snake2-color: #f9a8d4;--food-color: #fecdd3;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#f9a8d4,#fda4af);color:#111}.theme-chess{--snake1-color: #ffffff;--snake2-color: #000000;--food-color: #888888;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:repeating-linear-gradient(45deg,#fff 0,#fff 25%,#000 25%,#000 50%);background-size:40px 40px;color:#111}.theme-metal{--snake1-color: #d4d4d8;--snake2-color: #a1a1aa;--food-color: #f4f4f5;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#d4d4d8,#71717a);color:#111}.theme-magic{--snake1-color: #a78bfa;--snake2-color: #6d28d9;--food-color: #c4b5fd;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#c084fc,#7e22ce);color:#111}.theme-retro{--snake1-color: #fbbf24;--snake2-color: #f97316;--food-color: #fed7aa;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fcd34d,#fb923c);color:#111}.theme-crystal{--snake1-color: #a5f3fc;--snake2-color: #06b6d4;--food-color: #ccfbf1;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#ecfeff,#a5f3fc);color:#111}.theme-aurora{--snake1-color: #7dd3fc;--snake2-color: #a78bfa;--food-color: #c4b5fd;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#0ea5e9,#a855f7);color:#111}.theme-hybrid{--snake1-color: #34d399;--snake2-color: #f87171;--food-color: #3b82f6;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#a8edea,#fbcfe8);color:#111}.theme-lightpollution{--snake1-color: #fffb00;--snake2-color: #ff00e0;--food-color: #00ffe0;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff;background:linear-gradient(135deg,#fffbdb,#ffcdff);color:#111}.theme-twilight{--snake1-color: #7c3aed;--snake2-color: #a855f7;--food-color: #fca5a5;background:linear-gradient(135deg,#4c1d95,#1e3a8a);color:#f3e8ff;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-volcano{--snake1-color: #dc2626;--snake2-color: #7f1d1d;--food-color: #f87171;background:linear-gradient(135deg,#7f1d1d,#f87171);color:#fef2f2;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-nebula{--snake1-color: #9333ea;--snake2-color: #4f46e5;--food-color: #a78bfa;background:linear-gradient(135deg,#1e3a8a,#4c1d95);color:#e0e7ff;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-pearl{--snake1-color: #fafafa;--snake2-color: #e5e5e5;--food-color: #f3f4f6;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#1f2937;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-citrus{--snake1-color: #f97316;--snake2-color: #fcd34d;--food-color: #fde047;background:linear-gradient(135deg,#fdba74,#fcd34d);color:#7c2d12;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-emerald{--snake1-color: #10b981;--snake2-color: #065f46;--food-color: #6ee7b7;background:linear-gradient(135deg,#6ee7b7,#34d399);color:#064e3b;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-vintage{--snake1-color: #d97706;--snake2-color: #92400e;--food-color: #fbbf24;background:linear-gradient(135deg,#fcd34d,#d97706);color:#78350f;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-midnight{--snake1-color: #1e40af;--snake2-color: #0c4a6e;--food-color: #3b82f6;background:linear-gradient(135deg,#0c4a6e,#1e3a8a);color:#dbeafe;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-forest{--snake1-color: #15803d;--snake2-color: #166534;--food-color: #4ade80;background:linear-gradient(135deg,#166534,#65a30d);color:#ecfccb;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-candyland{--snake1-color: #ec4899;--snake2-color: #f472b6;--food-color: #f9a8d4;background:linear-gradient(135deg,#f9a8d4,#f472b6);color:#6b21a8;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-oceanic{--snake1-color: #0e7490;--snake2-color: #164e63;--food-color: #38bdf8;background:linear-gradient(135deg,#164e63,#0e7490);color:#cffafe;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-melon{--snake1-color: #fcd34d;--snake2-color: #fb923c;--food-color: #fef08a;background:linear-gradient(135deg,#fef08a,#fb923c);color:#78350f;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-royal{--snake1-color: #c084fc;--snake2-color: #7e22ce;--food-color: #fde047;background:linear-gradient(135deg,#7e22ce,#c084fc);color:#faf5ff;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-galaxy{--snake1-color: #818cf8;--snake2-color: #4f46e5;--food-color: #e879f9;background:linear-gradient(135deg,#1e3a8a,#4f46e5);color:#e0e7ff;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-blossom{--snake1-color: #fda4af;--snake2-color: #fb7185;--food-color: #fecdd3;background:linear-gradient(135deg,#fecdd3,#fda4af);color:#831843;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-lagoon{--snake1-color: #2dd4bf;--snake2-color: #0f766e;--food-color: #5eead4;background:linear-gradient(135deg,#5eead4,#2dd4bf);color:#064e3b;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-marble{--snake1-color: #e5e7eb;--snake2-color: #9ca3af;--food-color: #f3f4f6;background:linear-gradient(135deg,#f3f4f6,#d1d5db);color:#111827;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-cosmos{--snake1-color: #a78bfa;--snake2-color: #6366f1;--food-color: #f472b6;background:linear-gradient(135deg,#312e81,#6d28d9);color:#e0e7ff;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-waves{--snake1-color: #38bdf8;--snake2-color: #0284c7;--food-color: #bae6fd;background:linear-gradient(135deg,#7dd3fc,#38bdf8);color:#0c4a6e;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-ember{--snake1-color: #ea580c;--snake2-color: #b91c1c;--food-color: #fb923c;background:linear-gradient(135deg,#b91c1c,#f97316);color:#ffedd5;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-frost{--snake1-color: #dbeafe;--snake2-color: #93c5fd;--food-color: #e0f2fe;background:linear-gradient(135deg,#e0f2fe,#93c5fd);color:#1e3a8a;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-espresso{--snake1-color: #78350f;--snake2-color: #451a03;--food-color: #d97706;background:linear-gradient(135deg,#451a03,#78350f);color:#fef3c7;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-azure{--snake1-color: #0ea5e9;--snake2-color: #0284c7;--food-color: #7dd3fc;background:linear-gradient(135deg,#bae6fd,#0ea5e9);color:#083344;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-orchid{--snake1-color: #d946ef;--snake2-color: #a21caf;--food-color: #f0abfc;background:linear-gradient(135deg,#f0abfc,#c026d3);color:#701a75;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-cocoa{--snake1-color: #a16207;--snake2-color: #713f12;--food-color: #facc15;background:linear-gradient(135deg,#fef08a,#a16207);color:#422006;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-seashore{--snake1-color: #fcd34d;--snake2-color: #7dd3fc;--food-color: #fef3c7;background:linear-gradient(135deg,#fef3c7,#7dd3fc);color:#0f172a;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-copper{--snake1-color: #b45309;--snake2-color: #78350f;--food-color: #d97706;background:linear-gradient(135deg,#78350f,#b45309);color:#fef9c3;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-robin{--snake1-color: #34d399;--snake2-color: #0ea5e9;--food-color: #99f6e4;background:linear-gradient(135deg,#99f6e4,#34d399);color:#065f46;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-moss{--snake1-color: #65a30d;--snake2-color: #4d7c0f;--food-color: #a3e635;background:linear-gradient(135deg,#4d7c0f,#65a30d);color:#ecfccb;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-amber{--snake1-color: #f59e0b;--snake2-color: #b45309;--food-color: #fcd34d;background:linear-gradient(135deg,#fef08a,#f59e0b);color:#78350f;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-wisteria{--snake1-color: #c4b5fd;--snake2-color: #a78bfa;--food-color: #ddd6fe;background:linear-gradient(135deg,#ddd6fe,#a78bfa);color:#4c1d95;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-pastel{--snake1-color: #f9a8d4;--snake2-color: #a5f3fc;--food-color: #fef9c3;background:linear-gradient(135deg,#fef9c3,#a5f3fc);color:#6b7280;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-graphite{--snake1-color: #737373;--snake2-color: #525252;--food-color: #a3a3a3;background:linear-gradient(135deg,#a3a3a3,#525252);color:#f5f5f4;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-lemonade{--snake1-color: #bef264;--snake2-color: #84cc16;--food-color: #ecfccb;background:linear-gradient(135deg,#ecfccb,#bef264);color:#365314;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-coral{--snake1-color: #fb7185;--snake2-color: #f43f5e;--food-color: #fda4af;background:linear-gradient(135deg,#fda4af,#f43f5e);color:#7f1d1d;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-prism{--snake1-color: #f472b6;--snake2-color: #60a5fa;--food-color: #facc15;background:linear-gradient(90deg,#f472b6,#facc15,#60a5fa);color:#1f2937;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-reef{--snake1-color: #22d3ee;--snake2-color: #0ea5e9;--food-color: #99f6e4;background:linear-gradient(135deg,#99f6e4,#0ea5e9);color:#134e4a;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-terracotta{--snake1-color: #d97706;--snake2-color: #92400e;--food-color: #fbbf24;background:linear-gradient(135deg,#fbbf24,#92400e);color:#431407;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-lavender{--snake1-color: #a78bfa;--snake2-color: #7c3aed;--food-color: #ddd6fe;background:linear-gradient(135deg,#ddd6fe,#a78bfa);color:#4c1d95;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-denim{--snake1-color: #2563eb;--snake2-color: #1e40af;--food-color: #93c5fd;background:linear-gradient(135deg,#93c5fd,#1e40af);color:#e0e7ff;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-cappuccino{--snake1-color: #c2410c;--snake2-color: #78350f;--food-color: #f6ad55;background:linear-gradient(135deg,#f6ad55,#c2410c);color:#faf5e4;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-magenta{--snake1-color: #d946ef;--snake2-color: #a21caf;--food-color: #f472b6;background:linear-gradient(135deg,#f472b6,#d946ef);color:#701a75;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-olive{--snake1-color: #65a30d;--snake2-color: #4d7c0f;--food-color: #a3e635;background:linear-gradient(135deg,#a3e635,#4d7c0f);color:#f7fee7;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-bubblegum{--snake1-color: #f472b6;--snake2-color: #fb7185;--food-color: #f9a8d4;background:linear-gradient(135deg,#f9a8d4,#f472b6);color:#831843;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-cherry{--snake1-color: #dc2626;--snake2-color: #b91c1c;--food-color: #f87171;background:linear-gradient(135deg,#f87171,#b91c1c);color:#fee2e2;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-snowfall{--snake1-color: #e0f2fe;--snake2-color: #bae6fd;--food-color: #f0f9ff;background:linear-gradient(135deg,#f0f9ff,#bae6fd);color:#1e3a8a;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-safari{--snake1-color: #a16207;--snake2-color: #854d0e;--food-color: #ca8a04;background:linear-gradient(135deg,#fcd34d,#854d0e);color:#422006;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-navy{--snake1-color: #1e3a8a;--snake2-color: #1e40af;--food-color: #3b82f6;background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#dbeafe;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-swirl{--snake1-color: #6d28d9;--snake2-color: #9333ea;--food-color: #a78bfa;background:radial-gradient(circle at center,#a78bfa,#6d28d9);color:#ede9fe;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.theme-canyon{--snake1-color: #ea580c;--snake2-color: #9a3412;--food-color: #f97316;background:linear-gradient(135deg,#9a3412,#ea580c);color:#ffedd5;--btn-bg: var(--snake1-color);--btn-bg-hover: var(--snake2-color);--btn-text: #fff}.board{position:relative;margin:0 auto;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#fffc}.grid-lines{background-image:linear-gradient(#d1d5db 1px,transparent 1px),linear-gradient(90deg,#d1d5db 1px,transparent 1px);background-size:20px 20px;background-position:0 0}.theme-cyberpunk .board{background-color:#111827;border:2px solid #0ff}.theme-glass .board{background-color:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3)}.snake-cell{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 0 2px #000}.snake1{background-color:var(--snake1-color)}.snake2{background-color:var(--snake2-color)}.snake3{background-color:var(--snake3-color, #22d3ee)}.snake4{background-color:var(--snake4-color, #f43f5e)}.food{background-color:var(--food-color)}.theme-cyberpunk .snake1{box-shadow:0 0 8px 2px #0ff}.theme-cyberpunk .snake2{box-shadow:0 0 8px 2px #f0f}.theme-cyberpunk .snake3{box-shadow:0 0 8px 2px #0ff}.theme-cyberpunk .snake4{box-shadow:0 0 8px 2px #f0f}.theme-cyberpunk .food{box-shadow:0 0 8px 2px #ff0}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.dialog-content{background-color:#fff;color:#111827;border-radius:.5rem;padding:2rem;max-width:90%;box-shadow:0 5px 30px #0003}.theme-glass .dialog-content{background-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#f9fafb}.theme-cyberpunk .dialog-content{background-color:#1f2937;color:#e5e7eb;border:1px solid #0ff}.dpad-button{background-color:var(--dpad-bg, rgba(107, 114, 128, .7));color:var(--btn-text, #f9fafb);border-radius:9999px;width:var(--dpad-size, 7rem);height:var(--dpad-size, 7rem);display:flex;align-items:center;justify-content:center;font-size:3rem;-webkit-user-select:none;user-select:none;touch-action:none}.dpad-button:active{background-color:var(--dpad-bg-hover, rgba(107, 114, 128, 1))}[class*=theme-] .dpad-button{--dpad-bg: var(--btn-bg);--dpad-bg-hover: var(--btn-bg-hover);--dpad-size: 7rem}.dpad-center{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--btn-text, #f9fafb)}.joystick-container{background-color:var(--dpad-bg, rgba(107, 114, 128, .3));border-radius:9999px;width:var(--dpad-size, 11rem);height:var(--dpad-size, 11rem);position:relative;touch-action:none}.joystick-knob{position:absolute;top:50%;left:50%;width:40%;height:40%;background-color:var(--dpad-bg-hover, rgba(107, 114, 128, .6));color:var(--btn-text, #f9fafb);border-radius:9999px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:box-shadow .1s ease}.joystick-container.active .joystick-knob{box-shadow:0 0 0 4px #ffffff4d}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out .snake-cell{animation:fadeOut .5s forwards}@keyframes neongridMove{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes laserPulse{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes starfieldMove{0%{background-position:0 0,1.5px 1.5px}to{background-position:-1000px 500px,-999px 501px}}@keyframes matrixRain{0%{background-position:0 0}to{background-position:0 4px}}@keyframes fireworksBurst{0%,to{background-color:#000}50%{background-color:#220}}@keyframes waveMove{0%{background-position-y:0}to{background-position-y:100%}}@keyframes auroraFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes lavaFlow{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes rainbowSwirl{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes cosmicDust{0%{background-position:0 0}to{background-position:1000px 500px}}@keyframes rainbowWave{0%{background-position:0% 50%}to{background-position:100% 50%}}