.snake #game-container{flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.snake #game-container:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 30%,#e0603a0f 0%,#0000 50%),radial-gradient(circle at 80% 70%,#27ae600d 0%,#0000 50%),radial-gradient(circle at 40% 80%,#8a7a5e0d 0%,#0000 50%);position:absolute;inset:0}.snake #snake-canvas{background:#e6dac4;border:2px solid #8a7a5e;border-radius:12px;max-width:100%;height:auto;margin:0 auto;transition:all .3s;display:block;box-shadow:0 8px 24px #241f1a1f,0 2px 6px #241f1a14}.snake #snake-canvas:hover{transform:scale(1.01);box-shadow:0 12px 32px #241f1a29,0 4px 10px #241f1a1a}.desktop-instructions{text-align:center;color:#6a5f52;margin-top:15px;font-size:14px;line-height:1.4}.desktop-instructions kbd{color:#241f1a;background:#f2ebdd;border:1px solid #8a7a5e;border-radius:6px;padding:4px 8px;font-family:Courier New,monospace;font-size:12px;box-shadow:inset 0 1px 2px #fff6}@media (width<=768px){.desktop-instructions{display:none}.snake #snake-canvas{width:90vw;max-width:400px;height:auto}}@media (width<=480px){.snake #snake-canvas{width:85vw;max-width:320px;height:auto}}@media (hover:none) and (pointer:coarse){.desktop-instructions{display:none}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.snake #snake-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:pixelated}}.snake #snake-canvas.game-over{animation:1s ease-in-out gameOverPulse}.snake #snake-canvas.paused{opacity:.7;filter:grayscale(30%)}@keyframes gameOverPulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.snake #snake-canvas{will-change:transform}