:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.game-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px 20px 180px;background-color:#1a1a1a}.game-container:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 4px);background-size:50px 50px;animation:stars 3s linear infinite;z-index:0}.planet{position:absolute;width:300px;height:300px;top:15%;right:10%;background:repeating-linear-gradient(170deg,transparent,transparent 15px,rgba(255,170,100,.1) 15px,rgba(255,170,100,.1) 30px),radial-gradient(circle at 30% 30%,#ffffdce6,#ffaa64cc 40%,#c86432b3 60%,#a0502899);border:2px solid rgba(255,200,150,.8);border-radius:50%;filter:blur(.5px);z-index:1;transform-origin:center center;animation:planetRotate 30s linear infinite;box-shadow:inset 0 0 40px #ffffdccc,0 0 30px #ffaa6499}.planet:before{content:"";position:absolute;width:400px;height:60px;left:-50px;top:120px;background:linear-gradient(90deg,transparent 0%,rgba(255,220,180,.05) 15%,rgba(255,220,180,.3) 30%,rgba(255,240,220,.5) 50%,rgba(255,220,180,.3) 70%,rgba(255,220,180,.05) 85%,transparent 100%);transform:rotateX(75deg) rotateY(5deg);filter:blur(1px);border-radius:50%;box-shadow:0 0 20px #ffdcb466,0 0 40px #ffdcb433;animation:ringGlow 4s ease-in-out infinite alternate}.game-board{width:600px;height:600px;border:2px solid rgba(0,255,255,.5);margin-top:20px;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(20,1fr);background:#00000080;box-shadow:0 0 20px #00ffff4d,0 0 40px #00ffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;z-index:2}.game-board:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:2px solid rgba(0,255,255,.5);filter:blur(5px);animation:borderGlow 2s infinite;pointer-events:none}.grid-cell{border:1px solid rgba(0,255,255,.1)}.snake{background:#ff69b4;(45deg,rgba(0,20,80,.9),rgba(0,40,120,.8));border-radius:40% 60% 60% 40%;position:relative;box-shadow:0 0 15px #0064ffb3,0 0 30px #0032ff4d,inset 0 0 20px #64c8ff4d;animation:creatureFloat 2s ease-in-out infinite alternate;overflow:hidden}.snake:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(155,220,255,.6),rgba(155,220,255,.8),#ff9b9bba,transparent);clip-path:polygon(5% 0%,10% 30%,15% 40%,25% 45%,30% 60%,40% 70%,50% 80%,60% 85%,70% 90%,80% 95%,90% 98%,95% 100%);animation:lightning 3s linear infinite}.snake:after{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle at center,transparent 30%,rgba(0,150,255,.1) 50%,rgba(0,100,255,.2) 70%,transparent 80%);transform:translate(-50%,-50%);animation:energyBurst 2s ease-in-out infinite}.snake.eating{animation:creatureFloat 2s ease-in-out infinite alternate,consume .5s ease-out}.food{background:radial-gradient(circle at center,#fffffff2,#ffc832e6,#ff6432cc,#ff3232b3,#64003299 80%);border-radius:50%;position:relative;box-shadow:0 0 20px #ffc832cc,0 0 40px #ff643266,inset 0 0 30px #fff9;animation:coreFlare 3s ease-in-out infinite}.food:before{content:"";position:absolute;top:-25%;left:-25%;width:150%;height:150%;background:radial-gradient(circle at center,transparent 30%,rgba(255,200,50,.1) 50%,transparent 70%);animation:coreWave 2s ease-in-out infinite}.food:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,200,50,.2) 20deg,transparent 40deg,rgba(255,200,50,.2) 60deg,transparent 80deg);animation:coreRotate 4s linear infinite}.score{font-family:Orbitron,sans-serif;font-size:24px;color:#0ff;margin:10px 0;z-index:2;position:relative}.difficulty-buttons{display:flex;gap:10px;margin:10px 0;z-index:2;position:relative}.difficulty-btn{background:transparent;border:2px solid #00ffff;color:#0ff;padding:8px 16px;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .3s ease;border-radius:5px}.difficulty-btn:hover{background:#0ff3;box-shadow:0 0 10px #00ffff80}.difficulty-btn.active{background:#00ffff4d;box-shadow:0 0 15px #00ffffb3}h1{font-family:Orbitron,sans-serif;color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff;margin-bottom:20px;font-size:36px;position:relative;z-index:2;animation:titleGlow 1.5s ease-in-out infinite alternate}.game-over,.game-paused,.instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:30px;border-radius:10px;text-align:center;color:#0ff;border:2px solid rgba(0,255,255,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;min-width:300px;animation:modalIn .3s ease-out}.instructions-btn,.music-btn{background:transparent;border:2px solid #00ffff;color:#0ff;padding:8px 16px;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .3s ease;border-radius:5px;margin:10px 0;z-index:2;position:relative}.music-btn{margin-left:10px}.instructions-btn:hover,.music-btn:hover{background:#0ff3;box-shadow:0 0 10px #00ffff80}@keyframes stars{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes planetRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lightning{0%{transform:translate(-100%) rotate(45deg);opacity:0}25%{opacity:1}50%{transform:translate(100%) rotate(45deg);opacity:0}to{transform:translate(-100%) rotate(45deg);opacity:0}}@keyframes energyBurst{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}@keyframes creatureFloat{0%{transform:translateY(-2px) scale(1.02,.98);box-shadow:0 0 20px #0064ffcc,0 0 40px #0032ff66}to{transform:translateY(2px) scale(.98,1.02);box-shadow:0 0 25px #0064ffe6,0 0 50px #0032ff80}}@keyframes consume{0%{transform:scale(1)}50%{transform:scale(1.3);filter:brightness(1.5)}to{transform:scale(1)}}@keyframes coreFlare{0%,to{box-shadow:0 0 20px #ffc832cc,0 0 40px #ff643266}50%{box-shadow:0 0 30px #ffc832,0 0 60px #ff643299}}@keyframes coreWave{0%,to{transform:scale(.8) rotate(0);opacity:.3}50%{transform:scale(1.2) rotate(180deg);opacity:.6}}@keyframes coreRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes titleGlow{0%{text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff}to{text-shadow:0 0 20px #00ffff,0 0 30px #00ffff,0 0 40px #00ffff}}.mobile-controls{display:none;position:fixed;bottom:10px;left:0;right:0;z-index:100;padding:5px;background:#0003}@media (max-width: 768px){.mobile-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.control-btn{padding:10px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:18px;cursor:pointer;touch-action:manipulation}.control-btn:active{background-color:#ffffff4d}}