body,html{background-color:#f5f5f5;font-family:Roboto,sans-serif;height:100%;margin:0;padding:0}.App{align-items:center;background-color:#f0f0f0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:1rem}h1{color:#2c3e50;font-size:2.5rem;font-weight:700;letter-spacing:-1px}.score,h1{margin-bottom:.5rem}.score{color:#34495e;font-size:1.5rem;font-weight:500}.game-board{background-color:#ecf0f1;border:none;border-radius:12px;box-shadow:0 10px 30px #0000001a;height:calc(100vw - 2rem);margin:0 auto;max-height:calc(100vh - 10rem);max-width:calc(100vh - 10rem);overflow:hidden;position:relative;width:calc(100vw - 2rem)}@media (min-aspect-ratio:1/1){.game-board{height:calc(100vh - 10rem);width:calc(100vh - 10rem)}}.snake-segment{background-color:#4caf50;border-radius:20%;position:absolute}.snake-segment.wrapping{transition:none}.snake-head{background-color:#388e3c;border-radius:30%}.snake-eye{background-color:#fff;height:20%;top:20%;width:20%}.snake-eye,.snake-eye:after{border-radius:50%;position:absolute}.snake-eye:after{background-color:red;content:"";height:50%;left:25%;top:25%;width:50%}.snake-eye-left{left:20%}.snake-eye-right{right:20%}.snake-body{background-color:#4caf50}.snake-tail{background-color:#81c784;border-radius:40% 40% 50% 50%}.food{background-color:#ff5722;border-radius:50%;position:absolute}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.game-over{background-color:#ffffffe6;border-radius:10px;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.game-over h2{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.game-over button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;letter-spacing:1px;margin:4px 2px;padding:12px 24px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.game-over button:hover{background-color:#2980b9;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.button-container{margin-top:10px}.button-container button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.button-container button:hover{background-color:#45a049}.game-info{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.game-info button{cursor:pointer;font-size:14px;padding:5px 10px}.snake-segment-transition-left{transform:translateX(-100%)}.snake-segment-transition-right{transform:translateX(100%)}.snake-segment-transition-up{transform:translateY(-100%)}.snake-segment-transition-down{transform:translateY(100%)}
/*# sourceMappingURL=main.4435c0b3.css.map*/