body{position:absolute;top:0;bottom:0;left:0;right:0;background:#fafafa;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#333;margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}body[data-theme=light]{background-color:#fafafa}body[data-theme=dark]{background-color:#333}.pause-overlay{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;background-color:rgba(0,0,0,.2);display:none;-ms-flex-align:center;align-items:center}.is-game-paused .pause-overlay{display:-ms-flexbox;display:flex}.is-popup-shown .pause-overlay{display:none}.pause-overlay .pause-overlay__message{margin:auto;font-size:24px;text-transform:uppercase;color:#fff;font-weight:500;padding:20px}.canvas{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}@media (max-width:767px){.canvas{bottom:70px}}.cell.snake{background-color:#faf}.cell.food{background-color:#6aa}.cell.food,.cell.snake{background-size:100%;background-position:50%;background-repeat:no-repeat}.cell-row{display:-ms-flexbox;display:flex}.popup{position:absolute;top:0;bottom:0;left:0;right:0;display:none;-ms-flex-align:center;align-items:center}[data-theme=light] .popup{background-color:rgba(0,0,0,.2)}[data-theme=dark] .popup{background-color:hsla(0,0%,100%,.4)}.popup.is-shown{display:-ms-flexbox;display:flex}.popup .popup__body{margin:auto;padding:50px}@media (max-width:767px){.popup .popup__body{padding:20px}}[data-theme=light] .popup .popup__body{background-color:#fff}[data-theme=dark] .popup .popup__body{background-color:#fafafa}.mobile-controls{position:absolute;top:auto;bottom:0;left:0;right:0;height:70px;z-index:1;display:none;-ms-flex-align:center;align-items:center;box-shadow:0 0 5px 0 rgba(0,0,0,.1);background-color:#fff}@media (max-width:767px){.mobile-controls{display:-ms-flexbox;display:flex}}.mobile-controls .mobile-controls__control{width:50px;height:50px;font-weight:500;font-family:monospace;font-size:20px}.mobile-controls .mobile-controls__control--right{margin-right:10px}.mobile-controls .mobile-controls__control--menu{margin-left:auto;margin-right:auto}.mobile-controls .mobile-controls__control--left{margin-left:10px}.menu .menu__title{font-size:30px;margin-bottom:30px}.menu .menu__section-preference{margin-bottom:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.menu .menu__section-preference-label{width:100px}.menu .menu__section-preference-field{-ms-flex:1;flex:1}.menu .menu__about{margin-top:50px}.stats{position:absolute;top:10px;right:20px}.stats .stats__score{font-size:18px;font-weight:500}.game-end-popup .popup__body{padding:50px;font-size:18px;text-align:center}.game-end-popup .game-end-popup__title{font-size:20px;font-weight:500;margin-bottom:20px}.game-end-popup .game-end-popup__score{margin-bottom:20px}.game-end-popup .game-end-popup__new-game-button{font-weight:500;padding:10px;font-size:18px}.game-start-popup .popup__body{padding:50px;font-size:18px;text-align:center}.game-start-popup .game-start-popup__title{font-size:20px;font-weight:500;margin-bottom:20px}.game-start-popup .game-start-popup__start-game-button{font-weight:500;padding:10px;font-size:18px}