*{margin:0;padding:0;box-sizing:border-box}.snake{width:10px;height:10px;background:#006cff;-webkit-transform:translate(0);transform:translate(0);font-size:0;position:absolute;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.snake-point{background:red;-webkit-transition:none;transition:none}.points{color:#333;margin-bottom:10px;text-transform:uppercase;font-family:sans-serif}.screen{width:300px;height:280px;position:relative;overflow:hidden;background:#fff}.screen:after,.screen:before{opacity:.4;content:"";top:0;left:0;position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEAEAYAAAAM4nQlAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAEAAAABAACyZ9yKAAAD/klEQVR42u3WsQ2DQBQFQYOc4RrovyyKgNgOaIDA+GTtTPKTC15y0j4eAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwFdt23n2/dtd19GLgPs/RA4Bfeb3OuyzX3s/z6MXAfXxwAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEHT6AHAryzLeaeL//44zvt+j14OAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADA3/sAyfQRSOtuOYEAAAAldEVYdGNyZWF0ZS1kYXRlADIwMTMtMDEtMjFUMjM6NTQ6MDktMDY6MDDPPjUNAAAAJXRFWHRtb2RpZnktZGF0ZQAyMDEzLTAxLTIxVDIyOjUwOjM1LTA2OjAwDd1XUQAAAABJRU5ErkJggg==);background-repeat:repeat;width:100vw;height:100vw;display:block;background-size:10px;background-position:5px 0}.screen:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#root{overflow:hidden;height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#333}.game-area{display:flex;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.joystick{padding-top:60px;background:#4ebfdf;width:120px;border-radius:50px 0 0 50px}.joystick-right{border-radius:0 50px 50px 0;background:#ee5d54}.joystick-btn{width:40px;height:40px;border-radius:50%;background:#333;color:#fff;border:0;box-shadow:1px 2px 5px #000;background-image:url(/static/media/caret-up.05fd7e68.svg);font-size:0;background-position:50%;background-size:40px}.joystick-btn:nth-child(odd){margin-right:10px;margin-bottom:10px}.joystick-btn:nth-child(2){-webkit-transform:rotate(45deg)!important;transform:rotate(45deg)!important}.joystick-btn:nth-child(3){-webkit-transform:rotate(225deg)!important;transform:rotate(225deg)!important}.joystick-btn:nth-child(4){-webkit-transform:rotate(135deg)!important;transform:rotate(135deg)!important}.joystick-btn:disabled{opacity:.3}.joystick-reset{background-image:url(/static/media/reply.d465f5ac.svg)!important;-webkit-transform:rotate(-45deg)!important;transform:rotate(-45deg)!important}.joystick-pause,.joystick-reset{font-size:0;background-size:20px;background-repeat:no-repeat}.joystick-pause{background-image:url(/static/media/ui-pause.771a4ffe.svg)}.joystick-play{background-image:url(/static/media/ui-play.ff0d1003.svg)}.joystick-play,button.unreverse.joystick-btn.joystick-reset{font-size:0;background-size:20px;background-repeat:no-repeat}button.unreverse.joystick-btn.joystick-reset{background-image:url(/static/media/reply.d465f5ac.svg)!important;-webkit-transform:rotate(-45deg)!important;transform:rotate(-45deg)!important}.reverse{width:100px;margin:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.unreverse{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.gameover{background:#232323;color:#fff;height:100%;display:flex;align-items:center;font-family:sans-serif;text-transform:uppercase;justify-content:center;flex-direction:column}
/*# sourceMappingURL=main.bfd4d0f1.chunk.css.map */