a,body,html{color:#776e65}.tile.tile-2,.tile.tile-4{box-shadow:0 0 30px 10px rgba(243,215,116,0),inset 0 0 0 1px rgba(255,255,255,0)}body,html{margin:0;padding:0;background:#faf8ef;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:18px;height:90vh;display:flex;align-items:center;justify-content:center;overscroll-behavior-y: contain;}body{margin:80px 0}.grid-row:after,.heading:after{content:"";display:block;clear:both}h1.title{font-size:80px;font-weight:700;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}.best-container,.score-container{position:relative;display:inline-block;background:#bbada0;padding:15px 25px;font-size:25px;height:25px;line-height:47px;font-weight:700;border-radius:3px;color:#fff;margin-top:8px;text-align:center}.best-container:after,.score-container:after{position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:#eee4da}.best-container .score-addition,.score-container .score-addition{position:absolute;right:30px;font-size:25px;line-height:25px;font-weight:700;color:rgba(119,110,101,.9);z-index:100;-webkit-animation:.6s ease-in both move-up;-moz-animation:.6s ease-in both move-up}.score-container:after{content:"Score"}.best-container:after{content:"Best"}p{margin-top:0;margin-bottom:10px;line-height:1.65}a{font-weight:700;text-decoration:underline;cursor:pointer}strong.important{text-transform:uppercase}hr{border:none;border-bottom:1px solid #d8d4d0;margin-top:20px;margin-bottom:30px}.container{width:500px;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:40px;position:relative;padding:15px;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;background:#bbada0;border-radius:6px;width:500px;height:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.grid-cell,.tile{width:106.25px;height:106.25px;border-radius:3px}.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(238,228,218,.5);z-index:100;text-align:center;-webkit-animation:.8s 1.2s both fade-in;-moz-animation:.8s 1.2s both fade-in}.game-container .game-message p{font-size:60px;font-weight:700;height:60px;line-height:60px;margin-top:222px}.game-container .game-message .lower{display:block;margin-top:59px}.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.game-won{background:rgba(237,194,46,.5);color:#f9f6f2}.game-container .game-message.game-over,.game-container .game-message.game-won{display:block}.grid-container{position:absolute;z-index:1}.grid-row{margin-bottom:15px}.game-intro,.grid-row:last-child{margin-bottom:0}.grid-cell{margin-right:15px;float:left;background:rgba(238,228,218,.35)}.tile,.tile.tile-2{background:#eee4da}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}.tile{line-height:116.25px;text-align:center;font-weight:700;z-index:10;font-size:55px;-webkit-transition:top .1s ease-in-out,left .1s ease-in-out;-moz-transition:top .1s ease-in-out,left .1s ease-in-out}.tile.tile-position-1-1{position:absolute;left:0;top:0}.tile.tile-position-1-2{position:absolute;left:0;top:121px}.tile.tile-position-1-3{position:absolute;left:0;top:243px}.tile.tile-position-1-4{position:absolute;left:0;top:364px}.tile.tile-position-2-1{position:absolute;left:121px;top:0}.tile.tile-position-2-2{position:absolute;left:121px;top:121px}.tile.tile-position-2-3{position:absolute;left:121px;top:243px}.tile.tile-position-2-4{position:absolute;left:121px;top:364px}.tile.tile-position-3-1{position:absolute;left:243px;top:0}.tile.tile-position-3-2{position:absolute;left:243px;top:121px}.tile.tile-position-3-3{position:absolute;left:243px;top:243px}.tile.tile-position-3-4{position:absolute;left:243px;top:364px}.tile.tile-position-4-1{position:absolute;left:364px;top:0}.tile.tile-position-4-2{position:absolute;left:364px;top:121px}.tile.tile-position-4-3{position:absolute;left:364px;top:243px}.tile.tile-position-4-4{position:absolute;left:364px;top:364px}.tile.tile-4{background:#ede0c8}.tile.tile-8{color:#f9f6f2;background:#f2b179}.tile.tile-16{color:#f9f6f2;background:#f59563}.tile.tile-32{color:#f9f6f2;background:#f67c5f}.tile.tile-64{color:#f9f6f2;background:#f65e3b}.tile.tile-128{color:#f9f6f2;background:#edcf72;box-shadow:0 0 30px 10px rgba(243,215,116,.2381),inset 0 0 0 1px rgba(255,255,255,.14286);font-size:45px}.tile.tile-256{color:#f9f6f2;background:#edcc61;box-shadow:0 0 30px 10px rgba(243,215,116,.31746),inset 0 0 0 1px rgba(255,255,255,.19048);font-size:45px}.tile.tile-512{color:#f9f6f2;background:#edc850;box-shadow:0 0 30px 10px rgba(243,215,116,.39683),inset 0 0 0 1px rgba(255,255,255,.2381);font-size:45px}.tile.tile-1024{color:#f9f6f2;background:#edc53f;box-shadow:0 0 30px 10px rgba(243,215,116,.47619),inset 0 0 0 1px rgba(255,255,255,.28571);font-size:35px}.tile.tile-2048{color:#f9f6f2;background:#edc22e;box-shadow:0 0 30px 10px rgba(243,215,116,.55556),inset 0 0 0 1px rgba(255,255,255,.33333);font-size:35px}.tile.tile-4096{color:#f9f6f2;background:#a980bc;box-shadow:0 0 30px 10px rgba(169,128,188,.55556),inset 0 0 0 1px rgba(255,255,255,.33333);font-size:35px}.tile.tile-8192{color:#222;background:#1e90ff;box-shadow:0 0 30px 10px rgba(0,255,255,.55556),inset 0 0 0 1px rgba(255,255,255,.33333);font-size:35px}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1)}}@-moz-keyframes appear{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1)}}@keyframes appear{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1)}}.tile-new{-webkit-animation:.2s .1s both appear;-moz-animation:.2s .1s both appear}@-webkit-keyframes pop{0%{-webkit-transform:scale(0);-moz-transform:scale(0)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1)}}@-moz-keyframes pop{0%{-webkit-transform:scale(0);-moz-transform:scale(0)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(0);-moz-transform:scale(0)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1)}}.tile-merged{z-index:20;-webkit-animation:.2s .1s both pop;-moz-animation:.2s .1s both pop}.game-explanation{margin-top:50px}@media screen and (max-width:480px){.tile.tile-128,.tile.tile-256,.tile.tile-512{font-size:25px}.tile.tile-1024,.tile.tile-2048,.tile.tile-4096,.tile.tile-8192,body,html{font-size:15px}body{margin:20px 0;padding:0 20px}h1.title{font-size:27px;margin-top:15px}.container{width:280px;margin:0 auto}.best-container,.score-container{margin-top:0;padding:15px 10px;min-width:40px}.grid-row,.heading{margin-bottom:10px}.game-container{position:relative;padding:10px;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;background:#bbada0;border-radius:6px;width:280px;height:280px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:20px}.grid-cell,.tile{width:57.5px;height:57.5px}.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(238,228,218,.5);z-index:100;text-align:center;-webkit-animation:.8s 1.2s both fade-in;-moz-animation:.8s 1.2s both fade-in}.game-container .game-message p{font-size:60px;font-weight:700;height:60px;line-height:60px;margin-top:222px}.game-container .game-message .lower{display:block;margin-top:59px}.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.game-won{background:rgba(237,194,46,.5);color:#f9f6f2}.game-container .game-message.game-over,.game-container .game-message.game-won{display:block}.grid-container{position:absolute;z-index:1}.grid-row:last-child{margin-bottom:0}.grid-row:after{content:"";display:block;clear:both}.grid-cell{margin-right:10px;float:left;border-radius:3px;background:rgba(238,228,218,.35)}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}.tile{line-height:67.5px;font-size:35px}.tile.tile-position-1-1{position:absolute;left:0;top:0}.tile.tile-position-1-2{position:absolute;left:0;top:68px}.tile.tile-position-1-3{position:absolute;left:0;top:135px}.tile.tile-position-1-4{position:absolute;left:0;top:203px}.tile.tile-position-2-1{position:absolute;left:68px;top:0}.tile.tile-position-2-2{position:absolute;left:68px;top:68px}.tile.tile-position-2-3{position:absolute;left:68px;top:135px}.tile.tile-position-2-4{position:absolute;left:68px;top:203px}.tile.tile-position-3-1{position:absolute;left:135px;top:0}.tile.tile-position-3-2{position:absolute;left:135px;top:68px}.tile.tile-position-3-3{position:absolute;left:135px;top:135px}.tile.tile-position-3-4{position:absolute;left:135px;top:203px}.tile.tile-position-4-1{position:absolute;left:203px;top:0}.tile.tile-position-4-2{position:absolute;left:203px;top:68px}.tile.tile-position-4-3{position:absolute;left:203px;top:135px}.tile.tile-position-4-4{position:absolute;left:203px;top:203px}.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}}