*,:before,:after{box-sizing:border-box;margin:0;font-family:sans-serif}:root{--grid-size:4;--cell-size:12vmin;--cell-gap:1.5vmin}@media (max-width:640px){:root{--cell-size:20vmin;--cell-gap:2vmin}}body{background-color:#fbf8ef;-ms-flex-pack:center;justify-content:center;min-height:100vh;margin:0;font-size:4.5vmin;font-weight:700;display:-ms-flexbox;display:flex}.game{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:100vmin;margin-top:10vmin;padding-left:6.25vmin;padding-right:6.25vmin;display:-ms-flexbox;display:flex}.game__header{-ms-flex-pack:justify;justify-content:space-between;gap:calc(var(--cell-size) + var(--cell-gap) + var(--cell-gap));padding:var(--cell-gap);margin-bottom:2vmin;display:-ms-flexbox;display:flex}.game__title{color:#f9f6f2;width:var(--cell-size);height:var(--cell-size);background-color:#edc22e;border-radius:1vmin;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;font-size:4.5vmin;display:-ms-flexbox;display:flex}@media (max-width:640px){.game__title{font-size:6vmin}}.game__controls{column-gap:var(--cell-gap);display:-ms-flexbox;display:flex}.game__info{width:var(--cell-size);height:var(--cell-size);color:#776e65;background-color:#d6cdc4;border-radius:1vmin;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:3.5vmin;display:-ms-flexbox;display:flex}@media (max-width:640px){.game__info{font-size:5vmin}}.game__score{font-size:3.25vmin}@media (max-width:640px){.game__score{font-size:5vmin}}.game__field{grid-template-columns:repeat(var(--grid-size),var(--cell-size));grid-template-rows:repeat(var(--grid-size),var(--cell-size));gap:var(--cell-gap);padding:var(--cell-gap);background-color:#bbada0;border-radius:1vmin;margin-bottom:4vmin;display:grid;position:relative}.game__cell{background-color:#d6cdc4;border-radius:1vmin}.game__tile{width:var(--cell-size);height:var(--cell-size);top:calc(var(--y)*(var(--cell-size) + var(--cell-gap)) + var(--cell-gap));left:calc(var(--x)*(var(--cell-size) + var(--cell-gap)) + var(--cell-gap));color:#776e65;background-color:#d6cdc4;border-radius:1vmin;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-weight:700;transition:all .1s ease-in-out;animation:.2s ease-in-out show;display:-ms-flexbox;display:flex;position:absolute}@media (max-width:640px){.game__tile{font-size:6vmin}}.game__tile--2{background-color:#eee4da}.game__tile--4{background-color:#ede0c8}.game__tile--8{color:#f9f6f2;background-color:#f2b179}.game__tile--16{color:#f9f6f2;background-color:#f59563}.game__tile--32{color:#f9f6f2;background-color:#f67c5f}.game__tile--64{color:#f9f6f2;background-color:#f65e3b}.game__tile--128{color:#f9f6f2;background-color:#edcf72}.game__tile--256{color:#f9f6f2;background-color:#edcc61}.game__tile--512{color:#f9f6f2;background-color:#edc850}.game__tile--1024{color:#f9f6f2;background-color:#edc53f}.game__tile--2048{color:#f9f6f2;background-color:#edc22e}.button{cursor:pointer;color:#f9f6f2;width:var(--cell-size);height:var(--cell-size);border:none;border-radius:1vmin;font-size:3.5vmin;font-weight:700;transition:background-color .25s}@media (max-width:640px){.button{font-size:5vmin}}.button--start{background-color:#1dae28}.button--start:hover{background-color:#179921}@media (hover:none){.button--start:hover{background-color:#1dae28}}.button--restart{background-color:#f1b2b2;font-size:3vmin}@media (max-width:640px){.button--restart{font-size:5vmin}}.button--restart:hover{background-color:#f87474}@media (hover:none){.button--restart:hover{background-color:#f1b2b2}}.message-container{width:100%;height:28vmin}.message{color:#776e65;text-align:center;background-color:#d6cdc4;border-radius:1vmin;width:100%;padding:1.5vmin;font-size:3.5vmin}@media (max-width:640px){.message{font-size:5vmin}}.message--win{color:#f9f6f2;background-color:#edc22e}.hidden{display:none}@keyframes show{0%{opacity:.5;transform:scale(0)}}
/*# sourceMappingURL=index.bb378680.css.map */