#footer-snake-container{display:flex;flex-wrap:nowrap;width:100%;max-height:600px;justify-content:space-between;align-items:stretch;gap:20px;margin-top:40px}#snake-game{flex:2 1 66%;position:relative;display:flex;justify-content:center;align-items:center;height:100%}#start-game{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}#snake-canvas{width:100%;height:auto;background:#fff0;border:2px dashed #ed008c}#game-over{display:none;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center}#final-score{display:none;margin-bottom:15px;font-size:24px;font-family:monospace;color:#ed008c}#score-form{display:none;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:10px 0}#score-form input,#score-form button{width:100%;margin:5px 0;max-width:300px}#save-status{margin-top:10px;font-family:monospace;color:#ed008c;white-space:nowrap;text-align:center;overflow:visible}#highscores{flex:1 1 33%;font-family:monospace;color:#666;text-align:right}#highscores h4{margin-bottom:1em;text-align:right}#score-list{list-style:none;padding:0;margin:0;text-align:right}#score-list li{display:flex;justify-content:flex-end;padding:5px 0;font-size:16px}#score-list li span{margin-left:10px}#footer-snake-container button#start-game,#footer-snake-container button#save-score,#footer-snake-container button#restart-game{-webkit-appearance:none;appearance:none;background-color:#ed008c!important;color:#fff!important;font-weight:bold!important;border:none!important;padding:10px 20px!important;border-radius:30px!important;cursor:pointer!important;margin-bottom:15px!important;box-shadow:none!important}#footer-snake-container button:hover,#footer-snake-container button:focus{opacity:0.9!important}.score-name{margin-right:.5em}.score-sep{margin-right:.5em}#joystick{position:absolute;bottom:20px;left:20px;z-index:10;display:none}#joystick-base{width:100px;height:100px;border-radius:50%;background:rgb(255 255 255 / .1);border:2px solid #ed008c;position:relative}#joystick-stick{width:50px;height:50px;border-radius:50%;background:#ed008c;position:absolute;top:25px;left:25px;transition:top 0.1s,left 0.1s}@media (max-width:768px){#footer-snake-container{flex-direction:column;max-height:none;gap:30px}#snake-game{flex:1 1 auto;width:100%;height:auto}#snake-canvas{width:100%;aspect-ratio:4 / 3;max-height:80vh;border-width:2px}#highscores{order:2;text-align:center;font-size:14px}#score-list li{justify-content:center}}#snake-game{min-height:300px}#joystick{bottom:10px;left:10px;pointer-events:none}#joystick-base,#joystick-stick{pointer-events:auto}#canvas-wrapper{position:relative;width:100%}