body{margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fbf8ef;font-family:sans-serif;font-size:24px;font-weight:900}.field-cell{background:#d6cdc4;width:75px;height:75px;border-radius:5px;color:#776e65;box-sizing:border-box;user-select:none;text-align:center}.field-cell--2{background:#eee4da}.field-cell--4{background:#ede0c8}.field-cell--8{background:#f2b179;color:#f9f6f2}.field-cell--16{background:#f59563;color:#f9f6f2}.field-cell--32{background:#f67c5f;color:#f9f6f2}.field-cell--64{background:#f65e3b;color:#f9f6f2}.field-cell--128{background:#edcf72;color:#f9f6f2}.field-cell--256{background:#edcc61;color:#f9f6f2}.field-cell--512{background:#edc850;color:#f9f6f2}.field-cell--1024{background:#edc53f;color:#f9f6f2}.field-cell--2048{background:#edc22e;color:#f9f6f2}.game-field{background:#bbada0;border-spacing:10px;border-radius:5px;position:relative}.game-header{display:flex;width:100%;justify-content:space-between;margin-bottom:24px;padding:10px;box-sizing:border-box}h1{background:#edc22e;color:#f9f6f2;font-size:24px;margin:0}.info,h1{width:75px;height:75px;border-radius:5px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.info{flex-direction:column;background:#d6cdc4;color:#776e65;font-size:16px;margin:0 8px 0 0;position:relative}.local-score{position:absolute;left:50%;transform:translate(-50%);bottom:0;font-size:16px;color:#179921;opacity:.8;transition-property:all}.controls{display:flex}.button{border:none;border-radius:5px;cursor:pointer;color:#f9f6f2;font-family:sans-serif;font-weight:700;font-size:16px;width:75px;height:75px;transition:background .25s ease}.start{background:#1dae28;font-size:20px}.start:hover{background:#179921}.restart{background:#f1b2b2}.restart:hover{background:#f87474}.message{box-sizing:border-box;width:100%;background:#d6cdc4;color:#776e65;padding:10px;text-align:center;border-radius:5px;font-size:20px}.hidden{display:none}.container{display:flex;flex-direction:column;align-items:center;width:350px;position:relative}.message-win{background:#edc22e;color:#f9f6f2}.message-container{width:100%;height:150px}.active-cell,.supporting-field{position:absolute}.active-cell{transition:all;display:flex;justify-content:center;align-items:center}
/*# sourceMappingURL=main.690ddc91.css.map */