.snake-panel { max-width:570px; }
#snakeCanvas { width:min(100%,480px); height:auto; margin:0 auto; border:1px solid #e5e9ef; border-radius:15px; background:#fbfcfe; touch-action:pan-y; }
.snake-accent { color:#5e9a82; }
.mobile-controls { display:none; margin:17px auto 0; text-align:center; }
.mobile-controls button { width:45px;height:42px;margin:3px;border:1px solid #e1e7e5;border-radius:10px;background:#eff5f0;color:#426d57;font-size:1.05rem;font-weight:900; }
.mobile-controls button:active { background:#dceade; }
@media(max-width:600px) { .mobile-controls { display:block; } }