@font-face{font-family:Clear Sans;src:url(/static/media/ClearSans-Medium.dae1db728224a6f59422.ttf) format("truetype")}body{align-content:center;align-items:center;background-color:#57407c;display:flex;flex-direction:column;font-family:Clear Sans,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:space-between;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:Clear Sans;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-color:#eee;background-image:url(/static/media/2.cb73ccf3bd443208f37f.gif)}.tile4{background-color:#eec;background-image:url(/static/media/4.e3175aefe481e7058239.gif)}.tile8{background-image:url(/static/media/8.da10f113d36b16cac5cd.gif);color:#ffe}.tile16{background-image:url(/static/media/16.4ce00dae08a97e55d77e.gif);color:#ffe}.tile32{background-image:url(/static/media/32.0f7bb9c7a4e941f6495c.gif);color:#ffe}.tile64{background-image:url(/static/media/64.703f469ebcd51c30d4ec.gif);color:#ffe}.tile128{background-image:url(/static/media/128.bfe74f56ba160673fb1b.gif);color:#ffe}.tile256{background-image:url(/static/media/256.22a03274ba97c67b3437.gif)}.tile256,.tile512{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{color:#fff;font-size:35px}.tile2048{background-image:url(/static/media/2048.f327dac376642d6d1051.gif);background-size:contain;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}.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}
/*# sourceMappingURL=main.3baab259.css.map*/