@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Roboto+Mono:wght@400;700&display=swap";:root{--neon-text: #00ffff;--neon-border: #00ffff;--background: #001830;--grid-color: rgba(0, 255, 255, .2);--snake-head: #00ffff;--snake-body: #0088ff;--food-color: #ffffff}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--background);background-image:linear-gradient(rgba(0,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.05) 1px,transparent 1px);background-size:20px 20px;overflow:hidden;font-family:Roboto Mono,monospace}@keyframes ice-glow{0%{text-shadow:0 0 5px var(--neon-text),0 0 10px var(--neon-text),0 0 20px var(--neon-text)}50%{text-shadow:0 0 10px var(--neon-text),0 0 20px var(--neon-text),0 0 30px var(--neon-text)}to{text-shadow:0 0 5px var(--neon-text),0 0 10px var(--neon-text),0 0 20px var(--neon-text)}}@keyframes ice-border-glow{0%{box-shadow:0 0 5px var(--neon-border),inset 0 0 5px var(--neon-border)}50%{box-shadow:0 0 20px var(--neon-border),inset 0 0 10px var(--neon-border)}to{box-shadow:0 0 5px var(--neon-border),inset 0 0 5px var(--neon-border)}}h1{font-family:"Press Start 2P",cursive;text-transform:uppercase;letter-spacing:2px;color:var(--neon-text);animation:ice-glow 2s ease-in-out infinite;margin-bottom:2rem}button{font-family:"Press Start 2P",cursive;font-size:.8rem;background:transparent;border:2px solid var(--neon-border);color:var(--neon-text);padding:1rem 2rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;animation:ice-border-glow 2s ease-in-out infinite}button:hover{background:var(--neon-text);color:var(--background);transform:scale(1.05)}button:active{transform:scale(.95)}#root{width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--neon-text);border-radius:4px;box-shadow:0 0 10px var(--neon-text)}::-webkit-scrollbar-thumb:hover{background:var(--neon-border)}