*{box-sizing:border-box;padding:0;margin:0}body{color:#cbcbff;overflow-x:hidden;font-size:16px;width:100%}h1,h2,h3,h4,h5,h6,p{margin:0}:focus{box-shadow:none;outline:0}.game-start{font-family:Inter,sans-serif;width:100%;height:100vh;text-align:center;padding-top:10px;background-color:#43144a}.game-start .game-heading{position:relative;transform:scale(0);animation:animate-in .7s ease 0s 1 reverse forwards}.game-start .game-heading.gameHeading{position:relative;transform:scale(1);-webkit-animation:animate-out .7s ease 0s 1 normal forwards;animation:animate-out .7s ease 0s 1 normal forwards}.game-start .game-status{margin:20px 0;transform:scale(0);animation:animate-in .7s ease .7s 1 reverse forwards}.game-start .game-status-header{color:#ffc700;font-style:normal;font-weight:600;line-height:77px}.game-start .game-status-details{margin-top:13px}.game-start .game-status-details p{margin-top:10px}.game-start .game-status.animateGameStatus{position:relative;transform:scale(1);-webkit-animation:animate-out .7s ease .7s 1 normal forwards;animation:animate-out .7s ease .7s 1 normal forwards}.game-start .game-action{color:#ee8d94;position:relative;transform:scale(0);animation:animate-in .7s ease 1.4s 1 reverse forwards}.game-start .game-action .error{font-size:13px;color:red;margin-bottom:7px}.game-start .game-action .input-wrapper{position:relative}.game-start .game-action .input-wrapper .fa{display:none}.game-start .game-action .input-wrapper input{margin-left:20px;height:37px;width:40px;background-color:transparent;padding:10px;color:#fff;border:4px solid #ee8d94;box-sizing:border-box;border-radius:5px}.game-start .game-action .input-wrapper input::-webkit-inner-spin-button,.game-start .game-action .input-wrapper input::-webkit-outer-spin-button{display:none;-webkit-appearance:none}.game-start .game-action .btn{margin-top:30px;padding:20px 50px;background-color:#853594;color:#cbcbff;border:1px solid #853494;border-radius:10px;cursor:pointer}.game-start .game-action .btn:disabled{cursor:auto;opacity:.5}.game-start .game-action.animateGameAction{position:relative;transform:scale(1);-webkit-animation:animate-out .7s ease 1.4s 1 normal forwards;animation:animate-out .7s ease 1.4s 1 normal forwards}@-webkit-keyframes animate-in{0%{transform:scale(1);opacity:1}10%{transform:scale(1.1);opacity:1}20%{transform:scale(1.2);top:0;opacity:1}30%{transform:scale(1.1);top:0;opacity:1}40%{transform:scale(1);top:5px;opacity:1}50%{transform:scale(.9);top:10px;opacity:.9}60%{transform:scale(.7);top:15px;opacity:.7}70%{transform:scale(.5);top:20px;opacity:.5}80%{transform:scale(.3);top:25px;opacity:.3}90%{transform:scale(.2);top:30px;opacity:.2}to{transform:scale(.1);top:35px;opacity:0}}@keyframes animate-in{0%{transform:scale(1);opacity:1}10%{transform:scale(1.1);opacity:1}20%{transform:scale(1.2);top:0;opacity:1}30%{transform:scale(1.1);top:0;opacity:1}40%{transform:scale(1);top:5px;opacity:1}50%{transform:scale(.9);top:10px;opacity:.9}60%{transform:scale(.7);top:15px;opacity:.7}70%{transform:scale(.5);top:20px;opacity:.5}80%{transform:scale(.3);top:25px;opacity:.3}90%{transform:scale(.2);top:30px;opacity:.2}to{transform:scale(.1);top:35px;opacity:0}}@-webkit-keyframes animate-out{0%{transform:scale(1);opacity:1}10%{transform:scale(1.1);opacity:1}20%{transform:scale(1.2);top:0;opacity:1}30%{transform:scale(1.1);top:0;opacity:1}40%{transform:scale(1);top:5px;opacity:1}50%{transform:scale(.9);top:10px;opacity:.9}60%{transform:scale(.7);top:15px;opacity:.7}70%{transform:scale(.5);top:20px;opacity:.5}80%{transform:scale(.3);top:25px;opacity:.3}90%{transform:scale(.2);top:30px;opacity:.2}to{transform:scale(.1);top:35px;opacity:0}}@keyframes animate-out{0%{transform:scale(1);opacity:1}10%{transform:scale(1.1);opacity:1}20%{transform:scale(1.2);top:0;opacity:1}30%{transform:scale(1.1);top:0;opacity:1}40%{transform:scale(1);top:5px;opacity:1}50%{transform:scale(.9);top:10px;opacity:.9}60%{transform:scale(.7);top:15px;opacity:.7}70%{transform:scale(.5);top:20px;opacity:.5}80%{transform:scale(.3);top:25px;opacity:.3}90%{transform:scale(.2);top:30px;opacity:.2}to{transform:scale(.1);top:35px;opacity:0}}@media(min-width:768px){.game-start{padding-top:30px}.game-start:before{left:20px}.game-start:after,.game-start:before{content:"";background-image:url(../img/dots.934e15ff.png);background-repeat:no-repeat;background-size:cover;background-position:50%;height:90%;width:23%;position:absolute;top:30px}.game-start:after{right:20px}}@media(min-width:992px){.game-start .game-action .input-wrapper .fa{display:inline-block}.game-start .game-action .input-wrapper .fa-caret-up{position:relative;right:27px;top:-3px;font-size:25px;cursor:pointer}.game-start .game-action .input-wrapper .fa-caret-down{position:relative;top:10px;right:41px;font-size:25px;cursor:pointer}.game-start .game-action .input-wrapper input{width:100px}}@media(min-width:1200px){body{font-size:20px}.game-start{padding-top:30px}.game-start:before{width:30%;left:40px}.game-start:after{width:30%;right:40px}.game-start .game-status-header{font-size:24px}.game-start .game-action{margin-top:50px}.game-start .game-action .btn{padding:20px 80px;font-size:20px}}.game-play{font-family:Roboto,sans-serif;font-size:14px;width:100%;height:100vh;background-image:url(../img/game-play-background.b65edb20.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;color:#23144b;padding:50px 20px}.game-play .grid-wrapper{-webkit-animation:grid-animations .5s ease 0s 1 normal forwards;animation:grid-animations .5s ease 0s 1 normal forwards}.game-play .grid-wrapper h3{text-align:center;display:none;margin-top:10px}.game-play .grid{padding:30px 10px;background-color:#fff;border-radius:17.5186px;height:100%;max-width:706px;margin:0 auto;position:relative}.game-play .grid-header{display:flex;flex-wrap:wrap;justify-content:space-between}.game-play .grid-header .game-grid-info{width:50%;font-size:14px;line-height:18px;order:1}.game-play .grid-header .game-health{position:relative;width:100%;margin:10px 0;order:3;display:flex;justify-content:center}.game-play .grid-header .game-health .health-wrapper{display:flex;align-items:center}.game-play .grid-header .game-health .heart{text-align:center;transform:scale(.7);margin-left:24px;z-index:1}.game-play .grid-header .game-health .progressBar{position:relative;left:-24px;width:100px;height:18.04px;background:linear-gradient(180deg,#853594 47.39%,#692789 47.4%);border:2.15507px solid #532461;border-radius:12.661px}.game-play .grid-header .game-health .barStatus{position:absolute;top:-1px;width:0;height:15.77px;background:linear-gradient(180deg,#f07cc3 44.27%,#c5418e 44.28%);border:1.87639px solid #fffffd;border-radius:11.0238px;transition:width .9s ease}.game-play .grid-header .game-time{width:50%;order:2;text-align:right}.game-play .grid-header .game-time .time-text{display:none}.game-play .grid-boxes{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);height:70%;border:4px solid #853594;grid-gap:1px;box-sizing:border-box}.game-play .grid-boxes .box{box-shadow:0 0 0 1px #853594;display:flex;align-items:center;justify-content:center}.game-play .grid-boxes .box .foodscore{position:absolute;top:74px;-webkit-animation-name:food-score-animate;animation-name:food-score-animate;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.game-play .grid-boxes .box .food{width:80%;transform:scale(0);-webkit-animation:grid-animations .5s ease .6s 1 normal forwards;animation:grid-animations .5s ease .6s 1 normal forwards}.game-play .grid-boxes .box .character{width:80%}.game-play .grid-bottom{margin-top:30px;display:flex;justify-content:space-between}@-webkit-keyframes grid-animations{0%{transform:scale(0);opacity:0}10%{transform:scale(.1);opacity:.1}20%{transform:scale(.2);opacity:.2}30%{transform:scale(.3);opacity:.3}40%{transform:scale(.4);opacity:.4}50%{transform:scale(.5);opacity:.5}60%{transform:scale(.6);opacity:.6}70%{transform:scale(.7);opacity:.7}80%{transform:scale(.8);opacity:.8}90%{transform:scale(.9);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes grid-animations{0%{transform:scale(0);opacity:0}10%{transform:scale(.1);opacity:.1}20%{transform:scale(.2);opacity:.2}30%{transform:scale(.3);opacity:.3}40%{transform:scale(.4);opacity:.4}50%{transform:scale(.5);opacity:.5}60%{transform:scale(.6);opacity:.6}70%{transform:scale(.7);opacity:.7}80%{transform:scale(.8);opacity:.8}90%{transform:scale(.9);opacity:.9}to{transform:scale(1);opacity:1}}@-webkit-keyframes food-score-animate{0%{right:12%;opacity:0}50%{right:15%;opacity:1}to{right:18%;opacity:0}}@keyframes food-score-animate{0%{right:12%;opacity:0}50%{right:15%;opacity:1}to{right:18%;opacity:0}}@media(min-width:380px){.game-play .grid-boxes .box .character,.game-play .grid-boxes .box .food{width:60%}@-webkit-keyframes food-score-animate{0%{right:18%}50%{right:21%}to{right:24%}}@keyframes food-score-animate{0%{right:18%}50%{right:21%}to{right:24%}}}@media(min-width:480px){.game-play .grid-boxes .box .character,.game-play .grid-boxes .box .food{width:40%}@-webkit-keyframes food-score-animate{0%{right:24%}50%{right:27%}to{right:30%}}@keyframes food-score-animate{0%{right:24%}50%{right:27%}to{right:30%}}}@media(min-width:680px){.game-play .grid-boxes .box .foodscore{right:30%}.game-play .grid-boxes .box .character,.game-play .grid-boxes .box .food{width:30%}@-webkit-keyframes food-score-animate{0%{right:30%}50%{right:33%}to{right:36%}}@keyframes food-score-animate{0%{right:30%}50%{right:33%}to{right:36%}}}@media(min-width:768px){.game-play{font-size:18px}.game-play .grid{height:100%;padding:30px}.game-play .grid-header .game-grid-info{font-size:18px;order:1;width:20%}.game-play .grid-header .game-health{width:40%;order:2;margin-top:0;top:-15px}.game-play .grid-header .game-health .heart{transform:scale(1)}.game-play .grid-header .game-time{width:30%;order:3}.game-play .grid-header .game-time .time-text{display:inline-block}.game-play .grid-boxes .box .foodscore{color:#853594;top:28px}@-webkit-keyframes food-score-animate{0%{right:35%}50%{right:38%}to{right:41%}}@keyframes food-score-animate{0%{right:35%}50%{right:38%}to{right:41%}}}@media(min-width:992px){.game-play{padding:80px 20px}.game-play .grid-wrapper h3{display:block}.game-play .grid{height:100%}}@media(min-width:1200px){.game-play .grid{height:90%}}