.heading:after {content: "";display: block;clear: both;}h1.title {font-size: 80px;font-weight: bold;margin: 0;display: block;float: left;}@-webkit-keyframes move-up {0% {top: 25px;opacity: 1;}100% {top: -50px;opacity: 0;}}@-moz-keyframes move-up {0% {top: 25px;opacity: 1;}100% {top: -50px;opacity: 0;}}@keyframes move-up {0% {top: 25px;opacity: 1;}100% {top: -50px;opacity: 0;}}.scores-container {float: right;text-align: right;}.score-container, .best-container {position: relative;display: inline-block;background: #bbada0;padding: 15px 25px;font-size: 25px;height: 25px;line-height: 47px;font-weight: bold;border-radius: 3px;color: white;margin-top: 8px;text-align: center;}.score-container:after, .best-container:after {position: absolute;width: 100%;top: 10px;left: 0;text-transform: uppercase;font-size: 13px;line-height: 13px;text-align: center;color: #eee4da;}.score-container .score-addition, .best-container .score-addition {position: absolute;right: 30px;color: red;font-size: 25px;line-height: 25px;font-weight: bold;color: rgba(119, 110, 101, 0.9);z-index: 100;-webkit-animation: move-up 600ms ease-in;-moz-animation: move-up 600ms ease-in;animation: move-up 600ms ease-in;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both;}.score-container:after {content: "Score";}.best-container:after {content: "Best";}p {margin-top: 0;margin-bottom: 10px;line-height: 1.65;}a {color: #776e65;font-weight: bold;text-decoration: underline;cursor: pointer;}strong.important {text-transform: uppercase;}hr {border: none;border-bottom: 1px solid #d8d4d0;margin-top: 20px;margin-bottom: 30px;}.main-container {width: 500px;margin: 0 auto;box-sizing: content-box;}@-webkit-keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}@-moz-keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}@keyframes fade-in {0% {opacity: 0;}100% {opacity: 1;}}.game-container {margin-top: 40px;position: relative;padding: 15px;cursor: default;-webkit-touch-callout: none;-ms-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-ms-touch-action: none;touch-action: none;background: #bbada0;border-radius: 6px;width: 500px;height: 500px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.game-container .game-message {display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(238, 228, 218, 0.9);z-index: 100;text-align: center;-webkit-animation: fade-in 800ms ease 1200ms;-moz-animation: fade-in 800ms ease 1200ms;animation: fade-in 800ms ease 1200ms;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both;}.game-container .game-message p {font-size: 60px;font-weight: bold;height: 60px;line-height: 60px;margin-top: 150px;}.game-container .game-message .lower {display: block;margin-top: 40px;}.game-container .game-message a {display: inline-block;background: #8f7a66;border-radius: 3px;padding: 0 20px;text-decoration: none;color: #f9f6f2;height: 40px;line-height: 42px;margin-left: 9px;}.game-container .game-message a.keep-playing-button {display: none;}.game-container .game-message.game-won {background: rgba(237, 194, 46, 0.8);color: #f9f6f2;}.game-container .game-message.game-won a.keep-playing-button {display: inline-block;}.game-container .game-message.game-won, .game-container .game-message.game-over {display: block;}.grid-container {position: absolute;z-index: 1;}.grid-row {margin-bottom: 15px;}.grid-row:last-child {margin-bottom: 0;}.grid-row:after {content: "";display: block;clear: both;}.grid-cell {width: 106.25px;height: 106.25px;margin-right: 15px;float: left;border-radius: 3px;background: rgba(238, 228, 218, 0.35);}.grid-cell:last-child {margin-right: 0;}.tile-container {position: absolute;z-index: 2;}.tile, .tile .tile-inner {width: 107px;height: 107px;line-height: 107px;}.tile.tile-position-1-1 {-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}.tile.tile-position-1-2 {-webkit-transform: translate(0px, 121px);-moz-transform: translate(0px, 121px);-ms-transform: translate(0px, 121px);transform: translate(0px, 121px);}.tile.tile-position-1-3 {-webkit-transform: translate(0px, 242px);-moz-transform: translate(0px, 242px);-ms-transform: translate(0px, 242px);transform: translate(0px, 242px);}.tile.tile-position-1-4 {-webkit-transform: translate(0px, 363px);-moz-transform: translate(0px, 363px);-ms-transform: translate(0px, 363px);transform: translate(0px, 363px);}.tile.tile-position-2-1 {-webkit-transform: translate(121px, 0px);-moz-transform: translate(121px, 0px);-ms-transform: translate(121px, 0px);transform: translate(121px, 0px);}.tile.tile-position-2-2 {-webkit-transform: translate(121px, 121px);-moz-transform: translate(121px, 121px);-ms-transform: translate(121px, 121px);transform: translate(121px, 121px);}.tile.tile-position-2-3 {-webkit-transform: translate(121px, 242px);-moz-transform: translate(121px, 242px);-ms-transform: translate(121px, 242px);transform: translate(121px, 242px);}.tile.tile-position-2-4 {-webkit-transform: translate(121px, 363px);-moz-transform: translate(121px, 363px);-ms-transform: translate(121px, 363px);transform: translate(121px, 363px);}.tile.tile-position-3-1 {-webkit-transform: translate(242px, 0px);-moz-transform: translate(242px, 0px);-ms-transform: translate(242px, 0px);transform: translate(242px, 0px);}.tile.tile-position-3-2 {-webkit-transform: translate(242px, 121px);-moz-transform: translate(242px, 121px);-ms-transform: translate(242px, 121px);transform: translate(242px, 121px);}.tile.tile-position-3-3 {-webkit-transform: translate(242px, 242px);-moz-transform: translate(242px, 242px);-ms-transform: translate(242px, 242px);transform: translate(242px, 242px);}.tile.tile-position-3-4 {-webkit-transform: translate(242px, 363px);-moz-transform: translate(242px, 363px);-ms-transform: translate(242px, 363px);transform: translate(242px, 363px);}.tile.tile-position-4-1 {-webkit-transform: translate(363px, 0px);-moz-transform: translate(363px, 0px);-ms-transform: translate(363px, 0px);transform: translate(363px, 0px);}.tile.tile-position-4-2 {-webkit-transform: translate(363px, 121px);-moz-transform: translate(363px, 121px);-ms-transform: translate(363px, 121px);transform: translate(363px, 121px);}.tile.tile-position-4-3 {-webkit-transform: translate(363px, 242px);-moz-transform: translate(363px, 242px);-ms-transform: translate(363px, 242px);transform: translate(363px, 242px);}.tile.tile-position-4-4 {-webkit-transform: translate(363px, 363px);-moz-transform: translate(363px, 363px);-ms-transform: translate(363px, 363px);transform: translate(363px, 363px);}.tile {position: absolute;-webkit-transition: 100ms ease-in-out;-moz-transition: 100ms ease-in-out;transition: 100ms ease-in-out;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;}.tile .tile-inner {border-radius: 3px;background: #eee4da;text-align: center;font-weight: bold;z-index: 10;font-size: 55px;}.tile .tile-inner img {border-radius: 3px;vertical-align: baseline;}.tile .tile-inner.image-tile .tile-text {font-weight: normal;font-size: 1.5rem;font-size: 1.4rem;line-height: 1;text-align: center;margin: 0;padding: 3px 6px;padding: .3rem .6rem;padding: 2px;position: absolute;right: 0px;bottom: 0px;color: #000;background: rgba(255,255,255,.3);text-shadow: 0px 0px 1px #ddd;}.game-type-themed .tile p {font-size: 1.25rem;font-weight: normal;line-height: 1.4;padding: 5px;margin: 0px;border-radius: 3px;}.game-type-themed .tile .image-tile, .game-type-themed .tile p {width: 100%;height: 100%;position: absolute;top: 0;left: 0;backface-visibility: hidden;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: bold;transition: transform 0.3s ease-in-out;}.game-type-themed .tile .image-tile {transform: rotateY(0deg);cursor: pointer;}.game-type-themed .tile p {background: #4C9EAF;color: white;transform: rotateY(180deg);cursor: pointer;}.game-type-themed .tile:hover, .game-type-themed .tile.tile-merged {background: #bbada0;}.game-type-themed .tile.flipped .image-tile, .game-type-themed .tile:hover .image-tile {transform: rotateY(180deg);}.game-type-themed .tile.flipped p, .game-type-themed .tile:hover p {transform: rotateY(0deg);}.tile.tile-2 .tile-inner {color: #776e65;background: #eee4da;box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);}.tile.tile-4 .tile-inner {color: #776e65;background: #ede0c8;box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);}.tile.tile-8 .tile-inner {color: #f9f6f2;background: #f2b179;}.tile.tile-16 .tile-inner {color: #f9f6f2;background: #f59563;}.tile.tile-32 .tile-inner {color: #f9f6f2;background: #f67c5f;}.tile.tile-64 .tile-inner {color: #f9f6f2;background: #f65e3b;}.tile.tile-128 .tile-inner {color: #f9f6f2;background: #edcf72;box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.2381), inset 0 0 0 1px rgba(255, 255, 255, 0.14286);font-size: 45px;}@media screen and (max-width: 520px) {.tile.tile-128 .tile-inner {font-size: 25px;}}.tile.tile-256 .tile-inner {color: #f9f6f2;background: #edcc61;box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.31746), inset 0 0 0 1px rgba(255, 255, 255, 0.19048);font-size: 45px;}@media screen and (max-width: 520px) {.tile.tile-256 .tile-inner {font-size: 25px;}}.tile.tile-512 .tile-inner {color: #f9f6f2;background: #edc850;box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.39683), inset 0 0 0 1px rgba(255, 255, 255, 0.2381);font-size: 45px;}@media screen and (max-width: 520px) {.tile.tile-512 .tile-inner {font-size: 25px;}}.tile.tile-1024 .tile-inner {color: #f9f6f2;background: #edc53f;box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.47619), inset 0 0 0 1px rgba(255, 255, 255, 0.28571);font-size: 35px;}@media screen and (max-width: 520px) {.tile.tile-1024 .tile-inner {font-size: 15px;}}.tile.tile-2048 .tile-inner {color: #f9f6f2;background: #edc22e;box-shadow: 0 0 30px 10px rgba(243, 215, 116, 0.55556), inset 0 0 0 1px rgba(255, 255, 255, 0.33333);font-size: 35px;}@media screen and (max-width: 520px) {.tile.tile-2048 .tile-inner {font-size: 15px;}}.tile.tile-super .tile-inner {color: #f9f6f2;background: #3c3a32;font-size: 30px;}@media screen and (max-width: 520px) {.tile.tile-super .tile-inner {font-size: 10px;}}@-webkit-keyframes appear {0% {opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100% {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}@-moz-keyframes appear {0% {opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100% {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}@keyframes appear {0% {opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100% {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}.tile-new .tile-inner {-webkit-animation: appear 200ms ease 100ms;-moz-animation: appear 200ms ease 100ms;animation: appear 200ms ease 100ms;-webkit-animation-fill-mode: backwards;-moz-animation-fill-mode: backwards;animation-fill-mode: backwards;}@-webkit-keyframes pop {0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}50% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}@-moz-keyframes pop {0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}50% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}@keyframes pop {0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}50% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}.tile-merged .tile-inner {z-index: 20;-webkit-animation: pop 200ms ease 100ms;-moz-animation: pop 200ms ease 100ms;animation: pop 200ms ease 100ms;-webkit-animation-fill-mode: backwards;-moz-animation-fill-mode: backwards;animation-fill-mode: backwards;}.above-gameee:after {content: "";display: block;clear: both;}.game-intro {float: left;line-height: 42px;margin-bottom: 0;}.restart-button {display: inline-block;background: #8f7a66;border-radius: 3px;padding: 0 20px;text-decoration: none;color: #f9f6f2;height: 40px;line-height: 42px;display: block;text-align: center;float: right;}.game-explanation {margin-top: 0px;}@media screen and (max-width: 520px) {h1.title {font-size: 27px;margin-top: 15px;}.main-container {width: 280px;margin: 0 auto;}.score-container, .best-container {margin-top: 0;padding: 15px 10px;min-width: 40px;}.heading {margin-bottom: 10px;}.game-intro {width: 55%;display: block;box-sizing: border-box;line-height: 1.65;}.restart-button {box-sizing: border-box;margin-top: 2px;}.game-container {margin-top: 17px;position: relative;padding: 10px;cursor: default;-webkit-touch-callout: none;-ms-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-ms-touch-action: none;touch-action: none;background: #bbada0;border-radius: 6px;width: 280px;height: 280px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.game-container .game-message {display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(238, 228, 218, 0.9);z-index: 100;text-align: center;-webkit-animation: fade-in 800ms ease 1200ms;-moz-animation: fade-in 800ms ease 1200ms;animation: fade-in 800ms ease 1200ms;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both;}.game-container .game-message p {font-size: 60px;font-weight: bold;height: 60px;line-height: 60px;margin-top: 150px;}.game-container .game-message .lower {display: block;margin-top: 40px;}.game-container .game-message a {display: inline-block;background: #8f7a66;border-radius: 3px;padding: 0 20px;text-decoration: none;color: #f9f6f2;height: 40px;line-height: 42px;margin-left: 9px;}.game-container .game-message a.keep-playing-button {display: none;}.game-container .game-message.game-won {background: rgba(237, 194, 46, 0.8);color: #f9f6f2;}.game-container .game-message.game-won a.keep-playing-button {display: inline-block;}.game-container .game-message.game-won, .game-container .game-message.game-over {display: block;}.grid-container {position: absolute;z-index: 1;}.grid-row {margin-bottom: 10px;}.grid-row:last-child {margin-bottom: 0;}.grid-row:after {content: "";display: block;clear: both;}.grid-cell {width: 57.5px;height: 57.5px;margin-right: 10px;float: left;border-radius: 3px;background: rgba(238, 228, 218, 0.35);}.grid-cell:last-child {margin-right: 0;}.tile-container {position: absolute;z-index: 2;}.tile, .tile .tile-inner {width: 58px;height: 58px;line-height: 58px;}.tile.tile-position-1-1 {-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}.tile.tile-position-1-2 {-webkit-transform: translate(0px, 67px);-moz-transform: translate(0px, 67px);-ms-transform: translate(0px, 67px);transform: translate(0px, 67px);}.tile.tile-position-1-3 {-webkit-transform: translate(0px, 135px);-moz-transform: translate(0px, 135px);-ms-transform: translate(0px, 135px);transform: translate(0px, 135px);}.tile.tile-position-1-4 {-webkit-transform: translate(0px, 202px);-moz-transform: translate(0px, 202px);-ms-transform: translate(0px, 202px);transform: translate(0px, 202px);}.tile.tile-position-2-1 {-webkit-transform: translate(67px, 0px);-moz-transform: translate(67px, 0px);-ms-transform: translate(67px, 0px);transform: translate(67px, 0px);}.tile.tile-position-2-2 {-webkit-transform: translate(67px, 67px);-moz-transform: translate(67px, 67px);-ms-transform: translate(67px, 67px);transform: translate(67px, 67px);}.tile.tile-position-2-3 {-webkit-transform: translate(67px, 135px);-moz-transform: translate(67px, 135px);-ms-transform: translate(67px, 135px);transform: translate(67px, 135px);}.tile.tile-position-2-4 {-webkit-transform: translate(67px, 202px);-moz-transform: translate(67px, 202px);-ms-transform: translate(67px, 202px);transform: translate(67px, 202px);}.tile.tile-position-3-1 {-webkit-transform: translate(135px, 0px);-moz-transform: translate(135px, 0px);-ms-transform: translate(135px, 0px);transform: translate(135px, 0px);}.tile.tile-position-3-2 {-webkit-transform: translate(135px, 67px);-moz-transform: translate(135px, 67px);-ms-transform: translate(135px, 67px);transform: translate(135px, 67px);}.tile.tile-position-3-3 {-webkit-transform: translate(135px, 135px);-moz-transform: translate(135px, 135px);-ms-transform: translate(135px, 135px);transform: translate(135px, 135px);}.tile.tile-position-3-4 {-webkit-transform: translate(135px, 202px);-moz-transform: translate(135px, 202px);-ms-transform: translate(135px, 202px);transform: translate(135px, 202px);}.tile.tile-position-4-1 {-webkit-transform: translate(202px, 0px);-moz-transform: translate(202px, 0px);-ms-transform: translate(202px, 0px);transform: translate(202px, 0px);}.tile.tile-position-4-2 {-webkit-transform: translate(202px, 67px);-moz-transform: translate(202px, 67px);-ms-transform: translate(202px, 67px);transform: translate(202px, 67px);}.tile.tile-position-4-3 {-webkit-transform: translate(202px, 135px);-moz-transform: translate(202px, 135px);-ms-transform: translate(202px, 135px);transform: translate(202px, 135px);}.tile.tile-position-4-4 {-webkit-transform: translate(202px, 202px);-moz-transform: translate(202px, 202px);-ms-transform: translate(202px, 202px);transform: translate(202px, 202px);}.tile .tile-inner {font-size: 35px;}.game-message p {font-size: 30px !important;height: 30px !important;line-height: 30px !important;margin-top: 90px !important;}.game-message .lower {margin-top: 30px !important;}}.scores-container {margin-bottom: 10px;float: none;text-align: left;}.game-name-container, .score-container, .best-container{width: 49.5%;box-sizing: border-box;position: relative;display: inline-block;background: #bbada0;padding: 20px 0px 0px;font-size: 25px;line-height: 35px;font-weight: bold;border-radius: 3px;color: white;margin-top: 8px;text-align: center;height: unset;}.score-container{margin-right: 0.5%;}.best-container{margin-left: 0.5%;}.game-name-container{}.game-name-container:after, .game-name-container:after {position: absolute;width: 100%;top: 10px;left: 0;text-transform: uppercase;font-size: 13px;line-height: 13px;text-align: center;color: #eee4da;}.game-type-classic .game-name-container:after {content: "Classic";}.game-type-cupcakes-classic .game-name-container:after {content: "Cupcakes Classic";}.game-type-doge .game-name-container:after {content: "Doge";}.game-type-pokemon .game-name-container:after {content: "Pokemon";}.game-intro{float: none;}.above-game {display: flex;align-items: center;justify-content: space-between;}.above-game a {background: #8f7a66;border-radius: 3px;padding: 0px 5px;text-decoration: none;color: #f9f6f2;height: 40px;line-height: 42px;display: block;text-align: center;min-width: 30%;}.above-game a:hover {background: #7a6654;color: #f9f6f2;}.above-game a:active {background: #5f5043;}.undo-button{opacity: 0.4;}.above-gameeee a {transition: 0.5s;background-size: 200% auto;display: block;}.above-gameeee a:hover {background-position: right center;text-decoration: none;}.game-container {margin-top: 11px;}@media screen and (max-width: 520px) {.above-game a {box-sizing: border-box;margin-top: 2px;}.game-type-themed .tile p {font-size: 0.5em;word-break: break-word;}}