body{background:#fbf8ef;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:100vh;margin:0;font-family:sans-serif;font-size:24px;font-weight:900;display:-ms-flexbox;display:flex}.field-cell{color:#776e65;box-sizing:border-box;text-align:center;vertical-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#d6cdc4;border-radius:5px;width:75px;height:75px}.field-cell--2{background:#eee4da}.field-cell--4{background:#ede0c8}.field-cell--8{color:#f9f6f2;background:#f2b179}.field-cell--16{color:#f9f6f2;background:#f59563}.field-cell--32{color:#f9f6f2;background:#f67c5f}.field-cell--64{color:#f9f6f2;background:#f65e3b}.field-cell--128{color:#f9f6f2;background:#edcf72}.field-cell--256{color:#f9f6f2;background:#edcc61}.field-cell--512{color:#f9f6f2;background:#edc850}.field-cell--1024{color:#f9f6f2;background:#edc53f}.field-cell--2048{color:#f9f6f2;background:#edc22e}.game-field{border-spacing:10px;background:#bbada0;border-radius:5px}.game-field-wrapper{display:inline-block;position:relative}.tile-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.tile-pos{will-change:transform;width:75px;height:75px;position:absolute;top:0;left:0}.tile{color:#776e65;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#d6cdc4;border-radius:5px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;font-size:24px;font-weight:900;display:-ms-flexbox;display:flex}.tile--2{background:#eee4da}.tile--4{background:#ede0c8}.tile--8{color:#f9f6f2;background:#f2b179}.tile--16{color:#f9f6f2;background:#f59563}.tile--32{color:#f9f6f2;background:#f67c5f}.tile--64{color:#f9f6f2;background:#f65e3b}.tile--128{color:#f9f6f2;background:#edcf72}.tile--256{color:#f9f6f2;background:#edcc61}.tile--512{color:#f9f6f2;background:#edc850}.tile--1024{color:#f9f6f2;background:#edc53f;font-size:18px}.tile--2048{color:#f9f6f2;background:#edc22e;font-size:18px}.tile--appear{animation:.1s tile-appear}.tile--merge{animation:.2s tile-merge}@keyframes tile-appear{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes tile-merge{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.game-header{box-sizing:border-box;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:24px;padding:10px;display:-ms-flexbox;display:flex}h1{color:#f9f6f2;box-sizing:border-box;background:#edc22e;border-radius:5px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:75px;height:75px;margin:0;font-size:24px;display:-ms-flexbox;display:flex}.info{color:#776e65;box-sizing:border-box;background:#d6cdc4;border-radius:5px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:75px;height:75px;margin:0 8px 0 0;font-size:16px;display:-ms-flexbox;display:flex}.controls{display:-ms-flexbox;display:flex}.button{cursor:pointer;color:#f9f6f2;border:none;border-radius:5px;width:75px;height:75px;font-family:sans-serif;font-size:16px;font-weight:700;transition:background .25s}.start{background:#1dae28;font-size:20px}.start:hover{background:#179921}.restart{background:#f1b2b2}.restart:hover{background:#f87474}.message{box-sizing:border-box;color:#776e65;text-align:center;background:#d6cdc4;border-radius:5px;width:100%;padding:10px;font-size:20px}.hidden{display:none}.container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:350px;display:-ms-flexbox;display:flex}.message-win{color:#f9f6f2;background:#edc22e}.message-container{width:100%;height:150px}
/*# sourceMappingURL=index.396d7240.css.map */