.scores{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.score-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1.3rem;font-size:1.2rem;line-height:1;color:#555}.score-container.best-score{color:#9a9a95}.score{margin-left:1rem;position:relative;font-weight:bold;font-size:1.5rem;vertical-align:middle;text-align:right}.game{position:relative;margin:0 auto;background:#9a9a95;padding:4px;display:inline-block;border-radius:3px;box-sizing:border-box}.tile-container{border-radius:6px;position:relative;width:360px;height:360px}.tile,.background{display:block;color:#F8FFE5;position:absolute;width:90px;height:90px;box-sizing:border-box;text-align:center}.background{z-index:1;text-align:center;border:4px solid #9a9a95;background-color:#F8FFE5}.tile{opacity:0;z-index:2;background:#FFC43D;color:#F8FFE5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.8rem;align-items:center;-webkit-transition:110ms ease-in-out;transition:110ms ease-in-out;border-radius:3px;border:4px solid #9a9a95;box-sizing:border-box}.tile--4{background:#EF476F;color:#F8FFE5}.tile--8{background:#1B9AAA;color:#F8FFE5}.tile--16{background:#06D6A0;color:#F8FFE5}.tile--32{background:#f37694;color:#F8FFE5}.tile--64{background:#22c2d6;color:#F8FFE5}.tile--128{background:#17f8be;color:#F8FFE5}.tile--256{background:#ffd470;color:#F8FFE5}.tile--512{background:#eb184a;color:#F8FFE5}.tile--1024{background:#14727e;color:#F8FFE5}.tile--2048{background:#05a47b;color:#F8FFE5}.tile--pop{-webkit-animation:pop 0.3s ease-in-out;animation:pop 0.3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.tile--shrink{-webkit-animation:shrink 0.5s ease-in-out;animation:shrink 0.5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.add{position:absolute;opacity:0;left:120%;top:0;font-size:1rem;color:#1B9AAA}.add.active{-webkit-animation:add 0.8s ease-in-out;animation:add 0.8s ease-in-out}@-webkit-keyframes add{0%{opacity:1;top:0}100%{opacity:0;top:-100%}}@keyframes add{0%{opacity:1;top:0}100%{opacity:0;top:-100%}}@-webkit-keyframes pop{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}90%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pop{0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}90%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes shrink{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0.9}}@keyframes shrink{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0.9}}.end{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(85,85,85,0.9);color:white;font-size:2rem;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.end btn{margin-top:1rem}.end.active{opacity:1;z-index:1000}.monkey{font-size:3rem;margin:1rem 0}.not-recommended{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:3rem}.not-recommended * + *{margin-left:10px}.not-recommended__item + .not-recommended__annotation:before{font-size:30px;content:"😐"}.not-recommended__item:hover + .not-recommended__annotation:before{content:"😟"}.not-recommended__item:focus + .not-recommended__annotation:before{content:"😄"}.not-recommended__item:active + .not-recommended__annotation:before{content:"😨"}