body{align-content:center;align-items:center;background:#020024;background:linear-gradient(90deg,#020024,#57407c 47%,#00d4ff);color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:21px;justify-content:center}.text{font-weight:700;order:2;padding-top:40px;width:440px}.board{background-color:#57407c;border-radius:7px;height:440px;order:1;outline:none;padding:5px;position:relative;width:440px}.board .cell,.tile{cursor:default;-webkit-user-select:none;user-select:none}.details-box{align-items:center;display:flex;justify-content:center;padding:10px}.resetButton{background-color:#3d2963;border-radius:7px;color:#ffffff80;cursor:pointer;font-size:25px;padding:10px 20px;transition:color .3s ease,background-color .3s ease}.resetButton:hover{background-color:#d3386a;color:#fff}.score-header{font-size:50%}.score-box{color:#ffffff80;min-width:50px;padding:5px 15px;width:70px}.cell,.score-box,.tile{background-color:#3d2963;border-radius:7px}.cell,.tile{color:#766;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:55px;font-weight:700;height:100px;line-height:90px;margin:5px;text-align:center;vertical-align:middle;width:100px}.tile0{background-color:#dcb}.tile2{background-image:url(/static/media/2.cb73ccf3bd443208f37f.gif)}.tile2,.tile4{background-color:#eec;background-position:50%;background-repeat:no-repeat;background-size:contain}.tile4{background-image:url(/static/media/4.e3175aefe481e7058239.gif)}.tile8{background-image:url(/static/media/8.da10f113d36b16cac5cd.gif)}.tile16,.tile8{background-position:50%;background-repeat:no-repeat;background-size:contain;color:#ffe}.tile16{background-image:url(/static/media/16.4ce00dae08a97e55d77e.gif)}.tile32{background-image:url(/static/media/32.0f7bb9c7a4e941f6495c.gif)}.tile32,.tile64{background-position:50%;background-repeat:no-repeat;background-size:contain;color:#ffe}.tile64{background-image:url(/static/media/64.703f469ebcd51c30d4ec.gif)}.tile128{background-image:url(/static/media/128.bfe74f56ba160673fb1b.gif);background-position:50%;background-repeat:no-repeat;background-size:contain;color:#ffe}.tile256{background-image:url(/static/media/256.22a03274ba97c67b3437.gif)}.tile256,.tile512{background-position:50%;background-repeat:no-repeat;background-size:contain;color:#ffe;font-size:45px}.tile512{background-image:url(/static/media/512.959c256e128f00187c42.gif)}.tile1024{background-image:url(/static/media/1024.d0422a77eb08d73b85c0.gif)}.tile1024,.tile2048{background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff;font-size:35px}.tile2048{background-image:url(/static/media/2048.f327dac376642d6d1051.gif);bottom:0;left:0;padding:0;position:absolute;right:0;top:0}.try-again{background-image:url(/static/media/try-again.4f930231239de2db3c8d.gif);height:100px;width:100px;z-index:10}.tile{position:absolute}.tile.merged{display:none}.tile.merged.isMoving{display:inline}.overlay,.tile.new{animation-delay:.15s;animation-duration:.2s;animation-fill-mode:forwards;animation-name:newTile;transform:scale(0)}@keyframes newTile{0%{transform:scale(0)}to{transform:scale(1)}}.overlay{align-items:center;border-radius:7px;bottom:0;display:flex;flex-direction:column;font-size:55px;font-weight:bolder;justify-content:center;left:0;position:absolute;right:0;text-align:center;top:0}.tryAgain{background-color:#876;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:40px;width:200px}.gameOver{background-image:url(/static/media/game-over.7223586a86c43a6c2902.gif);background-size:contain;bottom:0;left:0;position:absolute;right:0;text-align:center;top:0;z-index:100}.overlay .message{color:#666}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}@media screen and (max-width:480px){.text{font-size:18px;width:300px}.board{height:300px;padding:5px;width:300px}.cell,.tile{font-size:35px;height:67px;line-height:67px;margin:3px;width:67px}.tile1024,.tile128,.tile16,.tile2,.tile2048,.tile256,.tile32,.tile4,.tile512,.tile64,.tile8{background-position:50%;background-repeat:no-repeat;background-size:contain}.tile256,.tile512{font-size:30px}.tile1024,.tile2048{font-size:25px}.overlay{font-size:35px}.score-box{min-width:40px;padding:3px 10px;width:60px}.resetButton{font-size:20px;padding:8px 16px}}div[tabindex="-1"]:focus{outline:none}.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:115px;top:5px}.position_0_2:not(.isMoving){left:225px;top:5px}.position_0_3:not(.isMoving){left:335px;top:5px}.position_1_0:not(.isMoving){left:5px;top:115px}.position_1_1:not(.isMoving){left:115px;top:115px}.position_1_2:not(.isMoving){left:225px;top:115px}.position_1_3:not(.isMoving){left:335px;top:115px}.position_2_0:not(.isMoving){left:5px;top:225px}.position_2_1:not(.isMoving){left:115px;top:225px}.position_2_2:not(.isMoving){left:225px;top:225px}.position_2_3:not(.isMoving){left:335px;top:225px}.position_3_0:not(.isMoving){left:5px;top:335px}.position_3_1:not(.isMoving){left:115px;top:335px}.position_3_2:not(.isMoving){left:225px;top:335px}.position_3_3:not(.isMoving){left:335px;top:335px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:115px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:225px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:335px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:115px}to{top:5px}}.row_from_1_to_1{top:115px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:115px}to{top:225px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:115px}to{top:335px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:225px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:225px}to{top:115px}}.row_from_2_to_2{top:225px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:225px}to{top:335px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:335px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:335px}to{top:115px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:335px}to{top:225px}}.row_from_3_to_3{top:335px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:115px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:225px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:335px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:115px}to{left:5px}}.column_from_1_to_1{left:115px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:115px}to{left:225px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:115px}to{left:335px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:225px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:225px}to{left:115px}}.column_from_2_to_2{left:225px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:225px}to{left:335px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:335px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:335px}to{left:115px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:335px}to{left:225px}}.column_from_3_to_3{left:335px}@media screen and (max-width:480px){.position_0_0:not(.isMoving){left:5px;top:5px}.position_0_1:not(.isMoving){left:78px;top:5px}.position_0_2:not(.isMoving){left:151px;top:5px}.position_0_3:not(.isMoving){left:224px;top:5px}.position_1_0:not(.isMoving){left:5px;top:78px}.position_1_1:not(.isMoving){left:78px;top:78px}.position_1_2:not(.isMoving){left:151px;top:78px}.position_1_3:not(.isMoving){left:224px;top:78px}.position_2_0:not(.isMoving){left:5px;top:151px}.position_2_1:not(.isMoving){left:78px;top:151px}.position_2_2:not(.isMoving){left:151px;top:151px}.position_2_3:not(.isMoving){left:224px;top:151px}.position_3_0:not(.isMoving){left:5px;top:224px}.position_3_1:not(.isMoving){left:78px;top:224px}.position_3_2:not(.isMoving){left:151px;top:224px}.position_3_3:not(.isMoving){left:224px;top:224px}.row_from_0_to_0{top:5px}.row_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_1}@keyframes row_from_0_to_1{0%{top:5px}to{top:78px}}.row_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_2}@keyframes row_from_0_to_2{0%{top:5px}to{top:151px}}.row_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_0_to_3}@keyframes row_from_0_to_3{0%{top:5px}to{top:224px}}.row_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_0}@keyframes row_from_1_to_0{0%{top:78px}to{top:5px}}.row_from_1_to_1{top:78px}.row_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_2}@keyframes row_from_1_to_2{0%{top:78px}to{top:151px}}.row_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_1_to_3}@keyframes row_from_1_to_3{0%{top:78px}to{top:224px}}.row_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_0}@keyframes row_from_2_to_0{0%{top:151px}to{top:5px}}.row_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_1}@keyframes row_from_2_to_1{0%{top:151px}to{top:78px}}.row_from_2_to_2{top:151px}.row_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_2_to_3}@keyframes row_from_2_to_3{0%{top:151px}to{top:224px}}.row_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_0}@keyframes row_from_3_to_0{0%{top:224px}to{top:5px}}.row_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_1}@keyframes row_from_3_to_1{0%{top:224px}to{top:78px}}.row_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:row_from_3_to_2}@keyframes row_from_3_to_2{0%{top:224px}to{top:151px}}.row_from_3_to_3{top:224px}.column_from_0_to_0{left:5px}.column_from_0_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_1}@keyframes column_from_0_to_1{0%{left:5px}to{left:78px}}.column_from_0_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_2}@keyframes column_from_0_to_2{0%{left:5px}to{left:151px}}.column_from_0_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_0_to_3}@keyframes column_from_0_to_3{0%{left:5px}to{left:224px}}.column_from_1_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_0}@keyframes column_from_1_to_0{0%{left:78px}to{left:5px}}.column_from_1_to_1{left:78px}.column_from_1_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_2}@keyframes column_from_1_to_2{0%{left:78px}to{left:151px}}.column_from_1_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_1_to_3}@keyframes column_from_1_to_3{0%{left:78px}to{left:224px}}.column_from_2_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_0}@keyframes column_from_2_to_0{0%{left:151px}to{left:5px}}.column_from_2_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_1}@keyframes column_from_2_to_1{0%{left:151px}to{left:78px}}.column_from_2_to_2{left:151px}.column_from_2_to_3{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_2_to_3}@keyframes column_from_2_to_3{0%{left:151px}to{left:224px}}.column_from_3_to_0{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_0}@keyframes column_from_3_to_0{0%{left:224px}to{left:5px}}.column_from_3_to_1{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_1}@keyframes column_from_3_to_1{0%{left:224px}to{left:78px}}.column_from_3_to_2{animation-duration:.2s;animation-fill-mode:forwards;animation-name:column_from_3_to_2}@keyframes column_from_3_to_2{0%{left:224px}to{left:151px}}.column_from_3_to_3{left:224px}}
/*# sourceMappingURL=main.0d40a453.css.map*/