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{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#d6cdc4;border-radius:5px;width:75px;height:75px}.game-field{border-spacing:10px;background:#bbada0;border-radius:5px}.board{display:inline-block;position:relative}.tiles{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.tile{will-change:transform;border-radius:5px;width:75px;height:75px;transition:transform .14s ease-in-out;position:absolute}.tile__inner{box-sizing:border-box;color:#776e65;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;display:-ms-flexbox;display:flex}.tile__inner--spawn{animation:.14s ease-out spawn}@keyframes spawn{0%{transform:scale(.6)}to{transform:scale(1)}}.tile__inner--merge{animation:.16s ease-out merge}@keyframes merge{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.tile--2 .tile__inner{background:#eee4da}.tile--4 .tile__inner{background:#ede0c8}.tile--8 .tile__inner{color:#f9f6f2;background:#f2b179}.tile--16 .tile__inner{color:#f9f6f2;background:#f59563}.tile--32 .tile__inner{color:#f9f6f2;background:#f67c5f}.tile--64 .tile__inner{color:#f9f6f2;background:#f65e3b}.tile--128 .tile__inner{color:#f9f6f2;background:#edcf72}.tile--256 .tile__inner{color:#f9f6f2;background:#edcc61}.tile--512 .tile__inner{color:#f9f6f2;background:#edc850}.tile--1024 .tile__inner{color:#f9f6f2;background:#edc53f}.tile--2048 .tile__inner{color:#f9f6f2;background:#edc22e}.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}@media (prefers-reduced-motion:reduce){.tile{transition:none}.tile__inner--spawn,.tile__inner--merge{animation:none}}
/*# sourceMappingURL=index.a33d95f2.css.map */