:root{--base-unit:0;--cell-gap:0;--border-radius:0;--game-size:0;--cell-size:var(--base-unit)}*{box-sizing:border-box;margin:0;padding:0}.body{background:#fbf8ef;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;margin:0;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:900;display:-ms-flexbox;display:flex;overflow:hidden}.body--game-over .game__header,.body--game-over .game__field,.body--game-over .game__tile-container{animation:1.5s forwards grayscale-fade}@keyframes grayscale-fade{0%{filter:grayscale(0)}to{filter:grayscale()}}.header{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:calc(var(--cell-gap)*6);display:-ms-flexbox;display:flex;position:relative}.header__title{color:#f9f6f2;width:var(--cell-size);height:var(--cell-size);font-size:calc(var(--base-unit)/3);border-radius:var(--border-radius);background:#edc22e;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.header__info{width:var(--cell-size);height:var(--cell-size);border-radius:var(--border-radius);color:#776e65;font-size:calc(var(--base-unit)/4);background:#d6cdc4;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.header__controls{gap:var(--cell-gap);display:-ms-flexbox;display:flex}.header__button{border-radius:var(--border-radius);cursor:pointer;color:#f9f6f2;font-family:Roboto,sans-serif;font-weight:700;font-size:calc(var(--base-unit)/3);width:var(--cell-size);height:var(--cell-size);border:2px solid #776e65;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;transition:all .25s;display:-ms-flexbox;display:flex}.header__button--start{background:#1dae28}.header__button--start:hover{background:#179921}.header__button--restart{font-size:calc(var(--base-unit)/4);background:#f87474}.header__button--restart:hover{background:#f63838}.header__button:disabled{color:#d6cdc4;cursor:not-allowed;background:#776e65}.header__show-tip{width:calc(var(--base-unit)/4);height:calc(var(--base-unit)/4);cursor:pointer;background-color:#776e65;border:none;transition:all .3s;position:absolute;top:-50%;mask-image:url(question-mark.ca611a29.svg);mask-position:50%;mask-size:cover;mask-repeat:no-repeat}.header__show-tip:hover{background-color:#edc22e;transform:scale(1.1)}.header__show-tip:focus-visible{background-color:#edc22e;transform:scale(1.1)}.game{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1.5rem;width:100vw;height:100vh;display:-ms-flexbox;display:flex}.game__board{position:relative}.game__tile-container{width:100%;height:100%;position:absolute;top:0;left:0}.game__confirm{position:absolute;top:0;bottom:0;left:0;right:0}.game__message-container{z-index:2;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:var(--cell-gap);border-radius:var(--border-radius);background-color:rgba(0,0,0,.5);-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}@keyframes pop-up{0%{transform:scale(0)}to{transform:scale(1)}}.confirm{border-radius:var(--border-radius);padding:var(--cell-gap);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:var(--cell-gap);z-index:4;opacity:0;background-color:rgba(0,0,0,.5);-ms-flex-direction:column;flex-direction:column;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out;display:-ms-flexbox;display:flex;transform:scale(0)}.confirm--showed{opacity:1;transform:scale(1)}.confirm__text{text-align:center;color:#776e65;width:90%;font-size:calc(var(--base-unit)/4);border-radius:var(--border-radius);background-color:#d6cdc4;padding:10px}.confirm__buttons{-ms-flex-pack:distribute;justify-content:space-around;width:100%;display:-ms-flexbox;display:flex}.confirm__button{width:40%;font-size:calc(var(--base-unit)/3);border-radius:var(--border-radius);color:#f9f6f2;cursor:pointer;border:2px solid #d6cdc4;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:2%;padding-bottom:2%;font-family:Roboto,sans-serif;font-weight:700;transition:all .25s;display:-ms-flexbox;display:flex}.confirm__button--yes{background-color:#1dae28}.confirm__button--yes:hover{background:#179921}.confirm__button--no{background-color:#f87474}.confirm__button--no:hover{background:#f63838}.confetti-container{pointer-events:none;z-index:3;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.field{padding:var(--cell-gap);border-radius:var(--border-radius);grid-template-columns:repeat(var(--game-size),1fr);grid-template-rows:repeat(var(--game-size),1fr);gap:var(--cell-gap);width:calc(var(--base-unit)*var(--game-size) + var(--cell-gap)*2 + var(--cell-gap)*(var(--game-size) - 1));height:calc(var(--base-unit)*var(--game-size) + var(--cell-gap)*2 + var(--cell-gap)*(var(--game-size) - 1));background-color:#bbada0;display:grid}.field__cell{width:var(--cell-size);height:var(--cell-size);border-radius:var(--border-radius);color:#776e65;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#d6cdc4}@keyframes merge{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pop-in{0%{transform:scale(0)}to{transform:scale(1)}}.moving-tile{z-index:1}.merge-animation{animation:.2s ease-in-out merge}.merging-tile{transform:scale(1.2)}.game-field--lose{opacity:.5}.new-tile{animation:.4s pop-in}.tile{--x:0;--y:0;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));width:var(--cell-size);height:var(--cell-size);border-radius:var(--border-radius);color:#776e65;font-size:calc(var(--base-unit)/3);text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#d6cdc4;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;transition:all .25s;display:-ms-flexbox;display:flex;position:absolute;transform:scale(1)}.tile--2{background:#eee4da}.tile--4{background:#ede0c8}.tile--8{color:#f9f6f2;background:#f2b179}.tile--16{color:#f9f6f2;background:#f59563}.tile--32{color:#f9f6f2;background:#f67c5f}.tile--64{color:#f9f6f2;background:#f65e3b}.tile--128{color:#f9f6f2;background:#edcf72}.tile--256{color:#f9f6f2;background:#edcc61}.tile--512{color:#f9f6f2;background:#edc850}.tile--1024{color:#f9f6f2;background:#edc74b}.tile--2048{color:#f9f6f2;background:#edc22e}.tile--4096{color:#f9f6f2;background:#fe7243}.tile--8192{color:#f9f6f2;background:#fd5922}.tile--16384{color:#f9f6f2;background:#fb4103}.message{color:#776e65;text-align:center;border-radius:var(--border-radius);width:90%;font-size:calc(var(--base-unit)/4);background:#d6cdc4;padding:10px}.message--win{color:#f9f6f2;background:#edc22e}.message--lose{color:#f9f6f2;background:#f63838}.lottie{width:calc(var(--base-unit)*var(--game-size) + var(--cell-gap)*2 + var(--cell-gap)*(var(--game-size) - 1));background:0 0;height:auto}.tip{z-index:5;color:#c3c2c0;background:rgba(0,0,0,.9);-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:3%;width:100%;height:100%;padding-left:5%;padding-right:5%;display:-ms-flexbox;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.tip__title{font-size:calc(var(--base-unit)/3);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:calc(var(--base-unit)/8);text-wrap:nowrap;font-weight:700;display:-ms-flexbox;display:flex}.tip__title:before{content:"";width:calc(var(--base-unit)/4);height:calc(var(--base-unit)/4);background-image:url(main-goal.5af26ca0.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.tip__title--main{font-size:calc(var(--base-unit)/3)}.tip__title--main:before{background-image:url(main-goal.5af26ca0.svg)}.tip__title--additional{font-size:calc(var(--base-unit)/4)}.tip__title--additional:before{background-image:url(secondary-goal.d3e4f7a8.svg)}.tip__title--small{font-weight:400;font-size:calc(var(--base-unit)/4)}.tip__title--small:before{background-image:url(bulb.d351e356.svg)}.tip__text{text-align:center;font-size:calc(var(--base-unit)/5);-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:5px;font-weight:400;display:-ms-flexbox;display:flex}.tip__text--main{font-size:calc(var(--base-unit)/5)}.tip__text--additional{font-size:calc(var(--base-unit)/6)}.tip__text--small{font-weight:300;font-size:calc(var(--base-unit)/7)}.tip__main-title{font-size:calc(var(--base-unit)/2);-ms-flex-align:center;align-items:center;gap:calc(var(--base-unit)/8);font-weight:900;display:-ms-flexbox;display:flex;position:relative}.tip__main-title:before,.tip__main-title:after{content:"";width:calc(var(--base-unit)/2);height:calc(var(--base-unit)/2);background-image:url(gamepad1.2811a768.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.tip__checkbox{cursor:pointer;-ms-flex-item-align:center;align-self:center;-ms-flex-align:center;align-items:center;gap:calc(var(--base-unit)/8);font-size:calc(var(--base-unit)/6);font-weight:400;transition:all .3s;display:-ms-flexbox;display:flex}.tip__checkbox:hover{color:#f9f6f2}.tip__checkbox-input{cursor:pointer;width:calc(var(--base-unit)/4);height:calc(var(--base-unit)/4);accent-color:#179921}.tip__button{font-size:calc(var(--base-unit)/4);padding:calc(var(--base-unit)/6)calc(var(--base-unit));border-radius:calc(var(--base-unit)/20);color:#f9f6f2;cursor:pointer;background-color:#1dae28;border:none;-ms-flex-align:center;align-items:center;font-family:Roboto,sans-serif;font-weight:700;transition:all .3s;display:-ms-flexbox;display:flex}.tip__button:hover{background-color:#179921}.hidden{display:none}
/*# sourceMappingURL=index.398d84c5.css.map */