请你帮我设计并编写一个1280x720分辨率的手机端HTML5游戏代码。要求是使用 JS 代码和 CSS 样式美化游戏,游戏界面的开始方式是按下主界面的开始游戏按钮。蛇身在一开始自带6个格子的长度。蛇的食物是一个红色的正方形,蛇的头部是一个绿色的正方形,蛇身的颜色是蓝色。这条贪吃蛇需要运行在20x20的正方形格子中。请合理分配每个格子的长度和蛇身的大小。每当蛇吃到一次红色正方形时,蛇身增加2个格子的长度。蛇的活动范围必须在20x20个格子的范围内,如果贪吃蛇撞到20x20个格子的边界,或者撞到蛇身,游戏结束。游戏操作方式是按下手机游戏页面的上下左右按键来控制蛇的移动。请必须确保按键控制区域显示在浏览器的边框内。每当游戏结束时,请在游戏页面的中间提示本局中蛇的长度是多少,长度用数字表示。蛇的总长度不能超过350,如果蛇身大于或等于350的长度时,自动结束游戏。然后下方是一个再来一局按钮,按下之后随即开始新一轮游戏。请注意,不能让蛇身反向行走,比如上行时,不能直接向下,如需变换方向,需要通过按下控制按键来转弯实现。游戏的背景颜色是灰色,且请画出每个格子的分界线。还有确保整个游戏的大小和分辨率是否合适。以及页面内容不能超过浏览器的边框限制。特别注意:在开始游戏前,蛇身不能移动,必须在按下主界面的开始游戏后才能开始移动。请在页面中显示出可以控制蛇身上下左右移动的虚拟按键,并且虚拟控制按键的布局需要设计成电视遥控器的样子,例如↑显示在上方,↓显示在下方,←显示在左边,→显示在右边。游戏需要支持页面缩放。在开始游戏后,蛇身必须处在20x20的格子范围内。开始编写。