body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.heading{align-items:center;display:flex;margin-bottom:20px;width:503px}@media screen and (max-width:520px){.heading{margin-bottom:12px;width:303px}}.scores-container{align-items:center;display:flex;flex-wrap:wrap;font-family:ClearSans,sans-serif;justify-content:space-between;width:100%}.best-container,.score-container{background:#bbada0;border-radius:4px;text-align:center}.best-container,.score-container{height:55px;width:105px}.score-title{color:#eee4da;font-size:13px}.score-content{color:#fff;font-size:25px;font-weight:700}.two-button{display:flex;justify-content:space-between;width:231px}.new-game-button,.replay-button{background:#8f7a66;border-radius:4px;color:#eee4da;cursor:pointer;font-weight:700;height:50px;line-height:50px;text-align:center;-webkit-user-select:none;user-select:none;width:100px}@media screen and (max-width:520px){.two-button{display:flex;flex-wrap:wrap;justify-content:space-between;width:100px}.new-game-button,.replay-button{height:25px;line-height:25px}.replay-button{margin-top:5px}.best-container,.score-container{height:55px;width:90px}}.tile{position:absolute;transition:.1s ease-in-out}.tile-inner{border-radius:3px;box-sizing:border-box;font-family:ClearSans,sans-serif;font-weight:700;height:107px;line-height:107px;text-align:center;width:107px}@media screen and (max-width:520px){.tile-inner{height:64px;line-height:64px;width:64px}}.tile .tile-inner{background:#fff;color:#ff2525;font-size:25px}@media screen and (max-width:520px){.tile .tile-inner{font-size:15px}}.tile-position-1-1{-webkit-transform:translate(0);transform:translate(0)}.tile-position-2-1{-webkit-transform:translate(122px);transform:translate(122px)}.tile-position-3-1{-webkit-transform:translate(244px);transform:translate(244px)}.tile-position-4-1{-webkit-transform:translate(366px);transform:translate(366px)}.tile-position-1-2{-webkit-transform:translateY(122px);transform:translateY(122px)}.tile-position-2-2{-webkit-transform:translate(122px,122px);transform:translate(122px,122px)}.tile-position-3-2{-webkit-transform:translate(244px,122px);transform:translate(244px,122px)}.tile-position-4-2{-webkit-transform:translate(366px,122px);transform:translate(366px,122px)}.tile-position-1-3{-webkit-transform:translateY(244px);transform:translateY(244px)}.tile-position-2-3{-webkit-transform:translate(122px,244px);transform:translate(122px,244px)}.tile-position-3-3{-webkit-transform:translate(244px,244px);transform:translate(244px,244px)}.tile-position-4-3{-webkit-transform:translate(366px,244px);transform:translate(366px,244px)}.tile-position-1-4{-webkit-transform:translateY(366px);transform:translateY(366px)}.tile-position-2-4{-webkit-transform:translate(122px,366px);transform:translate(122px,366px)}.tile-position-3-4{-webkit-transform:translate(244px,366px);transform:translate(244px,366px)}.tile-position-4-4{-webkit-transform:translate(366px,366px);transform:translate(366px,366px)}@media screen and (max-width:520px){.tile-position-1-1{-webkit-transform:translate(0);transform:translate(0)}.tile-position-2-1{-webkit-transform:translate(73px);transform:translate(73px)}.tile-position-3-1{-webkit-transform:translate(146px);transform:translate(146px)}.tile-position-4-1{-webkit-transform:translate(219px);transform:translate(219px)}.tile-position-1-2{-webkit-transform:translateY(73px);transform:translateY(73px)}.tile-position-2-2{-webkit-transform:translate(73px,73px);transform:translate(73px,73px)}.tile-position-3-2{-webkit-transform:translate(146px,73px);transform:translate(146px,73px)}.tile-position-4-2{-webkit-transform:translate(219px,73px);transform:translate(219px,73px)}.tile-position-1-3{-webkit-transform:translateY(146px);transform:translateY(146px)}.tile-position-2-3{-webkit-transform:translate(73px,146px);transform:translate(73px,146px)}.tile-position-3-3{-webkit-transform:translate(146px,146px);transform:translate(146px,146px)}.tile-position-4-3{-webkit-transform:translate(219px,146px);transform:translate(219px,146px)}.tile-position-1-4{-webkit-transform:translateY(219px);transform:translateY(219px)}.tile-position-2-4{-webkit-transform:translate(73px,219px);transform:translate(73px,219px)}.tile-position-3-4{-webkit-transform:translate(146px,219px);transform:translate(146px,219px)}.tile-position-4-4{-webkit-transform:translate(219px,219px);transform:translate(219px,219px)}}.tile .tile-inner{background-position:50%;background-repeat:no-repeat;background-size:cover}.tile.tile-2 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#776e65;font-size:55px}@media screen and (max-width:520px){.tile.tile-2 .tile-inner{font-size:35px}}.tile.tile-4 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#776e65;font-size:55px}@media screen and (max-width:520px){.tile.tile-4 .tile-inner{font-size:35px}}.tile.tile-8 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:55px}@media screen and (max-width:520px){.tile.tile-8 .tile-inner{font-size:35px}}.tile.tile-16 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:55px}@media screen and (max-width:520px){.tile.tile-16 .tile-inner{font-size:35px}}.tile.tile-32 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:55px}@media screen and (max-width:520px){.tile.tile-32 .tile-inner{font-size:35px}}.tile.tile-64 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:55px}@media screen and (max-width:520px){.tile.tile-64 .tile-inner{font-size:35px}}.tile.tile-128 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:45px}@media screen and (max-width:520px){.tile.tile-128 .tile-inner{font-size:27px}}.tile.tile-256 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:45px}@media screen and (max-width:520px){.tile.tile-256 .tile-inner{font-size:27px}}.tile.tile-512 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:45px}@media screen and (max-width:520px){.tile.tile-512 .tile-inner{font-size:27px}}.tile.tile-1024 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:35px}@media screen and (max-width:520px){.tile.tile-1024 .tile-inner{font-size:21px}}.tile.tile-2048 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:35px}@media screen and (max-width:520px){.tile.tile-2048 .tile-inner{font-size:21px}}.tile.tile-4096 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:35px}@media screen and (max-width:520px){.tile.tile-4096 .tile-inner{font-size:21px}}.tile.tile-8192 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:35px}@media screen and (max-width:520px){.tile.tile-8192 .tile-inner{font-size:21px}}.tile.tile-16384 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:30px}@media screen and (max-width:520px){.tile.tile-16384 .tile-inner{font-size:18px}}.tile.tile-32768 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:30px}@media screen and (max-width:520px){.tile.tile-32768 .tile-inner{font-size:18px}}.tile.tile-65536 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:30px}@media screen and (max-width:520px){.tile.tile-65536 .tile-inner{font-size:18px}}.tile.tile-131072 .tile-inner{background-image:url(/static/media/k.c0edf96b0eabf2261c91.gif);color:#f9f6f2;font-size:25px}@media screen and (max-width:520px){.tile.tile-131072 .tile-inner{font-size:15px}}.tile.tile-2{z-index:2}.tile.tile-4{z-index:3}.tile.tile-8{z-index:4}.tile.tile-16{z-index:5}.tile.tile-32{z-index:6}.tile.tile-64{z-index:7}.tile.tile-128{z-index:8}.tile.tile-256{z-index:9}.tile.tile-512{z-index:10}.tile.tile-1024{z-index:11}.tile.tile-2048{z-index:12}.tile.tile-4096{z-index:13}.tile.tile-8192{z-index:14}.tile.tile-16384{z-index:15}.tile.tile-32768{z-index:16}.tile.tile-65536{z-index:17}.tile.tile-131072{z-index:18}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.tile-new .tile-inner{-webkit-animation:appear .2s ease .1s;animation:appear .2s ease .1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.tile-merged .tile-inner{-webkit-animation:pop .2s ease .1s;animation:pop .2s ease .1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.game-container{border-radius:6px;cursor:default;height:503px;padding:15px;-webkit-user-select:none;user-select:none;width:503px}.game-container,.grid-container{background:#bbada0;box-sizing:border-box}.grid-container{grid-gap:15px;display:grid;grid-template-columns:auto auto auto auto;grid-template-rows:auto auto auto auto;height:473px;position:absolute;width:473px}.grid-cell{background:hsla(30,37%,89%,.35);border-radius:3px;box-sizing:border-box;height:107px;margin:0;width:107px}.tile-container{position:absolute;z-index:auto}@media screen and (max-width:520px){.game-container{border-radius:6px;height:303px;padding:9px;width:303px}.grid-container{grid-gap:9px;height:283px;width:283px}.grid-cell{height:64px;width:64px}}body{background-color:#fff}@media (prefers-color-scheme:dark){body{background-color:#191919}}#root{display:flex;justify-content:center}.container{margin-top:max((100vh - 578px - 10px)/2 - 75px,10px)}@media screen and (max-width:520px){.container{margin-top:max((100vh - 370px - 10px)/2 - 67px,10px)}}.main{display:flex}@font-face{font-family:ClearSans;font-weight:400;src:url(/static/media/ClearSans-Regular-webfont.72f3056dc3712326ce55.woff)}@font-face{font-family:ClearSans;font-weight:700;src:url(/static/media/ClearSans-Bold-webfont.92762598f32932934f7f.woff)}