.game2048{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;font-family:Jura,sans-serif;font-size:21px}@media (min-width:768px){.game2048{height:100%}}.text{order:2;padding-top:40px;width:450px}.board{order:1;width:450px;height:450px;padding:5px;background-color:#baa;border-radius:7px;outline:none;position:relative}.board .cell,.tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.cell,.tile{width:100px;height:100px;margin:5px;line-height:100px;display:inline-block;font-size:55px;font-weight:700;text-align:center;vertical-align:middle;border-radius:7px;font-family:Jura,sans-serif;color:#766}.cell,.tile,.tile0{background-color:#dcb}.tile2{background-color:#eee}.tile4{background-color:#eec}.tile8{color:#ffe;background-color:#fb8}.tile16{color:#ffe;background-color:#f96}.tile32{color:#ffe;background-color:#f75}.tile64{color:#ffe;background-color:#f53}.tile128{background-color:#ec7}.tile128,.tile256{color:#ffe;font-size:45px}.tile256{background-color:#ec6}.tile512{color:#ffe;background-color:#ec5;font-size:45px}.tile1024{background-color:#ec3}.tile1024,.tile2048{color:#fff;font-size:35px}.tile2048{background-color:#ec2}.tile{position:absolute}.tile.merged{display:none}.tile.merged.isMoving{display:inline}.overlay,.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)}}.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:rgba(0,0,0,.7);border-radius:7px}.overlay .message{color:#e8e8e8;font-size:48px;line-height:60px;font-family:Jura,sans-serif;font-weight:700}.details-box{display:flex;align-items:center;padding:10px 0;justify-content:space-between;color:rgb(192,192,192)}.reset-button{background-color:rgb(63,99,91);color:rgb(192,192,192);cursor:pointer;font-size:25px;padding:10px 20px;border-radius:8px;transition:color .3s ease,background-color .3s ease}.reset-button:hover{background-color:rgb(51,75,70);color:rgb(214,213,213)}.score-header{font-size:80%}.score-box{display:flex;flex-direction:column;align-items:end}.radio-group{display:flex;justify-content:space-between;margin-top:20px}.radio-label{display:flex;align-items:center;color:var(--color-gray-400)}.radio-label input{width:20px;height:20px;margin-right:8px}.position_0_0:not(.isMoving){top:5px;left:5px}.position_0_1:not(.isMoving){top:5px;left:115px}.position_0_2:not(.isMoving){top:5px;left:225px}.position_0_3:not(.isMoving){top:5px;left:335px}.position_1_0:not(.isMoving){top:115px;left:5px}.position_1_1:not(.isMoving){top:115px;left:115px}.position_1_2:not(.isMoving){top:115px;left:225px}.position_1_3:not(.isMoving){top:115px;left:335px}.position_2_0:not(.isMoving){top:225px;left:5px}.position_2_1:not(.isMoving){top:225px;left:115px}.position_2_2:not(.isMoving){top:225px;left:225px}.position_2_3:not(.isMoving){top:225px;left:335px}.position_3_0:not(.isMoving){top:335px;left:5px}.position_3_1:not(.isMoving){top:335px;left:115px}.position_3_2:not(.isMoving){top:335px;left:225px}.position_3_3:not(.isMoving){top:335px;left:335px}.row_from_0_to_0{top:5px}.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:5px}to{top:115px}}.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:5px}to{top:225px}}.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:5px}to{top:335px}}.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:115px}to{top:5px}}.row_from_1_to_1{top:115px}.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:115px}to{top:225px}}.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:115px}to{top:335px}}.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:225px}to{top:5px}}.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:225px}to{top:115px}}.row_from_2_to_2{top:225px}.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:225px}to{top:335px}}.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:335px}to{top:5px}}.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:335px}to{top:115px}}.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: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-name:column_from_0_to_1;animation-fill-mode:forwards}@keyframes column_from_0_to_1{0%{left:5px}to{left:115px}}.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:5px}to{left:225px}}.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:5px}to{left:335px}}.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:115px}to{left:5px}}.column_from_1_to_1{left:115px}.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:115px}to{left:225px}}.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:115px}to{left:335px}}.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:225px}to{left:5px}}.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:225px}to{left:115px}}.column_from_2_to_2{left:225px}.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:225px}to{left:335px}}.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:335px}to{left:5px}}.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:335px}to{left:115px}}.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:335px}to{left:225px}}.column_from_3_to_3{left:335px}