.game{user-select:none}.game .game__info{user-select:none;color:#15202b}.game__container{display:flex;justify-content:center;width:100%}.game__content{position:relative;background:#fff;overflow:auto;border:1px solid}:root{--grid-size: 4}@keyframes move-up{0%{top:1.5625rem;opacity:1}100%{top:-3.125rem;opacity:0}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes appear{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.score{font-size:2rem;line-height:1;color:#fff;text-align:center;font-weight:600;padding:0.5rem 1rem;position:relative;background:#bbada0;border-radius:0.25rem}.score:before{font-size:0.875rem;line-height:1;color:#eee4da;text-transform:uppercase;display:block;padding-bottom:0.5rem}.score-addition{font-size:1.75rem;line-height:1;color:rgba(119,110,101,0.9);font-weight:600;z-index:2;position:absolute;right:30px;animation:move-up 0.6s ease-in;animation-fill-mode:both}.score.current-score{border-right:1px solid #fff;border-radius:0.25rem 0 0 0.25rem}.score.current-score::before{content:'Score'}.score.best-score{border-radius:0 0.25rem 0.25rem 0}.score.best-score::before{content:'Best'}.grid{position:relative}.grid__row{display:flex;margin:0}.grid__row:first-child .grid__cell{border-top:none}.grid__row:last-child .grid__cell{border-bottom:none}.grid__row .grid__cell:first-child{border-left:none}.grid__row .grid__cell:last-child{border-right:none}.grid__cell{width:calc(131px - (var(--grid-size) * 8px));height:0;padding-bottom:calc(131px - (var(--grid-size) * 8px));border-right:1px solid;border-bottom:1px solid;box-sizing:content-box !important}.grid__cell:last-child{margin-right:0}.tile{text-align:center;width:calc(131px - (var(--grid-size) * 8px));height:calc(131px - (var(--grid-size) * 8px));position:absolute;z-index:1;color:#fff;font-weight:600;background-color:#15202b;border-radius:50%;border:0.5rem solid #fff;transition:.2s ease-in-out;transition-property:top, left;display:flex;justify-content:center;align-items:center;font-size:40px;cursor:pointer}.tiles{position:absolute;top:0;left:0;right:0;bottom:0}.tile_correct{text-decoration:underline}.tile.tile-position-1-1{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0)}.tile.tile-position-1-2{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1)}.tile.tile-position-1-3{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2)}.tile.tile-position-1-4{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3)}.tile.tile-position-1-5{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4)}.tile.tile-position-1-6{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5)}.tile.tile-position-1-7{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6)}.tile.tile-position-1-8{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7)}.tile.tile-position-2-1{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0)}.tile.tile-position-2-2{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1)}.tile.tile-position-2-3{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2)}.tile.tile-position-2-4{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3)}.tile.tile-position-2-5{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4)}.tile.tile-position-2-6{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5)}.tile.tile-position-2-7{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6)}.tile.tile-position-2-8{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7)}.tile.tile-position-3-1{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0)}.tile.tile-position-3-2{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1)}.tile.tile-position-3-3{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2)}.tile.tile-position-3-4{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3)}.tile.tile-position-3-5{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4)}.tile.tile-position-3-6{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5)}.tile.tile-position-3-7{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6)}.tile.tile-position-3-8{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7)}.tile.tile-position-4-1{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0)}.tile.tile-position-4-2{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1)}.tile.tile-position-4-3{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2)}.tile.tile-position-4-4{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3)}.tile.tile-position-4-5{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4)}.tile.tile-position-4-6{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5)}.tile.tile-position-4-7{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6)}.tile.tile-position-4-8{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7)}.tile.tile-position-5-1{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0)}.tile.tile-position-5-2{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1)}.tile.tile-position-5-3{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2)}.tile.tile-position-5-4{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3)}.tile.tile-position-5-5{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4)}.tile.tile-position-5-6{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5)}.tile.tile-position-5-7{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6)}.tile.tile-position-5-8{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7)}.tile.tile-position-6-1{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0)}.tile.tile-position-6-2{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1)}.tile.tile-position-6-3{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2)}.tile.tile-position-6-4{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3)}.tile.tile-position-6-5{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4)}.tile.tile-position-6-6{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5)}.tile.tile-position-6-7{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6)}.tile.tile-position-6-8{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7)}.tile.tile-position-7-1{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0)}.tile.tile-position-7-2{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1)}.tile.tile-position-7-3{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2)}.tile.tile-position-7-4{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3)}.tile.tile-position-7-5{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4)}.tile.tile-position-7-6{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5)}.tile.tile-position-7-7{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6)}.tile.tile-position-7-8{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7)}.tile.tile-position-8-1{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 0)}.tile.tile-position-8-2{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 1)}.tile.tile-position-8-3{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 2)}.tile.tile-position-8-4{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 3)}.tile.tile-position-8-5{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 4)}.tile.tile-position-8-6{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 5)}.tile.tile-position-8-7{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 6)}.tile.tile-position-8-8{left:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7);top:calc((calc(131px - (var(--grid-size) * 8px)) + 1px) * 7)}.tile-new{animation:appear .2s ease .4s;animation-fill-mode:both}.tile-merged{z-index:2;animation:pop .2s ease .4s;animation-fill-mode:both}.dark-theme .tile{color:#15202b;background:#f7f9f9;border-color:#15202b}.game__main{display:inline-block;position:relative;box-sizing:border-box;cursor:default;user-select:none}.game__container{position:relative}.current-score{position:relative}


/*# sourceMappingURL=_15puzzle.css.3dd70fb7047f.map */