html, body {margin: 0;padding: 0;color: #4d2523;font-family: "Clear Sans", "Helvetica Neue", Arial, sans-serif;font-size: 18px;}.heading:after {content: "";display: block;clear: both;}h1.title {font-size: 80px;font-weight: bold;margin: 0;display: block;text-align: center;}h1.title small {font-size: 60px;}.title-container {position: relative;display: inline-block;padding-bottom: 10px;}@-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, .scores-points {text-align: right;}.score-container, .best-container, .score-points, .best-points {overflow: hidden;position: relative;display: inline-block;background: #f67098;padding: 15px 0px;font-size: 17px;text-transform: capitalize;height: 22px;line-height: 39px;font-weight: bold;border-radius: 3px;color: white;color: #fafafa;margin-top: 8px;text-align: center;width: 49%;float: left;}.score-container, .best-container{margin-bottom: 10px;}.score-container:after, .best-container:after, .score-points:after, .best-points:after {position: absolute;width: 100%;top: 7px;left: 0;text-transform: uppercase;font-size: 13px;line-height: 13px;text-align: center;color: #3c1b1a;color: #ffcbda;}.score-container .score-addition, .best-container .score-addition, .score-points .score-addition, .best-points .score-addition {position: absolute;width: 100%;text-align: center;color: red;font-size: 19px;line-height: 19px;font-weight: bold;color: rgba(77, 37, 35, 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;}.best-container {float: right;}.best-points {float: right;}.score-container:after {content: "Cupcake";}.score-points:after {content: "Kcal";}.best-container:after {content: "Cupcake Max";}.best-points:after {content: "Kcal Max";}p {margin-top: 0;margin-bottom: 10px;line-height: 1.65;}a {color: #4d2523;font-weight: bold;text-decoration: underline;cursor: pointer;}strong.important {text-transform: uppercase;}hr {border: none;border-bottom: 1px solid #fbb8cc;margin-top: 20px;margin-bottom: 30px;}.main-container {width: 500px;padding: 0;margin: 0 auto;}@-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: 11px;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: #f67098;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.95);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: #f888a9;border-radius: 3px;padding: 0 20px;text-decoration: none;color: #3c1b1a;height: 40px;line-height: 42px;margin-left: 9px;}.game-container .game-message a.keep-playing-button {display: none;}.game-container .game-message .score-sharing {display: inline-block;vertical-align: middle;margin-left: 10px;}.game-container .game-message.game-won {background: rgba(88, 46, 116, 0.5);color: white;}.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(255, 255, 255, 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: 116.25px;}.tile.tile-position-1-1 {-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);transform: translate(0px, 0px);}.tile.tile-position-1-2 {-webkit-transform: translate(0px, 121px);-moz-transform: translate(0px, 121px);transform: translate(0px, 121px);}.tile.tile-position-1-3 {-webkit-transform: translate(0px, 242px);-moz-transform: translate(0px, 242px);transform: translate(0px, 242px);}.tile.tile-position-1-4 {-webkit-transform: translate(0px, 363px);-moz-transform: translate(0px, 363px);transform: translate(0px, 363px);}.tile.tile-position-2-1 {-webkit-transform: translate(121px, 0px);-moz-transform: translate(121px, 0px);transform: translate(121px, 0px);}.tile.tile-position-2-2 {-webkit-transform: translate(121px, 121px);-moz-transform: translate(121px, 121px);transform: translate(121px, 121px);}.tile.tile-position-2-3 {-webkit-transform: translate(121px, 242px);-moz-transform: translate(121px, 242px);transform: translate(121px, 242px);}.tile.tile-position-2-4 {-webkit-transform: translate(121px, 363px);-moz-transform: translate(121px, 363px);transform: translate(121px, 363px);}.tile.tile-position-3-1 {-webkit-transform: translate(242px, 0px);-moz-transform: translate(242px, 0px);transform: translate(242px, 0px);}.tile.tile-position-3-2 {-webkit-transform: translate(242px, 121px);-moz-transform: translate(242px, 121px);transform: translate(242px, 121px);}.tile.tile-position-3-3 {-webkit-transform: translate(242px, 242px);-moz-transform: translate(242px, 242px);transform: translate(242px, 242px);}.tile.tile-position-3-4 {-webkit-transform: translate(242px, 363px);-moz-transform: translate(242px, 363px);transform: translate(242px, 363px);}.tile.tile-position-4-1 {-webkit-transform: translate(363px, 0px);-moz-transform: translate(363px, 0px);transform: translate(363px, 0px);}.tile.tile-position-4-2 {-webkit-transform: translate(363px, 121px);-moz-transform: translate(363px, 121px);transform: translate(363px, 121px);}.tile.tile-position-4-3 {-webkit-transform: translate(363px, 242px);-moz-transform: translate(363px, 242px);transform: translate(363px, 242px);}.tile.tile-position-4-4 {-webkit-transform: translate(363px, 363px);-moz-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: white;text-align: center;font-weight: bold;z-index: 10;font-size: 55px;}.tile .tile-inner img {width: 100%;height: 100%;border-radius: 3px;}.game-type-cupcakes .tile .tile-inner .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;}.tile.tile-2 .tile-inner {background: white;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);}.tile.tile-4 .tile-inner {background: #eeeaf1;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);}.tile.tile-8 .tile-inner {color: white;background: #ddd5e3;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);}.tile.tile-16 .tile-inner {color: white;background: #ccc0d5;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);}.tile.tile-32 .tile-inner {color: white;background: #bcabc7;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 0.07937), inset 0 0 0 1px rgba(255, 255, 255, 0.04762);}.tile.tile-64 .tile-inner {color: white;background: #ab96b9;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 0.15873), inset 0 0 0 1px rgba(255, 255, 255, 0.09524);}.tile.tile-128 .tile-inner {color: white;background: #9a81ab;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 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: white;background: #8a6c9d;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 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: white;background: #79578f;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 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: white;background: #684281;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 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: white;background: #582e74;box-shadow: 0 0 30px 10px rgba(0, 0, 255, 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: white;background: #343236;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);transform: scale(0);}100% {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}}@-moz-keyframes appear {0% {opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}100% {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}}@keyframes appear {0% {opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}100% {opacity: 1;-webkit-transform: scale(1);-moz-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);transform: scale(0);}50% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}100% {-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}}@-moz-keyframes pop {0% {-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}50% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}100% {-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}}@keyframes pop {0% {-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}50% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);}100% {-webkit-transform: scale(1);-moz-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;font-size: 25px;line-height: 42px;margin-bottom: 0;margin-top: 5px;}.restart-button {display: inline-block;background: #f888a9;border-radius: 3px;padding: 0 20px;text-decoration: none;color: #3c1b1a;height: 40px;line-height: 42px;display: block;text-align: center;float: right;}.game-explanation {margin-top: 0px;}@media screen and (max-width: 520px) {html, body {font-size: 15px;}body {margin: 20px 0;padding: 0 20px;}h1.title {font-size: 27px;margin-top: 15px;}h1.title small {font-size: 27px;}.main-container {width: 280px;margin: 0 auto;}.score-container, .best-container, .score-points, .best-points {margin-top: 0;padding: 15px 0px;min-width: 40px;}.score-points, .best-points {margin-top: 8px;margin-bottom: 10px;}.heading {margin-bottom: 0px;}.game-intro {width: 55%;display: block;box-sizing: border-box;line-height: 1.65;font-size: 16px;margin-top: 10px;}.restart-button, .retry-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: #f67098;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.95);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: #f888a9;border-radius: 3px;padding: 0 20px;text-decoration: none;color: #3c1b1a;height: 40px;line-height: 42px;margin-left: 9px;}.game-container .game-message a.keep-playing-button {display: none;}.game-container .game-message .score-sharing {display: inline-block;vertical-align: middle;margin-left: 10px;}.game-container .game-message.game-won {background: rgba(88, 46, 116, 0.5);color: white;}.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(255, 255, 255, 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: 67.5px;}.tile.tile-position-1-1 {-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);transform: translate(0px, 0px);}.tile.tile-position-1-2 {-webkit-transform: translate(0px, 67px);-moz-transform: translate(0px, 67px);transform: translate(0px, 67px);}.tile.tile-position-1-3 {-webkit-transform: translate(0px, 135px);-moz-transform: translate(0px, 135px);transform: translate(0px, 135px);}.tile.tile-position-1-4 {-webkit-transform: translate(0px, 202px);-moz-transform: translate(0px, 202px);transform: translate(0px, 202px);}.tile.tile-position-2-1 {-webkit-transform: translate(67px, 0px);-moz-transform: translate(67px, 0px);transform: translate(67px, 0px);}.tile.tile-position-2-2 {-webkit-transform: translate(67px, 67px);-moz-transform: translate(67px, 67px);transform: translate(67px, 67px);}.tile.tile-position-2-3 {-webkit-transform: translate(67px, 135px);-moz-transform: translate(67px, 135px);transform: translate(67px, 135px);}.tile.tile-position-2-4 {-webkit-transform: translate(67px, 202px);-moz-transform: translate(67px, 202px);transform: translate(67px, 202px);}.tile.tile-position-3-1 {-webkit-transform: translate(135px, 0px);-moz-transform: translate(135px, 0px);transform: translate(135px, 0px);}.tile.tile-position-3-2 {-webkit-transform: translate(135px, 67px);-moz-transform: translate(135px, 67px);transform: translate(135px, 67px);}.tile.tile-position-3-3 {-webkit-transform: translate(135px, 135px);-moz-transform: translate(135px, 135px);transform: translate(135px, 135px);}.tile.tile-position-3-4 {-webkit-transform: translate(135px, 202px);-moz-transform: translate(135px, 202px);transform: translate(135px, 202px);}.tile.tile-position-4-1 {-webkit-transform: translate(202px, 0px);-moz-transform: translate(202px, 0px);transform: translate(202px, 0px);}.tile.tile-position-4-2 {-webkit-transform: translate(202px, 67px);-moz-transform: translate(202px, 67px);transform: translate(202px, 67px);}.tile.tile-position-4-3 {-webkit-transform: translate(202px, 135px);-moz-transform: translate(202px, 135px);transform: translate(202px, 135px);}.tile.tile-position-4-4 {-webkit-transform: translate(202px, 202px);-moz-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;}.game-message.game-won .score-sharing {margin-top: 10px;}}.legend-row {padding: 10px 5px;}.legend-row:after {content: "";display: block;clear: both;}.legend-row p {margin-left: 93.33333px;margin-top: 23.33333px;text-transform: capitalize;}.legend-grid {position: relative;padding: 7.5px;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: #f67098;border-radius: 4px;width: 73px;height: 73px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;}.legend-cell {width: 57.5px;height: 57.5px;margin-right: 7.5px;float: left;border-radius: 3px;background: rgba(255, 255, 255, 0.35);}.legend-cell img {width: 100%;height: 100%;}.cell-2 {background: white;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);}.cell-4 {background: #eeeaf1;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);}.cell-8 {color: white;background: #ddd5e3;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);}.cell-16 {color: white;background: #ccc0d5;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0), inset 0 0 0 1px rgba(255, 255, 255, 0);}.cell-32 {color: white;background: #bcabc7;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0.07937), inset 0 0 0 1px rgba(255, 255, 255, 0.04762);}.cell-64 {color: white;background: #ab96b9;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0.15873), inset 0 0 0 1px rgba(255, 255, 255, 0.09524);}.cell-128 {color: white;background: #9a81ab;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0.2381), inset 0 0 0 1px rgba(255, 255, 255, 0.14286);}.cell-256 {color: white;background: #8a6c9d;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0.31746), inset 0 0 0 1px rgba(255, 255, 255, 0.19048);}.cell-512 {color: white;background: #79578f;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0.39683), inset 0 0 0 1px rgba(255, 255, 255, 0.2381);}.cell-1024 {color: white;background: #684281;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0.47619), inset 0 0 0 1px rgba(255, 255, 255, 0.28571);}.cell-2048 {color: white;background: #582e74;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0.55556), inset 0 0 0 1px rgba(255, 255, 255, 0.33333);}.cell-4096 {color: white;background: #582e74;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.38);}.cell-8192 {color: white;background: #582e74;box-shadow: 0 0 30px 5px rgba(0, 0, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.43);}.repo-link {margin-top: 40px;margin-right: 20px;text-align: right;}.score-points, .best-points, .score-container, .best-container {box-sizing: content-box;}.tile .tile-inner img {vertical-align: initial;}.above-game {display: flex;align-items: center;justify-content: space-between;}.above-game a {background: #f888a9;border-radius: 3px;padding: 0px 5px;text-decoration: none;color: #693947;height: 40px;line-height: 42px;display: block;text-align: center;min-width: 30%;}.above-game a:hover {background: #e66f94;color: #693947;}.above-game a:active {background: #cc5d80;}.undo-button {opacity: 0.4;}@media screen and (max-width: 520px) {.above-game a {box-sizing: border-box;margin-top: 2px;}.game-type-custom .tile .tile-inner .tile-text {font-size: 1.2rem;min-width: 1.2rem;}}