.ground{background-color:var(--ground);padding:0;border:1px solid var(--border);border-radius:0;overflow:hidden;position:relative}.ground .ground_snake{position:absolute;width:-moz-fit-content;width:fit-content;display:flex;z-index:2;gap:1px}.ground .ground_snake .snake_head{position:absolute;display:block;background-color:var(--snake);border:1px solid var(--border);border-radius:0}.ground .ground_buttons{position:absolute;top:calc(50% - 30px);left:calc(50% - 30px);background-color:transparent;display:flex;flex-direction:column;align-items:center;gap:20px}.ground .ground_buttons span{position:absolute;white-space:nowrap;font-size:50px;top:-100px;color:var(--snake)}.ground .ground_buttons .buttons_btn{height:60px;width:60px;background-color:transparent;border:none;outline:none;border-radius:0;cursor:pointer;color:var(--snake)}.ground .ground_apple{position:absolute;display:flex;align-items:flex-start}.ground .ground_apple .apple{background-color:var(--apple)}.menu{width:350px;height:600px;border:1px solid var(--border);border-radius:0;justify-content:flex-start;background-color:#fff}.menu,.menu .player{display:flex;align-items:center;flex-direction:column}.menu .player{width:100%;margin-top:20px;justify-content:center;gap:10px}.menu .player .player_label{font-size:24px;white-space:nowrap}.menu .player .player_name{text-transform:capitalize;text-align:center;font-size:22px;color:var(--name)}.menu .player .player_form{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px}.menu .player .player_input{border:1px solid var(--border);border-radius:0;font-size:14px;padding:6px 8px;font-weight:600;color:var(--snake)}.menu .player .player_btn{cursor:pointer;font-size:14px;padding:6px 10px;border:none;outline:none;border-radius:0;background-color:var(--snake);color:#fff;font-weight:600}.menu .score{width:100%;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:20px}.menu .score .score_label{font-size:24px}.menu .score .score_value{min-width:125px;font-size:34px;color:var(--apple)}.menu .speed{width:100%;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:15px}.menu .speed .speed_label{font-size:24px}.menu .speed .speed_value{border:1px solid var(--border);border-radius:4px;padding:6px 4px;font-size:18px;font-weight:600}.highscore{width:100%;margin-top:30px;align-items:center;flex-direction:column;justify-content:center}.highscore,.highscore .label{position:relative;display:flex}.highscore .label{font-size:24px;margin-bottom:10px}.highscore .list{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;position:relative;height:320px;width:calc(100% - 40px);padding:0 20px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start;overflow-y:scroll;color:var(--border)}.highscore .list .item{width:100%;line-height:30px;font-weight:400;font-size:18px;list-style-type:none;border-top:1px solid var(--snake);display:flex;align-items:center;justify-content:space-between}.highscore .list .item .div{display:flex;align-items:center;justify-content:flex-start;gap:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.highscore .list .item .div .score1{color:var(--border)}.highscore .list .item .div .speed1{text-align:end;font-family:sans-serif;font-size:12px}.highscore .list::-webkit-scrollbar{display:none}.page_main__akH3E{width:100%;height:100vh;background-color:var(--background);display:flex;align-items:center;justify-content:center;gap:40px}