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:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#d6cdc4;border-radius:5px;width:75px;height:75px;transition:transform .3s,opacity .3s}.field-cell--new{opacity:0;animation:.3s ease-out forwards new-tile-animation;transform:scale(0)}@keyframes new-tile-animation{0%{opacity:.5;transform:scale(0)}to{opacity:1;transform:scale(1)}}.field-cell--appear{transition:transform .2s ease-out;transform:scale(1.05)}.field-cell--merge{animation:.3s ease-out merge-animation}@keyframes merge-animation{0%{background:0 0;transform:scale(1.2)}to{background:inherit;transform:scale(1)}}.field-cell--move{transition:transform .3s}.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-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}.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}.game-over-overlay{opacity:0;z-index:1000;background-color:rgba(0,0,0,.7);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;transition:opacity 1s ease-in-out;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0}.game-over-overlay.show{opacity:1}.game-over-message{color:#fff;text-align:center;background-color:rgba(0,0,0,.8);border-radius:10px;padding:20px;font-size:2em}.win-overlay{opacity:0;z-index:1000;background-color:rgba(237,194,46,.32);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;transition:opacity 1s ease-in-out;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0}.win-overlay.show{opacity:1}.win-message{color:#edc22e;text-align:center;background-color:rgba(119,34,34,.66);border-radius:10px;padding:20px;font-size:2em}.confetti-container{pointer-events:none;z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti{opacity:.7;background-color:red;width:10px;height:10px;animation:linear infinite confetti-fall;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100vh)}to{opacity:0;transform:translateY(100vh)}}.hidden{display:none}
/*# sourceMappingURL=index.39181c95.css.map */