*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{background:linear-gradient(135deg,#fbf8ef 0%,#f3ede3 100%);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:100vh;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;display:-ms-flexbox;display:flex;overflow-x:hidden}.container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;max-width:400px;padding:20px;display:-ms-flexbox;display:flex}.game-header{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:20px;display:-ms-flexbox;display:flex}.title{color:#f9f6f2;background:#edc22e;border-radius:6px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100px;height:100px;font-size:32px;font-weight:700;display:-ms-flexbox;display:flex;box-shadow:0 4px 8px rgba(0,0,0,.1)}.controls{-ms-flex-direction:column;flex-direction:column;gap:10px;display:-ms-flexbox;display:flex}.info{color:#f9f6f2;text-transform:uppercase;background:#bbada0;border-radius:6px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:120px;height:45px;font-size:13px;font-weight:700;display:-ms-flexbox;display:flex}.info .game-score{font-size:20px;font-weight:700;line-height:1;display:block}.button{cursor:pointer;color:#f9f6f2;background:#8f7a66;border:none;border-radius:6px;width:120px;height:45px;font-size:16px;font-weight:700;transition:background-color .2s,transform .2s;box-shadow:0 4px 6px rgba(0,0,0,.1)}.button:active{transform:scale(.96)}.start{background:#8f7a66}.start:hover{background:#716151}.game-field{border-spacing:12px;table-layout:fixed;background:#bbada0;border-radius:6px;width:100%;max-width:360px;height:360px;margin-bottom:20px;box-shadow:0 8px 16px rgba(0,0,0,.15)}.field-cell{text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#cdc1b4;border-radius:4px;width:75px;height:75px;font-size:28px;font-weight:700;transition:background-color .15s,color .15s;animation:.2s ease-out appearance}.field-cell--2{color:#776e65;background:#eee4da}.field-cell--4{color:#776e65;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;font-size:24px}.field-cell--256{color:#f9f6f2;background:#edcc61;font-size:24px}.field-cell--512{color:#f9f6f2;background:#edc850;font-size:24px}.field-cell--1024{color:#f9f6f2;background:#edc53f;font-size:18px}.field-cell--2048{color:#f9f6f2;background:#edc22e;font-size:18px}.message-container{-ms-flex-align:center;align-items:center;width:100%;min-height:80px;display:-ms-flexbox;display:flex}.message{color:#776e65;text-align:center;background:#eee4da;border-radius:6px;width:100%;padding:15px;font-size:18px;font-weight:700;animation:.3s ease-out slide-in;box-shadow:0 4px 6px rgba(0,0,0,.05)}.message-win{color:#f9f6f2;background:#edc22e}.message-lose{color:#8b1919;background:#f1b2b2}.hidden{display:none}@keyframes appearance{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=index.ffdd7021.css.map */