body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pg{width:800px;background:#fff;height:auto;min-height:500px;padding:40px;margin:30px auto 0;text-align:center}.board{position:relative;padding:15px;cursor:default;-webkit-touch-callout:none;-ms-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;background:#bbada0;width:500px;height:500px;box-sizing:border-box;margin:0 auto}body,html{margin:0;padding:0;background:#faf8ef;color:#776e65;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:18px}body{margin:80px 0}.heading:after{content:"";display:block;clear:both}h1.title{font-size:80px;font-weight:700;margin:0;display:block;float:left}@-webkit-keyframes move-up{0%{top:25px;opacity:1}to{top:-50px;opacity:0}}@keyframes move-up{0%{top:25px;opacity:1}to{top:-50px;opacity:0}}.scores-container{margin:20px}.best-container,.score-container{position:relative;display:inline-block;background:#bbada0;padding:15px 25px;font-size:25px;height:25px;line-height:47px;font-weight:700;border-radius:3px;color:#fff;margin-top:8px;text-align:center}.best-container:after,.score-container:after{position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:#eee4da}.best-container .score-addition,.score-container .score-addition{position:absolute;right:30px;color:red;font-size:25px;line-height:25px;font-weight:700;color:rgba(119,110,101,.9);z-index:100;-webkit-animation:move-up .6s ease-in;animation:move-up .6s ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}.score-container:after{content:"Score"}.best-container:after{content:"Best"}p{margin-top:0;margin-bottom:10px;line-height:1.65}a{color:#776e65;font-weight:700;text-decoration:underline;cursor:pointer}strong.important{text-transform:uppercase}hr{border:none;border-bottom:1px solid #d8d4d0;margin-top:20px;margin-bottom:30px}.container{width:500px;margin:0 auto}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-container{margin-top:40px;position:relative;padding:15px;cursor:default;-webkit-touch-callout:none;-ms-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;background:#bbada0;border-radius:6px;width:500px;height:500px;box-sizing:border-box}.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(238,228,218,.5);z-index:100;text-align:center;-webkit-animation:fade-in .8s ease 1.2s;animation:fade-in .8s ease 1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.game-container .game-message p{font-size:60px;font-weight:700;height:60px;line-height:60px;margin-top:222px}.game-container .game-message .lower{display:block;margin-top:59px}.game-container .game-message a{display:inline-block;background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2;height:40px;line-height:42px;margin-left:9px}.game-container .game-message a.keep-playing-button{display:none}.game-container .game-message.game-won{background:rgba(237,194,46,.5);color:#f9f6f2}.game-container .game-message.game-won a.keep-playing-button{display:inline-block}.game-container .game-message.game-over,.game-container .game-message.game-won{display:block}.grid-container{position:absolute;z-index:1}.grid-row{margin-bottom:15px}.grid-row:last-child{margin-bottom:0}.grid-row:after{content:"";display:block;clear:both}.grid-cell{width:106.25px;height:106.25px;margin-right:15px;float:left;border-radius:3px;background:rgba(238,228,218,.35)}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}.tile,.tile .tile-inner{width:107px;height:107px;line-height:107px}.tile.tile-position-1-1{transform:translate(0)}.tile.tile-position-1-2{transform:translateY(121px)}.tile.tile-position-1-3{transform:translateY(242px)}.tile.tile-position-1-4{transform:translateY(363px)}.tile.tile-position-2-1{transform:translate(121px)}.tile.tile-position-2-2{transform:translate(121px,121px)}.tile.tile-position-2-3{transform:translate(121px,242px)}.tile.tile-position-2-4{transform:translate(121px,363px)}.tile.tile-position-3-1{transform:translate(242px)}.tile.tile-position-3-2{transform:translate(242px,121px)}.tile.tile-position-3-3{transform:translate(242px,242px)}.tile.tile-position-3-4{transform:translate(242px,363px)}.tile.tile-position-4-1{transform:translate(363px)}.tile.tile-position-4-2{transform:translate(363px,121px)}.tile.tile-position-4-3{transform:translate(363px,242px)}.tile.tile-position-4-4{transform:translate(363px,363px)}.tile{position:absolute;transition:.1s ease-in-out;transition-property:transform}.tile .tile-inner{border-radius:3px;background:#eee4da;text-align:center;font-weight:700;z-index:10;font-size:55px}.tile.tile-2 .tile-inner{background:#eee4da}.tile.tile-2 .tile-inner,.tile.tile-4 .tile-inner{box-shadow:0 0 30px 10px rgba(243,215,116,0),inset 0 0 0 1px hsla(0,0%,100%,0)}.tile.tile-4 .tile-inner{background:#eee1c9}.tile.tile-8 .tile-inner{color:#f9f6f2;background:#f3b27a}.tile.tile-16 .tile-inner{color:#f9f6f2;background:#f69664}.tile.tile-32 .tile-inner{color:#f9f6f2;background:#f77c5f}.tile.tile-64 .tile-inner{color:#f9f6f2;background:#f75f3b}.tile.tile-128 .tile-inner{color:#f9f6f2;background:#edd073;box-shadow:0 0 30px 10px rgba(243,215,116,.238095),inset 0 0 0 1px hsla(0,0%,100%,.142857);font-size:45px}@media screen and (max-width:520px){.tile.tile-128 .tile-inner{font-size:25px}}.tile.tile-256 .tile-inner{color:#f9f6f2;background:#edcc62;box-shadow:0 0 30px 10px rgba(243,215,116,.31746),inset 0 0 0 1px hsla(0,0%,100%,.190476);font-size:45px}@media screen and (max-width:520px){.tile.tile-256 .tile-inner{font-size:25px}}.tile.tile-512 .tile-inner{color:#f9f6f2;background:#edc950;box-shadow:0 0 30px 10px rgba(243,215,116,.396825),inset 0 0 0 1px hsla(0,0%,100%,.238095);font-size:45px}@media screen and (max-width:520px){.tile.tile-512 .tile-inner{font-size:25px}}.tile.tile-1024 .tile-inner{color:#f9f6f2;background:#edc53f;box-shadow:0 0 30px 10px rgba(243,215,116,.47619),inset 0 0 0 1px hsla(0,0%,100%,.285714);font-size:35px}@media screen and (max-width:520px){.tile.tile-1024 .tile-inner{font-size:15px}}.tile.tile-2048 .tile-inner{color:#f9f6f2;background:#edc22e;box-shadow:0 0 30px 10px rgba(243,215,116,.555556),inset 0 0 0 1px hsla(0,0%,100%,.333333);font-size:35px}@media screen and (max-width:520px){.tile.tile-2048 .tile-inner{font-size:15px}}.tile.tile-super .tile-inner{color:#f9f6f2;background:#3c3a33;font-size:30px}@media screen and (max-width:520px){.tile.tile-super .tile-inner{font-size:10px}}@-webkit-keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tile-new .tile-inner{-webkit-animation:appear .2s ease .1s;animation:appear .2s ease .1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tile-merged .tile-inner{z-index:20;-webkit-animation:pop .2s ease .1s;animation:pop .2s ease .1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.above-game:after{content:"";display:block;clear:both}.game-intro{float:left;line-height:42px;margin-bottom:0}.restart-button{display:inline-block;background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2;height:40px;line-height:42px;display:block;text-align:center;float:right}.game-explanation{margin-top:50px}@media screen and (max-width:520px){body,html{font-size:15px}body{margin:20px 0;padding:0 20px}h1.title{font-size:27px;margin-top:15px}.container{width:280px;margin:0 auto}.best-container,.score-container{margin-top:0;padding:15px 10px;min-width:40px}.heading{margin-bottom:10px}.game-intro{width:55%;line-height:1.65}.game-intro,.restart-button{display:block;box-sizing:border-box}.restart-button{width:42%;padding:0;margin-top:2px}.game-container{margin-top:40px;position:relative;padding:15px;cursor:default;-webkit-touch-callout:none;-ms-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;background:#bbada0;border-radius:6px;width:500px;height:500px;box-sizing:border-box}.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(238,228,218,.5);z-index:100;text-align:center;-webkit-animation:fade-in .8s ease 1.2s;animation:fade-in .8s ease 1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.game-container .game-message p{font-size:60px;font-weight:700;height:60px;line-height:60px;margin-top:222px}.game-container .game-message .lower{display:block;margin-top:59px}.game-container .game-message a{display:inline-block;background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2;height:40px;line-height:42px;margin-left:9px}.game-container .game-message a.keep-playing-button{display:none}.game-container .game-message.game-won{background:rgba(237,194,46,.5);color:#f9f6f2}.game-container .game-message.game-won a.keep-playing-button{display:inline-block}.game-container .game-message.game-over,.game-container .game-message.game-won{display:block}.grid-container{position:absolute;z-index:1}.grid-row{margin-bottom:15px}.grid-row:last-child{margin-bottom:0}.grid-row:after{content:"";display:block;clear:both}.grid-cell{width:106.25px;height:106.25px;margin-right:15px;float:left;border-radius:3px;background:rgba(238,228,218,.35)}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}.tile,.tile .tile-inner{width:107px;height:107px;line-height:107px}.tile.tile-position-1-1{transform:translate(0)}.tile.tile-position-1-2{transform:translateY(121px)}.tile.tile-position-1-3{transform:translateY(242px)}.tile.tile-position-1-4{transform:translateY(363px)}.tile.tile-position-2-1{transform:translate(121px)}.tile.tile-position-2-2{transform:translate(121px,121px)}.tile.tile-position-2-3{transform:translate(121px,242px)}.tile.tile-position-2-4{transform:translate(121px,363px)}.tile.tile-position-3-1{transform:translate(242px)}.tile.tile-position-3-2{transform:translate(242px,121px)}.tile.tile-position-3-3{transform:translate(242px,242px)}.tile.tile-position-3-4{transform:translate(242px,363px)}.tile.tile-position-4-1{transform:translate(363px)}.tile.tile-position-4-2{transform:translate(363px,121px)}.tile.tile-position-4-3{transform:translate(363px,242px)}.tile.tile-position-4-4{transform:translate(363px,363px)}.tile .tile-inner{font-size:35px}.game-message p{font-size:30px!important;height:30px!important;line-height:30px!important;margin-top:90px!important}.game-message .lower{margin-top:30px!important}}.game-container{margin:0 auto;height:auto;width:auto}.tile{-webkit-animation:fadein 2s;animation:fadein 2s}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.6ee1c805.chunk.css.map */