*,:after,:before{box-sizing:border-box}button{background-color:#fff;border:1px solid #000;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;min-width:150px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease-in-out}button:hover{background-color:#f5f5f5}label{display:flex;flex-direction:column;margin-bottom:8px}input,label{font-size:16px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}input{border:1px solid #ccc;border-radius:4px;cursor:pointer;min-width:200px;padding:8px 16px;transition:all .2s ease-in-out;width:200px}.App{text-align:center}#root,.App{min-height:100vh}#root{overflow:hidden}body{display:grid;font-family:Work Sans,sans-serif;margin:0;min-height:100vh;overflow-y:hidden}.App-body{display:flex;flex-direction:row;gap:2em;justify-content:center;margin:0 auto;max-width:min(800px,100vw);padding:0 2em;width:100%}@media (max-width:768px){.App-body{flex-direction:column-reverse;justify-content:center}}.Game_game__Rdb0V{display:flex;flex-direction:column;justify-content:center;margin-bottom:1em;width:100%}.Game_game-board-info__zl89X{display:grid;position:relative}.Game_game-board-stats__uuY-S{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto .25em;max-width:600px;padding:0;width:100%}.Game_button__7R5Ud{--button-height:25px;--button-width:25px;background-color:var(--background-color);border:none;cursor:pointer;display:grid;height:var(--button-height);left:50%;min-width:auto;outline:none;padding:0;place-content:center;position:absolute;width:var(--button-width);z-index:5}.Game_score__KCoHy{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.Game_game-board-container__iT1mi{align-items:center;display:grid;justify-items:center;place-content:center;position:relative}.Game_game-board-controls__XdzIy{max-width:var(--board-height);width:100%}.Game_game-board-container__iT1mi>div{max-height:var(--board-height)}@media (max-width:768px){.Game_game__Rdb0V{-webkit-transform:translateY(var(--yOffset)) scale(var(--scale));transform:translateY(var(--yOffset)) scale(var(--scale))}}@-webkit-keyframes Game_slide-down__OdGmS{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes Game_slide-down__OdGmS{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.Board_board__waieH{--snake-segment-width:calc(var(--cell-size)*1px);border:1px solid #000;display:grid;grid-template-columns:repeat(calc(var(--board-width)/var(--cell-size)),calc(var(--cell-size)*1px));grid-template-rows:repeat(calc(var(--board-width)/var(--cell-size)),calc(var(--cell-size)*1px));height:calc(var(--board-width)/var(--cell-size)*var(--cell-size)*1px);min-height:calc(var(--board-width)/var(--cell-size)*var(--cell-size)*1px);min-width:calc(var(--board-width)/var(--cell-size)*var(--cell-size)*1px);position:relative;width:calc(var(--board-width)/var(--cell-size)*var(--cell-size)*1px)}.Board_button__VxWTA{--button-height:30px;--button-width:30px;background-color:var(--background-color);border:2px solid #000;border-radius:50%;cursor:pointer;display:grid;height:var(--button-height);min-width:auto;outline:none;padding:0;place-content:center;width:var(--button-width);z-index:5}.Board_container__Fd4Zv{display:grid;justify-items:center;place-content:center}.Board_form__SYFPR{align-items:center;display:flex;flex-direction:column;gap:1em;padding:0 11px;width:100%}.Board_row__MOWr3{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:.75vh}.Board_mobile-controls__W\+l4V{border-radius:50%;display:grid;grid-template-columns:repeat(2,75px);grid-template-rows:repeat(2,1fr);margin:-1.75em auto 0;place-content:center;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:150px}.Board_mobile-controls__W\+l4V button{background-color:initial;border:1px solid #000;cursor:pointer;display:grid;font-size:16px;font-weight:600;height:75px;min-width:auto;padding:0;place-content:center;pointer-events:all;width:75px}.Board_mobile-controls__W\+l4V button:hover{background-color:#d3d3d3}.Board_mobile-controls__W\+l4V button svg{pointer-events:none}.Board_mobile-controls__W\+l4V button:first-child{border-radius:100% 0 0 0;pointer-events:all}.Board_mobile-controls__W\+l4V button:nth-child(2){border-radius:0 100% 0 0;pointer-events:all}.Board_mobile-controls__W\+l4V button:nth-child(3){border-radius:0 0 0 100%;pointer-events:all}.Board_mobile-controls__W\+l4V button:nth-child(4){border-radius:0 0 100% 0;pointer-events:all}.Board_mobile-controls__W\+l4V div:last-child{background-color:#fff;border:1px solid #000;border-radius:50%;height:75px;left:25%;pointer-events:none;position:absolute;top:25%;width:75px}@media (min-width:600px){.Board_mobile-controls__W\+l4V{margin-top:0}}.Snake_body__K8vvE,.Snake_head__rUEYg{-webkit-animation:Snake_fade-in__RK7vg .5s ease-in;animation:Snake_fade-in__RK7vg .5s ease-in;background-color:#000;border:1px solid #000;border-radius:var(--round);grid-column-start:var(--x);grid-row-start:var(--y);height:var(--snake-segment-width);width:var(--snake-segment-width)}.Snake_horizontal__In0Fe{-webkit-animation:Snake_moveX__Icq-4 50ms ease-in infinite both;animation:Snake_moveX__Icq-4 50ms ease-in infinite both}.Snake_vertical__XOC0I{-webkit-animation:Snake_moveY__MkZE- 50ms ease-in-out infinite both;animation:Snake_moveY__MkZE- 50ms ease-in-out infinite both}@-webkit-keyframes Snake_moveX__Icq-4{0%{-webkit-transform:translateX(var(--prevX));transform:translateX(var(--prevX))}to{-webkit-transform:translateX(var(--move));transform:translateX(var(--move))}}@keyframes Snake_moveX__Icq-4{0%{-webkit-transform:translateX(var(--prevY));transform:translateX(var(--prevY))}to{-webkit-transform:translateX(var(--y));transform:translateX(var(--y))}}@-webkit-keyframes Snake_fade-in__RK7vg{0%{border-radius:0}50%{border-radius:var(--round);-webkit-transform:scale(1.25);transform:scale(1.25)}to{border-radius:var(--round);-webkit-transform:scale(1);transform:scale(1)}}@keyframes Snake_fade-in__RK7vg{0%{border-radius:0}50%{border-radius:var(--round);-webkit-transform:scale(1.25);transform:scale(1.25)}to{border-radius:var(--round);-webkit-transform:scale(1);transform:scale(1)}}.Food_food__h0aJ3{border:1px solid #000;border-radius:50% 50%;grid-column-start:var(--x);grid-row-start:var(--y);height:var(--snake-segment-width);width:var(--snake-segment-width)}.Dialog_dialog__BftPb{-webkit-animation:Dialog_fade-in-and-slide-down__0pR1a .3s ease-in-out forwards;animation:Dialog_fade-in-and-slide-down__0pR1a .3s ease-in-out forwards;place-self:center}@-webkit-keyframes Dialog_fade-in-and-slide-down__0pR1a{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(-30%);transform:translateY(-30%)}}@keyframes Dialog_fade-in-and-slide-down__0pR1a{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(-30%);transform:translateY(-30%)}}.Header_header__Lhnr8{align-items:center;display:flex;flex-direction:row;margin:0 auto;max-width:600px;padding:0;width:100%}.Timer_timer__7dWP1{align-items:center;border-radius:10px;display:flex;flex-direction:column;font-size:16px;font-weight:600;height:100%;justify-content:center}.History_button__yZNNr{--button-height:30px;--button-width:30px;background-color:var(--background-color);border:2px solid #000;border-radius:50%;cursor:pointer;display:grid;height:var(--button-height);margin:.5em;min-width:auto;outline:none;padding:0;place-content:center;position:absolute;right:0;top:0;width:var(--button-width);z-index:5}.History_dialog__9Px51{-webkit-animation:History_fade-in-and-slide-down__KBlqZ .3s ease-in-out forwards;animation:History_fade-in-and-slide-down__KBlqZ .3s ease-in-out forwards;max-height:50vh;overflow:scroll;place-self:center;position:absolute;top:30%;z-index:5}.History_history__hqRd1{-webkit-animation:History_fade-in__KFBca .5s ease-in;animation:History_fade-in__KFBca .5s ease-in;border-radius:10px;display:flex;flex-direction:column;font-size:16px;font-weight:600;height:100%;max-height:80vh;min-width:200px;overflow-y:hidden;width:100%}.History_history-item__iwFfg{-webkit-animation:History_slide-down__I8kq9 .5s ease-in;animation:History_slide-down__I8kq9 .5s ease-in;display:grid;grid-template-columns:2fr 1fr 2fr 1fr 2fr}@-webkit-keyframes History_fade-in__KFBca{0%{opacity:0}to{opacity:1}}@keyframes History_fade-in__KFBca{0%{opacity:0}to{opacity:1}}@-webkit-keyframes History_slide-down__I8kq9{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes History_slide-down__I8kq9{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes History_fade-in-and-slide-down__KBlqZ{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(-30%);transform:translateY(-30%)}}@keyframes History_fade-in-and-slide-down__KBlqZ{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(-30%);transform:translateY(-30%)}}
/*# sourceMappingURL=main.aa52fbdb.css.map*/