#output .game{display:grid;grid-template-columns:auto 1fr}#output .game .snake{padding-left:1rem;display:grid;align-items:center;grid-template-columns:auto auto;grid-gap:1rem}#output .game .snake canvas{width:650px;height:650px;border:1px solid #0f6}#output .game .snake .menu{height:650px;display:grid;grid-template-rows:auto auto auto;justify-content:space-between}#output .game .snake .menu .highscores{display:grid;align-content:end}#output .game .snake .menu .highscores>div{display:grid;grid-template-columns:auto auto;grid-gap:1rem}#output .game .snake .menu .highscores::before{content:"High Scores:"}#output .game .snake .menu .stats{display:grid;align-content:end}#output .game .snake .menu .stats>div{display:grid;grid-template-columns:7rem 1fr}#output .game .snake .menu .hide{display:none}#output .game .snake .menu .invisible{visibility:hidden}#output .game .snake .menu .highscore{text-align:center;position:relative}#output .game .snake .menu .highscore::before{content:"Enter name:";display:block;position:absolute;width:100%;text-align:center;top:-3rem}#output .game .snake .menu .highscore::after{content:"New high score!";display:block;width:100%;text-align:center;padding-top:1rem}