.scroll-controller[data-v-3fb80c36]{width:100%;height:100%}@font-face{.two-zero-four-eight{font-family:Clear Sans}}.two-zero-four-eight .text{order:2;padding-top:40px;width:440px;font-weight:700}.two-zero-four-eight .board{order:1;width:440px;height:500px;padding:4px;margin:0 auto!important;background-color:#baa;border-radius:7px;outline:none;position:relative}.two-zero-four-eight .cell,.two-zero-four-eight .tile{user-select:none;cursor:default;width:100px;height:100px;margin:4px;line-height:90px;display:inline-block;font-size:55px;font-weight:700;text-align:center;vertical-align:middle;border-radius:7px;font-family:Clear Sans;color:#766;background-color:#dcb}.two-zero-four-eight .tile span{display:inline-block;position:absolute;height:100%;width:100%;transform:translate(-50%);border-radius:7px}.two-zero-four-eight .tile0{background-color:#dcb}.two-zero-four-eight .tile2{background-color:#eee}.two-zero-four-eight .tile4{background-color:#eec}.two-zero-four-eight .tile8{color:#ffe;background-color:#fb8}.two-zero-four-eight .tile16{color:#ffe;background-color:#f96}.two-zero-four-eight .tile32{color:#ffe;background-color:#f75}.two-zero-four-eight .tile64{color:#ffe;background-color:#f53}.two-zero-four-eight .tile128{color:#ffe;background-color:#ec7;font-size:45px}.two-zero-four-eight .tile256{color:#ffe;background-color:#ec6;font-size:45px}.two-zero-four-eight .tile512{color:#ffe;background-color:#ec5;font-size:45px}.two-zero-four-eight .tile1024{color:#fff;background-color:#ec3;font-size:35px}.two-zero-four-eight .tile2048{color:#fff;background-color:#ec2;font-size:35px}.two-zero-four-eight .tile{position:absolute}.two-zero-four-eight .tile.merged{display:none}.two-zero-four-eight .tile.merged.isMoving{display:inline}.two-zero-four-eight .overlay,.two-zero-four-eight .tile.new{animation-duration:.2s;animation-name:newTile;animation-fill-mode:forwards;animation-delay:.15s;transform:scale(0)}@keyframes newTile{0%{transform:scale(0)}to{transform:scale(1)}}.two-zero-four-eight .overlay{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;left:0;right:0;font-size:55px;font-weight:bolder;background-color:hsla(0,0%,87%,.5);border-radius:7px}.two-zero-four-eight .overlay .message .score{color:#666}.two-zero-four-eight .board-header{height:60px;width:100%}.two-zero-four-eight .score-box{position:absolute;user-select:none;background-color:#dcb;border-radius:7px;height:50px;width:150px;left:100%;top:8px;transform:translate(-105%)}.two-zero-four-eight .score-box span{position:absolute;font-family:Clear Sans;font-weight:bolder;left:50%;transform:translate(-50%)}.two-zero-four-eight .score-text{color:#766;top:0}.two-zero-four-eight .score-number{color:#fff;font-size:20px;bottom:0}@media screen and (max-width:992px){.two-zero-four-eight .board{width:300px;height:340px}.two-zero-four-eight .board-header{height:40px}.two-zero-four-eight .score-box{width:100px;height:35px}.two-zero-four-eight .score-text{color:#766;font-size:13px}.two-zero-four-eight .score-number{color:#fff;font-size:15px}.two-zero-four-eight .cell,.two-zero-four-eight .tile{height:65px!important;width:65px!important;line-height:unset!important;font-size:2.5rem}}@media (min-width:992px){.two-zero-four-eight .position_0_0:not(.isMoving){top:64px;left:4px}.two-zero-four-eight .position_0_1:not(.isMoving){top:64px;left:112px}.two-zero-four-eight .position_0_2:not(.isMoving){top:64px;left:220px}.two-zero-four-eight .position_0_3:not(.isMoving){top:64px;left:328px}.two-zero-four-eight .position_1_0:not(.isMoving){top:172px;left:4px}.two-zero-four-eight .position_1_1:not(.isMoving){top:172px;left:112px}.two-zero-four-eight .position_1_2:not(.isMoving){top:172px;left:220px}.two-zero-four-eight .position_1_3:not(.isMoving){top:172px;left:328px}.two-zero-four-eight .position_2_0:not(.isMoving){top:280px;left:4px}.two-zero-four-eight .position_2_1:not(.isMoving){top:280px;left:112px}.two-zero-four-eight .position_2_2:not(.isMoving){top:280px;left:220px}.two-zero-four-eight .position_2_3:not(.isMoving){top:280px;left:328px}.two-zero-four-eight .position_3_0:not(.isMoving){top:388px;left:4px}.two-zero-four-eight .position_3_1:not(.isMoving){top:388px;left:112px}.two-zero-four-eight .position_3_2:not(.isMoving){top:388px;left:220px}.two-zero-four-eight .position_3_3:not(.isMoving){top:388px;left:328px}.two-zero-four-eight .row_from_0_to_0{top:64px}.two-zero-four-eight .row_from_0_to_1{animation-duration:.2s;animation-name:row_from_0_to_1;animation-fill-mode:forwards}@keyframes row_from_0_to_1{0%{top:64px}to{top:172px}}.two-zero-four-eight .row_from_0_to_2{animation-duration:.2s;animation-name:row_from_0_to_2;animation-fill-mode:forwards}@keyframes row_from_0_to_2{0%{top:64px}to{top:280px}}.two-zero-four-eight .row_from_0_to_3{animation-duration:.2s;animation-name:row_from_0_to_3;animation-fill-mode:forwards}@keyframes row_from_0_to_3{0%{top:64px}to{top:388px}}.two-zero-four-eight .row_from_1_to_0{animation-duration:.2s;animation-name:row_from_1_to_0;animation-fill-mode:forwards}@keyframes row_from_1_to_0{0%{top:172px}to{top:64px}}.two-zero-four-eight .row_from_1_to_1{top:172px}.two-zero-four-eight .row_from_1_to_2{animation-duration:.2s;animation-name:row_from_1_to_2;animation-fill-mode:forwards}@keyframes row_from_1_to_2{0%{top:172px}to{top:280px}}.two-zero-four-eight .row_from_1_to_3{animation-duration:.2s;animation-name:row_from_1_to_3;animation-fill-mode:forwards}@keyframes row_from_1_to_3{0%{top:172px}to{top:388px}}.two-zero-four-eight .row_from_2_to_0{animation-duration:.2s;animation-name:row_from_2_to_0;animation-fill-mode:forwards}@keyframes row_from_2_to_0{0%{top:280px}to{top:64px}}.two-zero-four-eight .row_from_2_to_1{animation-duration:.2s;animation-name:row_from_2_to_1;animation-fill-mode:forwards}@keyframes row_from_2_to_1{0%{top:280px}to{top:172px}}.two-zero-four-eight .row_from_2_to_2{top:280px}.two-zero-four-eight .row_from_2_to_3{animation-duration:.2s;animation-name:row_from_2_to_3;animation-fill-mode:forwards}@keyframes row_from_2_to_3{0%{top:280px}to{top:388px}}.two-zero-four-eight .row_from_3_to_0{animation-duration:.2s;animation-name:row_from_3_to_0;animation-fill-mode:forwards}@keyframes row_from_3_to_0{0%{top:388px}to{top:64px}}.two-zero-four-eight .row_from_3_to_1{animation-duration:.2s;animation-name:row_from_3_to_1;animation-fill-mode:forwards}@keyframes row_from_3_to_1{0%{top:388px}to{top:172px}}.two-zero-four-eight .row_from_3_to_2{animation-duration:.2s;animation-name:row_from_3_to_2;animation-fill-mode:forwards}@keyframes row_from_3_to_2{0%{top:388px}to{top:280px}}.two-zero-four-eight .row_from_3_to_3{top:388px}.two-zero-four-eight .column_from_0_to_0{left:4px}.two-zero-four-eight .column_from_0_to_1{animation-duration:.2s;animation-name:column_from_0_to_1;animation-fill-mode:forwards}@keyframes column_from_0_to_1{0%{left:4px}to{left:112px}}.two-zero-four-eight .column_from_0_to_2{animation-duration:.2s;animation-name:column_from_0_to_2;animation-fill-mode:forwards}@keyframes column_from_0_to_2{0%{left:4px}to{left:220px}}.two-zero-four-eight .column_from_0_to_3{animation-duration:.2s;animation-name:column_from_0_to_3;animation-fill-mode:forwards}@keyframes column_from_0_to_3{0%{left:4px}to{left:328px}}.two-zero-four-eight .column_from_1_to_0{animation-duration:.2s;animation-name:column_from_1_to_0;animation-fill-mode:forwards}@keyframes column_from_1_to_0{0%{left:112px}to{left:4px}}.two-zero-four-eight .column_from_1_to_1{left:112px}.two-zero-four-eight .column_from_1_to_2{animation-duration:.2s;animation-name:column_from_1_to_2;animation-fill-mode:forwards}@keyframes column_from_1_to_2{0%{left:112px}to{left:220px}}.two-zero-four-eight .column_from_1_to_3{animation-duration:.2s;animation-name:column_from_1_to_3;animation-fill-mode:forwards}@keyframes column_from_1_to_3{0%{left:112px}to{left:328px}}.two-zero-four-eight .column_from_2_to_0{animation-duration:.2s;animation-name:column_from_2_to_0;animation-fill-mode:forwards}@keyframes column_from_2_to_0{0%{left:220px}to{left:4px}}.two-zero-four-eight .column_from_2_to_1{animation-duration:.2s;animation-name:column_from_2_to_1;animation-fill-mode:forwards}@keyframes column_from_2_to_1{0%{left:220px}to{left:112px}}.two-zero-four-eight .column_from_2_to_2{left:220px}.two-zero-four-eight .column_from_2_to_3{animation-duration:.2s;animation-name:column_from_2_to_3;animation-fill-mode:forwards}@keyframes column_from_2_to_3{0%{left:220px}to{left:328px}}.two-zero-four-eight .column_from_3_to_0{animation-duration:.2s;animation-name:column_from_3_to_0;animation-fill-mode:forwards}@keyframes column_from_3_to_0{0%{left:328px}to{left:4px}}.two-zero-four-eight .column_from_3_to_1{animation-duration:.2s;animation-name:column_from_3_to_1;animation-fill-mode:forwards}@keyframes column_from_3_to_1{0%{left:328px}to{left:112px}}.two-zero-four-eight .column_from_3_to_2{animation-duration:.2s;animation-name:column_from_3_to_2;animation-fill-mode:forwards}@keyframes column_from_3_to_2{0%{left:328px}to{left:220px}}.two-zero-four-eight .column_from_3_to_3{left:328px}}@media (max-width:992px){.two-zero-four-eight .position_0_0:not(.isMoving){top:44px;left:4px}.two-zero-four-eight .position_0_1:not(.isMoving){top:44px;left:77px}.two-zero-four-eight .position_0_2:not(.isMoving){top:44px;left:150px}.two-zero-four-eight .position_0_3:not(.isMoving){top:44px;left:223px}.two-zero-four-eight .position_1_0:not(.isMoving){top:117px;left:4px}.two-zero-four-eight .position_1_1:not(.isMoving){top:117px;left:77px}.two-zero-four-eight .position_1_2:not(.isMoving){top:117px;left:150px}.two-zero-four-eight .position_1_3:not(.isMoving){top:117px;left:223px}.two-zero-four-eight .position_2_0:not(.isMoving){top:190px;left:4px}.two-zero-four-eight .position_2_1:not(.isMoving){top:190px;left:77px}.two-zero-four-eight .position_2_2:not(.isMoving){top:190px;left:150px}.two-zero-four-eight .position_2_3:not(.isMoving){top:190px;left:223px}.two-zero-four-eight .position_3_0:not(.isMoving){top:263px;left:4px}.two-zero-four-eight .position_3_1:not(.isMoving){top:263px;left:77px}.two-zero-four-eight .position_3_2:not(.isMoving){top:263px;left:150px}.two-zero-four-eight .position_3_3:not(.isMoving){top:263px;left:223px}.two-zero-four-eight .row_from_0_to_0{top:44px}.two-zero-four-eight .row_from_0_to_1{animation-duration:.2s;animation-name:row_from_0_to_1;animation-fill-mode:forwards}@keyframes row_from_0_to_1{0%{top:44px}to{top:117px}}.two-zero-four-eight .row_from_0_to_2{animation-duration:.2s;animation-name:row_from_0_to_2;animation-fill-mode:forwards}@keyframes row_from_0_to_2{0%{top:44px}to{top:190px}}.two-zero-four-eight .row_from_0_to_3{animation-duration:.2s;animation-name:row_from_0_to_3;animation-fill-mode:forwards}@keyframes row_from_0_to_3{0%{top:44px}to{top:263px}}.two-zero-four-eight .row_from_1_to_0{animation-duration:.2s;animation-name:row_from_1_to_0;animation-fill-mode:forwards}@keyframes row_from_1_to_0{0%{top:117px}to{top:44px}}.two-zero-four-eight .row_from_1_to_1{top:117px}.two-zero-four-eight .row_from_1_to_2{animation-duration:.2s;animation-name:row_from_1_to_2;animation-fill-mode:forwards}@keyframes row_from_1_to_2{0%{top:117px}to{top:190px}}.two-zero-four-eight .row_from_1_to_3{animation-duration:.2s;animation-name:row_from_1_to_3;animation-fill-mode:forwards}@keyframes row_from_1_to_3{0%{top:117px}to{top:263px}}.two-zero-four-eight .row_from_2_to_0{animation-duration:.2s;animation-name:row_from_2_to_0;animation-fill-mode:forwards}@keyframes row_from_2_to_0{0%{top:190px}to{top:44px}}.two-zero-four-eight .row_from_2_to_1{animation-duration:.2s;animation-name:row_from_2_to_1;animation-fill-mode:forwards}@keyframes row_from_2_to_1{0%{top:190px}to{top:117px}}.two-zero-four-eight .row_from_2_to_2{top:190px}.two-zero-four-eight .row_from_2_to_3{animation-duration:.2s;animation-name:row_from_2_to_3;animation-fill-mode:forwards}@keyframes row_from_2_to_3{0%{top:190px}to{top:263px}}.two-zero-four-eight .row_from_3_to_0{animation-duration:.2s;animation-name:row_from_3_to_0;animation-fill-mode:forwards}@keyframes row_from_3_to_0{0%{top:263px}to{top:44px}}.two-zero-four-eight .row_from_3_to_1{animation-duration:.2s;animation-name:row_from_3_to_1;animation-fill-mode:forwards}@keyframes row_from_3_to_1{0%{top:263px}to{top:117px}}.two-zero-four-eight .row_from_3_to_2{animation-duration:.2s;animation-name:row_from_3_to_2;animation-fill-mode:forwards}@keyframes row_from_3_to_2{0%{top:263px}to{top:190px}}.two-zero-four-eight .row_from_3_to_3{top:263px}.two-zero-four-eight .column_from_0_to_0{left:4px}.two-zero-four-eight .column_from_0_to_1{animation-duration:.2s;animation-name:column_from_0_to_1;animation-fill-mode:forwards}@keyframes column_from_0_to_1{0%{left:4px}to{left:77px}}.two-zero-four-eight .column_from_0_to_2{animation-duration:.2s;animation-name:column_from_0_to_2;animation-fill-mode:forwards}@keyframes column_from_0_to_2{0%{left:4px}to{left:150px}}.two-zero-four-eight .column_from_0_to_3{animation-duration:.2s;animation-name:column_from_0_to_3;animation-fill-mode:forwards}@keyframes column_from_0_to_3{0%{left:4px}to{left:223px}}.two-zero-four-eight .column_from_1_to_0{animation-duration:.2s;animation-name:column_from_1_to_0;animation-fill-mode:forwards}@keyframes column_from_1_to_0{0%{left:77px}to{left:4px}}.two-zero-four-eight .column_from_1_to_1{left:77px}.two-zero-four-eight .column_from_1_to_2{animation-duration:.2s;animation-name:column_from_1_to_2;animation-fill-mode:forwards}@keyframes column_from_1_to_2{0%{left:77px}to{left:150px}}.two-zero-four-eight .column_from_1_to_3{animation-duration:.2s;animation-name:column_from_1_to_3;animation-fill-mode:forwards}@keyframes column_from_1_to_3{0%{left:77px}to{left:223px}}.two-zero-four-eight .column_from_2_to_0{animation-duration:.2s;animation-name:column_from_2_to_0;animation-fill-mode:forwards}@keyframes column_from_2_to_0{0%{left:150px}to{left:4px}}.two-zero-four-eight .column_from_2_to_1{animation-duration:.2s;animation-name:column_from_2_to_1;animation-fill-mode:forwards}@keyframes column_from_2_to_1{0%{left:150px}to{left:77px}}.two-zero-four-eight .column_from_2_to_2{left:150px}.two-zero-four-eight .column_from_2_to_3{animation-duration:.2s;animation-name:column_from_2_to_3;animation-fill-mode:forwards}@keyframes column_from_2_to_3{0%{left:150px}to{left:223px}}.two-zero-four-eight .column_from_3_to_0{animation-duration:.2s;animation-name:column_from_3_to_0;animation-fill-mode:forwards}@keyframes column_from_3_to_0{0%{left:223px}to{left:4px}}.two-zero-four-eight .column_from_3_to_1{animation-duration:.2s;animation-name:column_from_3_to_1;animation-fill-mode:forwards}@keyframes column_from_3_to_1{0%{left:223px}to{left:77px}}.two-zero-four-eight .column_from_3_to_2{animation-duration:.2s;animation-name:column_from_3_to_2;animation-fill-mode:forwards}@keyframes column_from_3_to_2{0%{left:223px}to{left:150px}}.two-zero-four-eight .column_from_3_to_3{left:223px}}