:root{--cell-bg:transparent;--cell-color:#776e65;--cell-content:""}.game-header{box-sizing:border-box;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:24px;display:-ms-flexbox;display:flex}.game-field{border-spacing:10px;background:#bbada0;border-radius:5px}.field-cell{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:#d6cdc4;border-radius:5px;width:75px;height:75px;position:relative}.field-cell--2{--cell-bg:#eee4da;--cell-content:"2"}.field-cell--4{--cell-bg:#ede0c8;--cell-content:"4"}.field-cell--8{--cell-bg:#f2b179;--cell-color:#f9f6f2;--cell-content:"8"}.field-cell--16{--cell-bg:#f59563;--cell-color:#f9f6f2;--cell-content:"16"}.field-cell--32{--cell-bg:#f67c5f;--cell-color:#f9f6f2;--cell-content:"32"}.field-cell--64{--cell-bg:#f65e3b;--cell-color:#f9f6f2;--cell-content:"64"}.field-cell--128{--cell-bg:#edcf72;--cell-color:#f9f6f2;--cell-content:"128"}.field-cell--256{--cell-bg:#edcc61;--cell-color:#f9f6f2;--cell-content:"256"}.field-cell--512{--cell-bg:#edc850;--cell-color:#f9f6f2;--cell-content:"512"}.field-cell--1024{--cell-bg:#edc53f;--cell-color:#f9f6f2;--cell-content:"1024"}.field-cell--2048{--cell-bg:#edc22e;--cell-color:#f9f6f2;--cell-content:"2048"}.field-cell:after{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;content:var(--cell-content);background:var(--cell-bg);color:var(--cell-color);border-radius:5px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;display:-ms-inline-flexbox;display:inline-flex;position:absolute;top:0;left:0}.move-horizontally-1-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.move-horizontally-1-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(85px)}.move-horizontally-1-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(170px)}.move-horizontally-1-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(255px)}.move-horizontally-2-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-85px)}.move-horizontally-2-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.move-horizontally-2-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(85px)}.move-horizontally-2-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(170px)}.move-horizontally-3-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-170px)}.move-horizontally-3-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-85px)}.move-horizontally-3-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.move-horizontally-3-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(85px)}.move-horizontally-4-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-255px)}.move-horizontally-4-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-170px)}.move-horizontally-4-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-85px)}.move-horizontally-4-4:after,.move-vertically-1-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.move-vertically-1-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(85px)}.move-vertically-1-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(170px)}.move-vertically-1-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(255px)}.move-vertically-2-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-85px)}.move-vertically-2-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.move-vertically-2-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(85px)}.move-vertically-2-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(170px)}.move-vertically-3-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-170px)}.move-vertically-3-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-85px)}.move-vertically-3-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.move-vertically-3-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(85px)}.move-vertically-4-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-255px)}.move-vertically-4-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-170px)}.move-vertically-4-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-85px)}.move-vertically-4-4:after,.merge-horizontally-1-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.merge-horizontally-1-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(85px)scale(1.15)}.merge-horizontally-1-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(170px)scale(1.15)}.merge-horizontally-1-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(255px)scale(1.15)}.merge-horizontally-2-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-85px)scale(1.15)}.merge-horizontally-2-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.merge-horizontally-2-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(85px)scale(1.15)}.merge-horizontally-2-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(170px)scale(1.15)}.merge-horizontally-3-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-170px)scale(1.15)}.merge-horizontally-3-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-85px)scale(1.15)}.merge-horizontally-3-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.merge-horizontally-3-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(85px)scale(1.15)}.merge-horizontally-4-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-255px)scale(1.15)}.merge-horizontally-4-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-170px)scale(1.15)}.merge-horizontally-4-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translate(-85px)scale(1.15)}.merge-horizontally-4-4:after,.merge-vertically-1-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.merge-vertically-1-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(85px)scale(1.15)}.merge-vertically-1-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(170px)scale(1.15)}.merge-vertically-1-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(255px)scale(1.15)}.merge-vertically-2-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-85px)scale(1.15)}.merge-vertically-2-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.merge-vertically-2-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(85px)scale(1.15)}.merge-vertically-2-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(170px)scale(1.15)}.merge-vertically-3-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-170px)scale(1.15)}.merge-vertically-3-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-85px)scale(1.15)}.merge-vertically-3-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.merge-vertically-3-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(85px)scale(1.15)}.merge-vertically-4-1:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-255px)scale(1.15)}.merge-vertically-4-2:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-170px)scale(1.15)}.merge-vertically-4-3:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25);transform:translateY(-85px)scale(1.15)}.merge-vertically-4-4:after{z-index:2;transition:transform .2s cubic-bezier(.68,-.55,.27,1.25)}.score-wrapper{gap:1px;max-height:18.5px;margin-left:5px;display:-ms-flexbox;display:flex;overflow:hidden}.score-col{-ms-flex-direction:column;flex-direction:column;gap:10px;transition:all .3s;display:-ms-flexbox;display:flex}.score-col--0{transform:translateY(0)}.score-col--1{transform:translateY(-28.5px)}.score-col--2{transform:translateY(-57px)}.score-col--3{transform:translateY(-85.5px)}.score-col--4{transform:translateY(-114px)}.score-col--5{transform:translateY(-142.5px)}.score-col--6{transform:translateY(-171px)}.score-col--7{transform:translateY(-199.5px)}.score-col--8{transform:translateY(-228px)}.score-col--9{transform:translateY(-256.5px)}.info{color:#776e65;box-sizing:border-box;background:#d6cdc4;border-radius:5px;-ms-flex-positive:2;flex-grow:2;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:75px;height:75px;margin:0 8px;font-size:16px;display:-ms-flexbox;display:flex}.button{cursor:pointer;color:#f9f6f2;text-transform:capitalize;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:#f87474}.restart:hover{background:#f1b2b2}.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}body{cursor:url(cursor.3f02e822.png) 4 4,auto;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}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}
/*# sourceMappingURL=index.a9cea9e3.css.map */