body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.grid{position:relative;width:360px}.box{border:5px;border-radius:2px;height:50px;min-height:50px;min-width:50px;position:absolute;width:50px}.Game-Box{border:2px solid #fff;height:420px;margin:2px;width:420px}.bottom-bar-fixed{align-items:center;background-color:#ccc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:0;position:fixed;width:100%;z-index:4}@media (max-width:350px){.bottom-bar-fixed{height:50px}}@media (min-width:351px) and (max-width:600px){.bottom-bar-fixed{height:50px}}@media (min-width:601px){.bottom-bar-fixed{height:60px}}.bottom-bar-fixed-desktop{align-items:center;background-color:#ccc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:0;position:fixed;width:100%;z-index:4}@media (max-width:350px){.bottom-bar-fixed-desktop{height:50px}}@media (min-width:351px) and (max-width:600px){.bottom-bar-fixed-desktop{height:60px}}@media (min-width:601px){.bottom-bar-fixed-desktop{height:70px}}*{box-sizing:border-box}html{overflow-y:scroll}.ach{background:#0292e6;bottom:-5em;color:#fff;display:block;font-size:16px;height:65px;left:50%;margin-left:-175px;padding:0 1.2em 0 0;position:fixed;width:350px}.ach .icon{float:left;font-size:2.2em;padding:.1em 0 0;text-align:center;width:65px}.ach .text_wrap{left:65px;overflow:hidden;position:absolute;top:.7em;width:250px}.ach .title{font-size:.9em;margin:0 0 -.2em;padding:0;width:260px}.ach .detail{color:hsla(0,0%,100%,.7);font-size:.7em;font-style:italic;margin:0;width:260px}.ach{transition:all .1s ease-out}@-webkit-keyframes ach_in_anim{0%{border-radius:50%;bottom:-5em;margin-left:-32.5px;width:65px}15%{bottom:2.2em;margin-left:-32.5px;width:65px}25%{bottom:1em;margin-left:-32.5px;width:65px}75%{bottom:1em;margin-left:-32.5px;width:65px}85%{border-radius:50%;bottom:1em;margin-left:-32.5px;width:65px}92%{border-radius:0;bottom:1em;margin-left:-190px;width:380px}to{border-radius:0;bottom:1em;margin-left:-175px;width:350px}}@keyframes ach_in_anim{0%{border-radius:50%;bottom:-5em;margin-left:-32.5px;width:65px}15%{bottom:2.2em;margin-left:-32.5px;width:65px}25%{bottom:1em;margin-left:-32.5px;width:65px}75%{bottom:1em;margin-left:-32.5px;width:65px}85%{border-radius:50%;bottom:1em;margin-left:-32.5px;width:65px}92%{border-radius:0;bottom:1em;margin-left:-190px;width:380px}to{border-radius:0;bottom:1em;margin-left:-175px;width:350px}}@-webkit-keyframes ach_current{0%{bottom:1em;margin-left:-175px;width:350px}to{bottom:1em;margin-left:-175px;width:350px}}@keyframes ach_current{0%{bottom:1em;margin-left:-175px;width:350px}to{bottom:1em;margin-left:-175px;width:350px}}@-webkit-keyframes ach_out_anim{0%{border-radius:50%;bottom:1em;margin-left:-175px;width:350px}16%{border-radius:50%;bottom:1em;margin-left:-32.5px;width:65px}20%{bottom:1em;margin-left:-25px;width:50px}34%{bottom:1em;margin-left:-32.5px;width:65px}70%{bottom:1em;margin-left:-32.5px;width:65px}to{border-radius:50%;bottom:-5em;margin-left:-32.5px;width:65px}}@keyframes ach_out_anim{0%{border-radius:50%;bottom:1em;margin-left:-175px;width:350px}16%{border-radius:50%;bottom:1em;margin-left:-32.5px;width:65px}20%{bottom:1em;margin-left:-25px;width:50px}34%{bottom:1em;margin-left:-32.5px;width:65px}70%{bottom:1em;margin-left:-32.5px;width:65px}to{border-radius:50%;bottom:-5em;margin-left:-32.5px;width:65px}}.achieved{-webkit-animation:ach_in_anim 1.4s,ach_current 3s,ach_out_anim .8s;animation:ach_in_anim 1.4s,ach_current 3s,ach_out_anim .8s;-webkit-animation-delay:0s,1.4s,4.4s;animation-delay:0s,1.4s,4.4s}@-webkit-keyframes i_in_anim{0%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(0);transform:scale(0)}46%{-webkit-transform:scale(.4);transform:scale(.4)}50%{-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-transform:scale(1.2);transform:scale(1.2)}60%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes i_in_anim{0%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(0);transform:scale(0)}46%{-webkit-transform:scale(.4);transform:scale(.4)}50%{-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-transform:scale(1.2);transform:scale(1.2)}60%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes i_current{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes i_current{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes i_out_anim{0%{-webkit-transform:scale(1);transform:scale(1)}46%{-webkit-transform:scale(1);transform:scale(1)}47%{-webkit-transform:scale(1.2);transform:scale(1.2)}56%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(.4);transform:scale(.4)}65%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes i_out_anim{0%{-webkit-transform:scale(1);transform:scale(1)}46%{-webkit-transform:scale(1);transform:scale(1)}47%{-webkit-transform:scale(1.2);transform:scale(1.2)}56%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(.4);transform:scale(.4)}65%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(0);transform:scale(0)}}.achieved .icon i{-webkit-animation:i_in_anim 1.4s,i_current 3s,i_out_anim .8s;animation:i_in_anim 1.4s,i_current 3s,i_out_anim .8s;-webkit-animation-delay:0s,1.4s,4.4s;animation-delay:0s,1.4s,4.4s}@-webkit-keyframes text_in_anim{0%{width:0}85%{width:0}to{width:260px}}@keyframes text_in_anim{0%{width:0}85%{width:0}to{width:260px}}@-webkit-keyframes text_out_anim{0%{width:260px}12%{width:0}to{width:0}}@keyframes text_out_anim{0%{width:260px}12%{width:0}to{width:0}}.achieved .text_wrap{-webkit-animation:text_in_anim 1.4s,text_out_anim .8s;animation:text_in_anim 1.4s,text_out_anim .8s;-webkit-animation-delay:0s,4.4s;animation-delay:0s,4.4s}