@font-face{font-family:Clear Sans;src:url(/static/media/clear-sans.43ea7d2123718b0cfd2c.ttf) format("truetype")}*{margin:0;padding:0}body{background:url(/static/media/bg.e8cb6be875d63743ab19.png) no-repeat;background-size:cover;color:#fff;font-family:Clear Sans,sans-serif;font-size:21px;height:100vh}.header{align-items:center;background:#010101;border-bottom:2px solid #38ced3;display:flex;justify-content:center;width:100%}.header h1{letter-spacing:10px}.board-container{align-content:center;background:hsla(0,0%,72%,.6);border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:2rem auto 0;padding:5rem;width:40%}.text{font-weight:700;order:2;padding-top:40px;width:440px}.board{background-color:rgba(0,0,0,.357);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;color:#000;display:flex;font-weight:700;justify-content:space-between;margin-bottom:2rem;padding:10px}.resetButton{background-color:#010101;border-radius:7px;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:25px;padding:10px 20px;transition:color .3s ease,background-color .3s ease}.resetButton:hover{background-color:#38ced3;color:#fff}.score-header{font-size:50%}.score-box{background-color:#030303;border-radius:7px;color:hsla(0,0%,100%,.5);min-width:50px;padding:5px 15px;width:70px}.score-number{color:#0debf3}.cell,.tile{background-color:#050505;border-radius:7px;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{-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:newTile;animation-name:newTile;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes newTile{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes newTile{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);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}@media(max-height:1200px){.board-container{padding:1rem}}.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{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_0_to_1;animation-name:row_from_0_to_1}@-webkit-keyframes row_from_0_to_1{0%{top:5px}to{top:115px}}@keyframes row_from_0_to_1{0%{top:5px}to{top:115px}}.row_from_0_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_0_to_2;animation-name:row_from_0_to_2}@-webkit-keyframes row_from_0_to_2{0%{top:5px}to{top:225px}}@keyframes row_from_0_to_2{0%{top:5px}to{top:225px}}.row_from_0_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_0_to_3;animation-name:row_from_0_to_3}@-webkit-keyframes row_from_0_to_3{0%{top:5px}to{top:335px}}@keyframes row_from_0_to_3{0%{top:5px}to{top:335px}}.row_from_1_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_1_to_0;animation-name:row_from_1_to_0}@-webkit-keyframes row_from_1_to_0{0%{top:115px}to{top:5px}}@keyframes row_from_1_to_0{0%{top:115px}to{top:5px}}.row_from_1_to_1{top:115px}.row_from_1_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_1_to_2;animation-name:row_from_1_to_2}@-webkit-keyframes row_from_1_to_2{0%{top:115px}to{top:225px}}@keyframes row_from_1_to_2{0%{top:115px}to{top:225px}}.row_from_1_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_1_to_3;animation-name:row_from_1_to_3}@-webkit-keyframes row_from_1_to_3{0%{top:115px}to{top:335px}}@keyframes row_from_1_to_3{0%{top:115px}to{top:335px}}.row_from_2_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_2_to_0;animation-name:row_from_2_to_0}@-webkit-keyframes row_from_2_to_0{0%{top:225px}to{top:5px}}@keyframes row_from_2_to_0{0%{top:225px}to{top:5px}}.row_from_2_to_1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_2_to_1;animation-name:row_from_2_to_1}@-webkit-keyframes row_from_2_to_1{0%{top:225px}to{top:115px}}@keyframes row_from_2_to_1{0%{top:225px}to{top:115px}}.row_from_2_to_2{top:225px}.row_from_2_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_2_to_3;animation-name:row_from_2_to_3}@-webkit-keyframes row_from_2_to_3{0%{top:225px}to{top:335px}}@keyframes row_from_2_to_3{0%{top:225px}to{top:335px}}.row_from_3_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_3_to_0;animation-name:row_from_3_to_0}@-webkit-keyframes row_from_3_to_0{0%{top:335px}to{top:5px}}@keyframes row_from_3_to_0{0%{top:335px}to{top:5px}}.row_from_3_to_1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_3_to_1;animation-name:row_from_3_to_1}@-webkit-keyframes row_from_3_to_1{0%{top:335px}to{top:115px}}@keyframes row_from_3_to_1{0%{top:335px}to{top:115px}}.row_from_3_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:row_from_3_to_2;animation-name:row_from_3_to_2}@-webkit-keyframes row_from_3_to_2{0%{top:335px}to{top:225px}}@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{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_0_to_1;animation-name:column_from_0_to_1}@-webkit-keyframes column_from_0_to_1{0%{left:5px}to{left:115px}}@keyframes column_from_0_to_1{0%{left:5px}to{left:115px}}.column_from_0_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_0_to_2;animation-name:column_from_0_to_2}@-webkit-keyframes column_from_0_to_2{0%{left:5px}to{left:225px}}@keyframes column_from_0_to_2{0%{left:5px}to{left:225px}}.column_from_0_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_0_to_3;animation-name:column_from_0_to_3}@-webkit-keyframes column_from_0_to_3{0%{left:5px}to{left:335px}}@keyframes column_from_0_to_3{0%{left:5px}to{left:335px}}.column_from_1_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_1_to_0;animation-name:column_from_1_to_0}@-webkit-keyframes column_from_1_to_0{0%{left:115px}to{left:5px}}@keyframes column_from_1_to_0{0%{left:115px}to{left:5px}}.column_from_1_to_1{left:115px}.column_from_1_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_1_to_2;animation-name:column_from_1_to_2}@-webkit-keyframes column_from_1_to_2{0%{left:115px}to{left:225px}}@keyframes column_from_1_to_2{0%{left:115px}to{left:225px}}.column_from_1_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_1_to_3;animation-name:column_from_1_to_3}@-webkit-keyframes column_from_1_to_3{0%{left:115px}to{left:335px}}@keyframes column_from_1_to_3{0%{left:115px}to{left:335px}}.column_from_2_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_2_to_0;animation-name:column_from_2_to_0}@-webkit-keyframes column_from_2_to_0{0%{left:225px}to{left:5px}}@keyframes column_from_2_to_0{0%{left:225px}to{left:5px}}.column_from_2_to_1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_2_to_1;animation-name:column_from_2_to_1}@-webkit-keyframes column_from_2_to_1{0%{left:225px}to{left:115px}}@keyframes column_from_2_to_1{0%{left:225px}to{left:115px}}.column_from_2_to_2{left:225px}.column_from_2_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_2_to_3;animation-name:column_from_2_to_3}@-webkit-keyframes column_from_2_to_3{0%{left:225px}to{left:335px}}@keyframes column_from_2_to_3{0%{left:225px}to{left:335px}}.column_from_3_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_3_to_0;animation-name:column_from_3_to_0}@-webkit-keyframes column_from_3_to_0{0%{left:335px}to{left:5px}}@keyframes column_from_3_to_0{0%{left:335px}to{left:5px}}.column_from_3_to_1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_3_to_1;animation-name:column_from_3_to_1}@-webkit-keyframes column_from_3_to_1{0%{left:335px}to{left:115px}}@keyframes column_from_3_to_1{0%{left:335px}to{left:115px}}.column_from_3_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:column_from_3_to_2;animation-name:column_from_3_to_2}@-webkit-keyframes column_from_3_to_2{0%{left:335px}to{left:225px}}@keyframes column_from_3_to_2{0%{left:335px}to{left:225px}}.column_from_3_to_3{left:335px}
/*# sourceMappingURL=main.f653b205.css.map*/