html,body{margin:0;padding:0;background:#faf8ef;color:#776e65;font-family:"Clear Sans", "Helvetica Neue", Arial, sans-serif;font-size:18px}body{margin:0}.hide{display:none}.heading:after{content:"";display:block;clear:both}h1.title{font-size:80px;font-weight:bold;margin:0;display:block}@-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}}.num-container{float:left;text-align:left}.scores-container{float:right;text-align:right}.target-container,.time-container,.score-container,.best-container{position:relative;display:inline-block;background:#bbada0;padding:15px 25px;font-size:22px;height:25px;line-height:47px;font-weight:bold;border-radius:3px;color:white;margin-top:8px;margin-left:5px;text-align:center;float:left}.target-container{margin-left:0}.target-container.num-1000,.time-container.num-1000,.score-container.num-1000,.best-container.num-1000{font-size:20px}.target-container.num-10000,.time-container.num-10000,.score-container.num-10000,.best-container.num-10000{font-size:16px}.target-container.num-100000,.time-container.num-100000,.score-container.num-100000,.best-container.num-100000{font-size:14px}.target-container .x-title,.time-container .x-title,.score-container .x-title,.best-container .x-title{position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:#eee4da}.target-container .x-title{color:#eee4da}.target-container .x-the-num{color:#f1f1f1}.score-container .score-addition{position:absolute;left:30%;color:#b00;font-size:25px;line-height:25px;font-weight:bold;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}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}.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}.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}.game-container .msg-animation{-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:222px;text-align:center;color:#f00}.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:0 5px}.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(237, 194, 46, .5);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, .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, 0);-moz-transform:translate(0px, 0);transform:translate(0px, 0)}.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, 0);-moz-transform:translate(121px, 0);transform:translate(121px, 0)}.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, 0);-moz-transform:translate(242px, 0);transform:translate(242px, 0)}.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, 0);-moz-transform:translate(363px, 0);transform:translate(363px, 0)}.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:#eee4da;text-align:center;font-weight:bold;z-index:10;font-size:55px}.tile.tile-2 .tile-inner{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{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, .2381), inset 0 0 0 1px rgba(255, 255, 255, .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, .31746), inset 0 0 0 1px rgba(255, 255, 255, .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, .39683), inset 0 0 0 1px rgba(255, 255, 255, .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, .47619), inset 0 0 0 1px rgba(255, 255, 255, .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, .55556), inset 0 0 0 1px rgba(255, 255, 255, .33333);font-size:35px}@media screen and (max-width: 520px){.tile.tile-2048 .tile-inner{font-size:15px}}.tile.tile-4096 .tile-inner{color:#f9f6f2;background:#ed9e3e;box-shadow:0 0 30px 10px rgba(243, 215, 116, .65556), inset 0 0 0 1px rgba(255, 255, 255, .43333);font-size:35px}@media screen and (max-width: 520px){.tile.tile-4096 .tile-inner{font-size:15px}}.tile.tile-8192 .tile-inner{color:#f9f6f2;background:#ed6e1e;box-shadow:0 0 30px 10px rgba(243, 215, 116, .75556), inset 0 0 0 1px rgba(255, 255, 255, .53333);font-size:35px}@media screen and (max-width: 520px){.tile.tile-8192 .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);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}.game-intro{margin-bottom:0}.game-explanation{margin-top:50px}@media screen and (max-width: 520px){html,body{font-size:15px}h1.title{font-size:20px}.container{width:280px;padding:10px 0;margin:0 auto}.target-container,.time-container,.score-container,.best-container{margin-top:0;padding:15px 8px;min-width:40px}.heading{margin-bottom:10px}.game-container{margin-top:40px;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}.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(237, 194, 46, .5);z-index:100;text-align:center}.game-container .game-message p{font-size:60px;font-weight:bold;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 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(237, 194, 46, .5);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, .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, 0);-moz-transform:translate(0px, 0);transform:translate(0px, 0)}.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, 0);-moz-transform:translate(67px, 0);transform:translate(67px, 0)}.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, 0);-moz-transform:translate(135px, 0);transform:translate(135px, 0)}.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, 0);-moz-transform:translate(202px, 0);transform:translate(202px, 0)}.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)}.game-container{margin-top:20px}.tile .tile-inner{font-size:35px}.game-message p{font-size:30px !important;height:30px !important;line-height:30px !important;margin-top:50px !important}.game-message .lower{margin-top:90px !important}}.mod-other{padding:10px 20px}.mod-weixin{font-size:12px;padding:10px 0 0;line-height:20px}.mod-weixin b{margin:0 0 10px;font-size:15px}.mod-audio{display:none}#wx_android{float:right}.mod-settings .setting-pannel{display:none;position:absolute;left:0;top:0;bottom:0;right:0;z-index:10000;background:rgba(0,0,0,0.6)}.mod-settings .setting-pannel .sp-inner{width:200px;margin:100px auto 0;padding:10px 20px;background:#f1f1f1;border-radius:4px;line-height:40px}
.mod-settings .setting-pannel .btn-confirm{height:26px;background:#1c94c4;padding:0 15px;color:#fff;border:1px solid #1c94c4;border-radius:2px}.mod-settings .setting-pannel .x-btn{margin:20px 0 0;padding-top:10px;border-top:1px solid #ddd;text-align:center}.mod-loading{display:none;position:absolute;left:0;top:0;bottom:0;right:0;z-index:10001;padding:70px 0 0;text-align:center;line-height:40px;font-size:20px;background:rgba(255,255,255,0.9)}.mod-loading img{width:100px}