@font-face{font-family:Clear Sans;font-style:normal;font-weight:200;src:url(ClearSans-Light-webfont.b7278597.eot);src:url(ClearSans-Light-webfont.b7278597.eot#iefix) format("embedded-opentype"),url(ClearSans-Light-webfont.49186c20.svg#clear_sans_lightregular) format("svg"),url(ClearSans-Light-webfont.0e1b7cfe.woff) format("woff")}@font-face{font-family:Clear Sans;font-style:normal;font-weight:400;src:url(ClearSans-Regular-webfont.3fc3cc74.eot);src:url(ClearSans-Regular-webfont.3fc3cc74.eot#iefix) format("embedded-opentype"),url(ClearSans-Regular-webfont.35e88b07.svg#clear_sansregular) format("svg"),url(ClearSans-Regular-webfont.46d59d00.woff) format("woff")}@font-face{font-family:Clear Sans;font-style:normal;font-weight:700;src:url(ClearSans-Bold-webfont.d1fb0adb.eot);src:url(ClearSans-Bold-webfont.d1fb0adb.eot#iefix) format("embedded-opentype"),url(ClearSans-Bold-webfont.355bd108.svg#clear_sansbold) format("svg"),url(ClearSans-Bold-webfont.5095b002.woff) format("woff")}body,html{background:#faf8ef;color:#776e65;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-size:18px;margin:0;padding:0}body{margin:80px 0}.heading:after{clear:both;content:"";display:block}h1.title{display:block;float:left;font-size:80px;font-weight:700;margin:0}@-webkit-keyframes move-up{0%{opacity:1;top:25px}to{opacity:0;top:-50px}}@-moz-keyframes move-up{0%{opacity:1;top:25px}to{opacity:0;top:-50px}}@keyframes move-up{0%{opacity:1;top:25px}to{opacity:0;top:-50px}}.scores-container{float:right;text-align:right}.best-container,.score-container{background:#bbada0;border-radius:3px;color:#fff;display:inline-block;font-size:25px;font-weight:700;height:25px;line-height:47px;margin-top:8px;padding:15px 25px;position:relative;text-align:center}.best-container:after,.score-container:after{color:#eee4da;font-size:13px;left:0;line-height:13px;position:absolute;text-align:center;text-transform:uppercase;top:10px;width:100%}.best-container .score-addition,.score-container .score-addition{-webkit-animation:move-up .6s ease-in;-moz-animation:move-up .6s ease-in;animation:move-up .6s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;color:red;color:hsla(30,8%,43%,.9);font-size:25px;font-weight:700;line-height:25px;position:absolute;right:30px;z-index:100}.score-container:after{content:"Score"}.best-container:after{content:"Best"}p{line-height:1.65;margin-bottom:10px;margin-top:0}a{color:#776e65;cursor:pointer;font-weight:700;text-decoration:underline}strong.important{text-transform:uppercase}hr{border:none;border-bottom:1px solid #d8d4d0;margin-bottom:30px;margin-top:20px}.container{margin:0 auto;width:500px}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@-moz-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-container{-webkit-touch-callout:none;-ms-touch-callout:none;background:#bbada0;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:default;height:500px;margin-top:40px;padding:15px;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:500px}.game-container .game-message{-webkit-animation:fade-in .8s ease 1.2s;-moz-animation:fade-in .8s ease 1.2s;animation:fade-in .8s ease 1.2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;background:hsla(30,37%,89%,.5);bottom:0;display:none;left:0;position:absolute;right:0;text-align:center;top:0;z-index:100}.game-container .game-message p{font-size:60px;font-weight:700;height:60px;line-height:60px;margin-top:160px}.game-container .game-message .lower{display:block;margin-top:59px}.game-container .game-message a{background:#8f7a66;border-radius:3px;color:#f9f6f2;display:inline-block;height:40px;line-height:42px;margin-left:9px;padding:0 20px;text-decoration:none}.game-container .game-message a.keep-playing-button{display:none}.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-over,.game-container .game-message.game-won{display:block}.grid-container{position:absolute;z-index:1}.grid-row{margin-bottom:15px}.grid-row:last-child{margin-bottom:0}.grid-row:after{clear:both;content:"";display:block}.grid-cell{background:hsla(30,37%,89%,.35);border-radius:3px;float:left;height:146.67px;margin-right:15px;width:146.67px}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}.tile,.tile .tile-inner{height:147px;line-height:147px;width:147px}.tile.tile-position-1-1{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.tile.tile-position-1-2{-webkit-transform:translateY(162px);-moz-transform:translateY(162px);-ms-transform:translateY(162px);transform:translateY(162px)}.tile.tile-position-1-3{-webkit-transform:translateY(324px);-moz-transform:translateY(324px);-ms-transform:translateY(324px);transform:translateY(324px)}.tile.tile-position-2-1{-webkit-transform:translate(162px);-moz-transform:translate(162px);-ms-transform:translate(162px);transform:translate(162px)}.tile.tile-position-2-2{-webkit-transform:translate(162px,162px);-moz-transform:translate(162px,162px);-ms-transform:translate(162px,162px);transform:translate(162px,162px)}.tile.tile-position-2-3{-webkit-transform:translate(162px,324px);-moz-transform:translate(162px,324px);-ms-transform:translate(162px,324px);transform:translate(162px,324px)}.tile.tile-position-3-1{-webkit-transform:translate(324px);-moz-transform:translate(324px);-ms-transform:translate(324px);transform:translate(324px)}.tile.tile-position-3-2{-webkit-transform:translate(324px,162px);-moz-transform:translate(324px,162px);-ms-transform:translate(324px,162px);transform:translate(324px,162px)}.tile.tile-position-3-3{-webkit-transform:translate(324px,324px);-moz-transform:translate(324px,324px);-ms-transform:translate(324px,324px);transform:translate(324px,324px)}.tile{position:absolute;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;transition:.1s ease-in-out;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform}.tile .tile-inner{background:#eee4da;border-radius:3px;font-size:60px;font-weight:700;text-align:center;z-index:10}.tile.tile-1 .tile-inner{background:#eee4da}.tile.tile-1 .tile-inner,.tile.tile-2 .tile-inner{box-shadow:0 0 30px 10px hsla(47,84%,70%,0),inset 0 0 0 1px hsla(0,0%,100%,0)}.tile.tile-2 .tile-inner{background:#ede0c8}.tile.tile-3 .tile-inner{background:#f2b179;color:#f9f6f2}.tile.tile-5 .tile-inner{background:#f5905a;color:#f9f6f2}.tile.tile-8 .tile-inner{background:#f6795b;color:#f9f6f2}.tile.tile-13 .tile-inner{background:#f65838;color:#f9f6f2;font-size:50px}@media screen and (max-width:520px){.tile.tile-13 .tile-inner{font-size:40px}}.tile.tile-21 .tile-inner{background:#f63a11;color:#f9f6f2;font-size:50px}@media screen and (max-width:520px){.tile.tile-21 .tile-inner{font-size:40px}}.tile.tile-34 .tile-inner{background:#f61b00;color:#f9f6f2;font-size:50px}@media screen and (max-width:520px){.tile.tile-34 .tile-inner{font-size:40px}}.tile.tile-55 .tile-inner{background:#edcf72;box-shadow:0 0 30px 10px hsla(47,84%,70%,.238),inset 0 0 0 1px hsla(0,0%,100%,.143);color:#f9f6f2;font-size:50px}@media screen and (max-width:520px){.tile.tile-55 .tile-inner{font-size:40px}}.tile.tile-89 .tile-inner{background:#edcc61;box-shadow:0 0 30px 10px hsla(47,84%,70%,.317),inset 0 0 0 1px hsla(0,0%,100%,.19);color:#f9f6f2;font-size:50px}@media screen and (max-width:520px){.tile.tile-89 .tile-inner{font-size:40px}}.tile.tile-144 .tile-inner{background:#edc850;box-shadow:0 0 30px 10px hsla(47,84%,70%,.397),inset 0 0 0 1px hsla(0,0%,100%,.238);color:#f9f6f2;font-size:50px}@media screen and (max-width:520px){.tile.tile-144 .tile-inner{font-size:30px}}.tile.tile-233 .tile-inner{background:#edc53f;box-shadow:0 0 30px 10px hsla(47,84%,70%,.476),inset 0 0 0 1px hsla(0,0%,100%,.286);color:#f9f6f2;font-size:50px}@media screen and (max-width:520px){.tile.tile-233 .tile-inner{font-size:30px}}.tile.tile-377 .tile-inner{background:#edc22e;box-shadow:0 0 30px 10px hsla(47,84%,70%,.556),inset 0 0 0 1px hsla(0,0%,100%,.333);color:#f9f6f2;font-size:50px}@media screen and (max-width:520px){.tile.tile-377 .tile-inner{font-size:30px}}.tile.tile-610 .tile-inner{background:#edbf1d;box-shadow:0 0 30px 10px hsla(47,84%,70%,.556),inset 0 0 0 1px hsla(0,0%,100%,.333);color:#f9f6f2;font-size:50px}@media screen and (max-width:520px){.tile.tile-610 .tile-inner{font-size:30px}}.tile.tile-987 .tile-inner{background:#edbc0f;box-shadow:0 0 30px 10px hsla(47,84%,70%,.556),inset 0 0 0 1px hsla(0,0%,100%,.333);color:#f9f6f2;font-size:50px}@media screen and (max-width:520px){.tile.tile-987 .tile-inner{font-size:30px}}.tile.tile-super .tile-inner{background:#3c3a32;color:#f9f6f2;font-size:40px}@media screen and (max-width:520px){.tile.tile-super .tile-inner{font-size:20px}}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}to{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)}to{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)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.tile-new .tile-inner{-webkit-animation:appear .2s ease .1s;-moz-animation:appear .2s ease .1s;animation:appear .2s ease .1s;-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)}to{-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)}to{-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)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.tile-merged .tile-inner{-webkit-animation:pop .2s ease .1s;-moz-animation:pop .2s ease .1s;animation:pop .2s ease .1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards;z-index:20}.above-game:after{clear:both;content:"";display:block}.game-intro{float:left;line-height:42px;margin-bottom:0}.restart-button{background:#8f7a66;border-radius:3px;color:#f9f6f2;display:inline-block;display:block;float:right;height:40px;line-height:42px;padding:0 20px;text-align:center;text-decoration:none}.game-explanation{margin-top:50px}@media screen and (max-width:520px){body,html{font-size:15px}body{margin:20px 0;padding:0 20px}h1.title{font-size:27px;margin-top:15px}.container{margin:0 auto;width:280px}.best-container,.score-container{margin-top:0;min-width:40px;padding:15px 10px}.heading{margin-bottom:10px}.game-intro{line-height:1.65;width:55%}.game-intro,.restart-button{box-sizing:border-box;display:block}.restart-button{margin-top:2px;padding:0;width:42%}.game-container{-webkit-touch-callout:none;-ms-touch-callout:none;background:#bbada0;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:default;height:280px;margin-top:17px;padding:10px;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:280px}.game-container .game-message{-webkit-animation:fade-in .8s ease 1.2s;-moz-animation:fade-in .8s ease 1.2s;animation:fade-in .8s ease 1.2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;background:hsla(30,37%,89%,.5);bottom:0;display:none;left:0;position:absolute;right:0;text-align:center;top:0;z-index:100}.game-container .game-message p{font-size:60px;font-weight:700;height:60px;line-height:60px;margin-top:160px}.game-container .game-message .lower{display:block;margin-top:59px}.game-container .game-message a{background:#8f7a66;border-radius:3px;color:#f9f6f2;display:inline-block;height:40px;line-height:42px;margin-left:9px;padding:0 20px;text-decoration:none}.game-container .game-message a.keep-playing-button{display:none}.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-over,.game-container .game-message.game-won{display:block}.grid-container{position:absolute;z-index:1}.grid-row{margin-bottom:10px}.grid-row:last-child{margin-bottom:0}.grid-row:after{clear:both;content:"";display:block}.grid-cell{background:hsla(30,37%,89%,.35);border-radius:3px;float:left;height:80px;margin-right:10px;width:80px}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}.tile,.tile .tile-inner{height:80px;line-height:80px;width:80px}.tile.tile-position-1-1{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.tile.tile-position-1-2{-webkit-transform:translateY(90px);-moz-transform:translateY(90px);-ms-transform:translateY(90px);transform:translateY(90px)}.tile.tile-position-1-3{-webkit-transform:translateY(180px);-moz-transform:translateY(180px);-ms-transform:translateY(180px);transform:translateY(180px)}.tile.tile-position-2-1{-webkit-transform:translate(90px);-moz-transform:translate(90px);-ms-transform:translate(90px);transform:translate(90px)}.tile.tile-position-2-2{-webkit-transform:translate(90px,90px);-moz-transform:translate(90px,90px);-ms-transform:translate(90px,90px);transform:translate(90px,90px)}.tile.tile-position-2-3{-webkit-transform:translate(90px,180px);-moz-transform:translate(90px,180px);-ms-transform:translate(90px,180px);transform:translate(90px,180px)}.tile.tile-position-3-1{-webkit-transform:translate(180px);-moz-transform:translate(180px);-ms-transform:translate(180px);transform:translate(180px)}.tile.tile-position-3-2{-webkit-transform:translate(180px,90px);-moz-transform:translate(180px,90px);-ms-transform:translate(180px,90px);transform:translate(180px,90px)}.tile.tile-position-3-3{-webkit-transform:translate(180px,180px);-moz-transform:translate(180px,180px);-ms-transform:translate(180px,180px);transform:translate(180px,180px)}.tile .tile-inner{font-size:40px}.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}}
/*# sourceMappingURL=index.6eb33f5c.css.map */