body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}h1{color:#61dafb;margin-bottom:20px}.game-board{background-color:#333;border:20px solid #21a1f1;border-image-repeat:round;border-image-slice:30;box-shadow:0 0 15px #61dafb80;position:relative}.snake-body,.snake-head,.snake-junction,.snake-tail{background-repeat:no-repeat;background-size:contain;box-sizing:border-box;position:absolute}.snake-head{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZ1JREFUeNqkks9LAkEUx79jubr4I5Oi0BAMQ0gCifBkFIFdoiCoi6JEQdcIOgtCJ0/RX1DC3gq8Vqf+go7hIbrsIfBgpbVqxPQm3FiW2SAaGN7OvDef931vH+Oc4z/LZb8ogLE/EYQCc+c5Fq1n2aaYeevZZckcbtZQJ7vmlGy1xmbJ3IhYWQnV8RIEpOIEIH+Z/OJx1bxjQgYRJ+lbpz0kLilo+7rEL2y9SZO5G/j7BJvSwJumgj3zsZlJIqBi8SsE2beWsGMLnqOMeUv2DJkNWznFbwA1JkY2IclYpoemqmOJP0n+6DCRlgwNfW0aXfUNQbwD3Q+0D9YR7ygoUlCD5OYoTrZWRAlZLQPjqRMOHl0uY7eWwr3uDpzW0RMqBn9HNE62sgKQUAMYuX3cAvMvoPU5g+pVBB4XAuSLi6BBzTJIQgCSJBwTkTGEQiH4fD54vW7ALZ0DO+QbEDVUvKRTZ/B7GoiM6jjc1NFT0HYYJiskxmi2uR/onzxTEzukpQUYbbwWHuBVi1CcplJABIzlzsEdOvwT9BvkS4ABAJuBntdmk+E2AAAAAElFTkSuQmCC)}.snake-body{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFWv8ARaEAA1uXUQAAABlJREFUeNpiYGQAAyg1YDQDw6BwByNAgAEAEyAAIwDUoEUAAAAASUVORK5CYII=)}.snake-junction{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALpJREFUeNpi/P//PwMxIJqBkR9IuQJxOBArArHc60UMoixEaFQBUi1AHALEzDBxoGYG0TgGBhY8GnmAVBcQpyFrRNYMAix4bN0OxCrocsiaQYAJi2Z7IHWSGM0YLgBqNgZSW4CYhxjNKC4AahYCUutI0YzuhV5Q1JCiGW4A1OkJpGoGycNcUE2OZpA8E9B2CSDfjxzNMC8EYkthxGiGGeBKrmaYAbrkaoYZoEiuZrABQElmcjWD5AACDACu60D4FZyagQAAAABJRU5ErkJggg==)}.snake-tail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOVJREFUeNpidF3I8F80jgEneL2IgQGXPEiOCSj5C8TABUCaccmD5JiA9GV8iggYcpmJGJvwyP8Cu4ACQ66BDLhDrJ+xyN8EGXCWlIBDkz/L+P//f4ZoBsZXIHFSohAI3gHlxWCBuIbUKASC9bvi/v9lgtq0howoBOsBewEE3BYxPgcqliAyRb5eyvBfDMRATgezSAj9uTAGE5KaDqCi+0QY8gjIbIWJwb0AAsDYsAdSu4CK2HCE/i+Qb4HOP4jNBQxQiQgcGQykOQJZM4YLkFyiC6TqgIbYQ11yBIjrgZovo6sFCDAAc65urVKNpecAAAAASUVORK5CYII=)}.food{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAArdJREFUeNp8kztoFEEYx/8zs3u7l3uYO8zD3KkEFUNijIqghaCFYKEgYpEijWBjYWVnJ9hZ2igINjYWaisI9j6CjaIoIl4weN7lNpt9z+7MjnOcQc/Xt3wDO8P3+95QSqGvm2KYjBw7NXZ8858wQvAP6dsZv18KKtXkEba3YZkfVXfEPCjs+uOVb6/gEOSZ+gNCNr0T7WjPTHWmsmCNF6tRUC2au5vbt51O3gZ+KBRfeeHeXH4ftP4fQZPHJ49OXeGl8dmO5ydGd2P2cHsLK62oeI0Zp3aMW4+KlfqNB61PARdykPKv9r2Qt961vYfT1amzC8EYwqiLCheYrFjFKmdzo/XCnCfYoWdW6YxL098AFJjaV7u0t9m4deBNGXOlJrx1Bqm+wiQCKpcIiALP4tMnRkbP+7l8OASwJ2jpQm339SPvJ7G1tg1mqYgqycE3XIRMIQockDDSjiyUs3ypnKnX2uwD3QTsKo9PL9KdW2vKRkEI2Nq4ODYBe7QGg+pO2jaY1HknCSTNFzoWm/8R+ECObm+Us/6jG4AkGUiqFQyKmloZQkKRWCZMzTCBeqNQaAwBLu+f/+D6ccCTGEmYQSY5RJKC2xV8SyR8RSBECqnT0Z8VhX51CLD6+Yvj8sKtmG8g1AVz10OtPnpZDifmyETWHxbIXCGUQumCqiFAz8ux2k6vxqX60yAP0PraRrvrw4tTMNOAIRNQkYMSBt2apG6XnSEADAM5ZbLrqMVuEL3qhQ7WogCxIHofLGQdV6clwfudAOk4Sq0MAfobQ3WIsRf1nNWNY7Fid91oHT0eoqNr4cU6rVSip6MgBePJiI3nf0ziYCf0kck4E6WLemheJt3WtSyIJjxqwOcpIilQt+i9AsPaXwE/KQoFad7+5Of3R1K65ME8ty6T5pZy9c6E01tGNhjl7wIMACuUZa/ztTY/AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:contain;position:absolute}.score-display{color:#f0f0f0;font-size:1.5em;margin-bottom:20px}.game-over{background-color:#000c;border-radius:10px;box-shadow:0 0 20px #000000b3;left:50%;padding:30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.game-over h2{color:#ff5722;font-size:2em;margin-bottom:20px}.game-over button{background-color:#61dafb;border:none;border-radius:5px;color:#282c34;cursor:pointer;font-size:1.2em;padding:10px 20px;transition:background-color .3s ease}.game-over button:hover{background-color:#21a1f1}.start-button{background-color:#4caf50;border:none;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1.5em;left:50%;padding:15px 30px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .3s ease;z-index:5}.start-button:hover{background-color:#45a049}.game-overlay{align-items:center;background-color:#000000b3;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.game-instructions{background-color:#000000e6;border-radius:8px;box-shadow:0 0 15px #61dafb80;margin-top:20px;max-width:80%;padding:20px;text-align:left}.game-instructions h3{color:#61dafb;margin-bottom:10px;text-align:center}.game-instructions p,.game-instructions ul{font-size:1.1em;line-height:1.5;margin-bottom:10px}.game-instructions ul{list-style-type:none;padding:0}.game-instructions li{margin-bottom:5px}.controls{align-items:center;display:flex;flex-direction:column;margin-top:20px}.controls button{-webkit-tap-highlight-color:transparent;background-color:#61dafb;border:none;border-radius:50%;color:#282c34;cursor:pointer;font-size:2em;height:60px;margin:5px;padding:15px;transition:background-color .3s ease;width:60px}.controls button:hover{background-color:#21a1f1}.controls div{display:flex}@media (max-width:480px){.controls button{font-size:1.5em;height:50px;width:50px}.game-instructions{max-width:90%;padding:15px}h1{font-size:1.5em}}
/*# sourceMappingURL=main.1f87fa21.css.map*/