:root{--cell-2-color:#eee4da;--cell-4-color:#ede0c8;--cell-8-color:#f2b179;--after-8-text-color:#f9f6f2;--cell-16-color:#f59563;--cell-32-color:#f67c5f;--cell-64-color:#f65e3b;--cell-128-color:#edcf72;--cell-256-color:#edcc61;--cell-512-color:#edc850;--cell-1024-color:#edc53f;--cell-2048-win-color:#edc22e;--field-color:#fbf8ef;--cell-color:#d6cdc4;--field-back:#bbada0;--start-button-cl:#1dae28;--start-button-hv:#179921;--restart-button-cl:#f1b2b2;--restart-button-hv:#f87474;--grey-info:#776e65}body{margin:0;display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--field-color);font-family:sans-serif;font-size:24px;font-weight:900}.innerField{display:flex;justify-content:center;align-items:center;color:var(--grey-info)}.field-cell,.innerField{width:75px;height:75px;border-radius:5px;box-sizing:border-box;user-select:none}.field-cell{background:var(--cell-color);color:var(--cell-color)}.field-cell--merge{transform:scale(1.15);transition:transform .15s}.field-cell--move-left--1{transform:translateX(-86px);transition:transform .1s}.field-cell--move-left--2{transform:translateX(-172px);transition:transform .1s}.field-cell--move-left--3{transform:translateX(-258px);transition:transform .1s}.field-cell--move-right--1{transform:translateX(86px);transition:transform .1s}.field-cell--move-right--2{transform:translateX(172px);transition:transform .1s}.field-cell--move-right--3{transform:translateX(258px);transition:transform .1s}.field-cell--move-up--1{transform:translateY(-86px);transition:transform .1s}.field-cell--move-up--2{transform:translateY(-172px);transition:transform .1s}.field-cell--move-up--3{transform:translateY(-258px);transition:transform .1s}.field-cell--move-down--1{transform:translateY(86px);transition:transform .1s}.field-cell--move-down--2{transform:translateY(172px);transition:transform .1s}.field-cell--move-down--3{transform:translateY(258px);transition:transform .1s}.field-cell--2{background:var(--cell-2-color)}.field-cell--4{background:var(--cell-4-color)}.field-cell--8{background:var(--cell-8-color)}.field-cell--8,.field-cell--16{color:var(--after-8-text-color)}.field-cell--16{background:var(--cell-16-color)}.field-cell--32{background:var(--cell-32-color);color:var(--after-8-text-color)}.field-cell--64,.field-cell--128{background:var(--cell-64-color);color:var(--after-8-text-color)}.field-cell--256{background:var(--cell-256-color);color:var(--after-8-text-color)}.field-cell--512{background:var(--cell-512-color);color:var(--after-8-text-color)}.field-cell--1024{background:var(--cell-1024-color);color:var(--after-8-text-color)}.field-cell--2048{background:var(--cell-2048-win-color);color:var(--after-8-text-color)}.game-field{background:var(--field-back);border-spacing:10px;border-radius:5px}.game-header{display:flex;width:100%;justify-content:space-between;margin-bottom:24px;padding:10px;box-sizing:border-box}h1{background:var(--cell-2048-win-color);color:var(--after-8-text-color);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:var(--cell-color);color:var(--grey-info);font-size:16px;margin:0 8px 0 0}.controls{display:flex}.button{border:none;border-radius:5px;cursor:pointer;color:var(--after-8-text-color);font-family:sans-serif;font-weight:700;font-size:16px;width:75px;height:75px;transition:background .25s ease}.start{background:var(--start-button-cl);font-size:20px}.start:hover{background:var(--start-button-hv)}.restart{background:var(--restart-button-cl)}.restart:hover{background:var(--restart-button-hv)}.message{box-sizing:border-box;width:100%;background:var(--cell-color);color:var(--grey-info);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}.message-win{background:var(--cell-2048-win-color);color:var(--after-8-text-color)}.message-container{width:100%;height:150px}
/*# sourceMappingURL=main.958c85a3.css.map */