.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}.game__content.show-tile-numbers .tile{text-indent:unset !important}.tile.tile-option-1{background-image:url("/static/dist-min/_2048/images/games/_2048/src/assets/cells/sprite-1.2a9840dd874c.png");background-repeat:no-repeat;background-position-y:0;background-size:cover !important;text-indent:-9999px}.tile.tile-option-1-2{background-position-x:calc(0%) !important}.tile.tile-option-1-4{background-position-x:calc(6.25%) !important}.tile.tile-option-1-8{background-position-x:calc(12.5%) !important}.tile.tile-option-1-16{background-position-x:calc(18.75%) !important}.tile.tile-option-1-32{background-position-x:calc(25%) !important}.tile.tile-option-1-64{background-position-x:calc(31.25%) !important}.tile.tile-option-1-128{background-position-x:calc(37.5%) !important}.tile.tile-option-1-256{background-position-x:calc(43.75%) !important}.tile.tile-option-1-512{background-position-x:calc(50%) !important}.tile.tile-option-1-1024{background-position-x:calc(56.25%) !important}.tile.tile-option-1-2048{background-position-x:calc(62.5%) !important}.tile.tile-option-1-4096{background-position-x:calc(68.75%) !important}.tile.tile-option-1-8192{background-position-x:calc(75%) !important}.tile.tile-option-1-16384{background-position-x:calc(81.25%) !important}.tile.tile-option-1-32768{background-position-x:calc(87.5%) !important}.tile.tile-option-1-65536{background-position-x:calc(93.75%) !important}.tile.tile-option-1-131072{background-position-x:calc(100%) !important}.tile.tile-option-2{background-image:url("/static/dist-min/_2048/images/games/_2048/src/assets/cells/sprite-2.ed34b1df4446.png");background-repeat:no-repeat;background-position-y:0;background-size:cover !important;text-indent:-9999px}.tile.tile-option-2-2{background-position-x:calc(0%) !important}.tile.tile-option-2-4{background-position-x:calc(6.25%) !important}.tile.tile-option-2-8{background-position-x:calc(12.5%) !important}.tile.tile-option-2-16{background-position-x:calc(18.75%) !important}.tile.tile-option-2-32{background-position-x:calc(25%) !important}.tile.tile-option-2-64{background-position-x:calc(31.25%) !important}.tile.tile-option-2-128{background-position-x:calc(37.5%) !important}.tile.tile-option-2-256{background-position-x:calc(43.75%) !important}.tile.tile-option-2-512{background-position-x:calc(50%) !important}.tile.tile-option-2-1024{background-position-x:calc(56.25%) !important}.tile.tile-option-2-2048{background-position-x:calc(62.5%) !important}.tile.tile-option-2-4096{background-position-x:calc(68.75%) !important}.tile.tile-option-2-8192{background-position-x:calc(75%) !important}.tile.tile-option-2-16384{background-position-x:calc(81.25%) !important}.tile.tile-option-2-32768{background-position-x:calc(87.5%) !important}.tile.tile-option-2-65536{background-position-x:calc(93.75%) !important}.tile.tile-option-2-131072{background-position-x:calc(100%) !important}:root{--grid-size: 4}.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;transition:.2s ease-in-out;transition-property:top, left;border:0.5rem solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:calc(16rem / var(--grid-size))}.tiles{position:absolute;top:0;left:0;right:0;bottom:0}.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 .2s;animation-fill-mode:both}.tile_merged{z-index:2;animation:pop .2s ease .2s;animation-fill-mode:both}.tile.tile-2{font-size:2rem}.tile.tile-4{font-size:2rem}.tile.tile-8{font-size:2rem}.tile.tile-16{font-size:2rem}.tile.tile-32{font-size:2rem}.tile.tile-64{font-size:2rem}.tile.tile-128{font-size:2rem}.tile.tile-256{font-size:2rem}.tile.tile-512{font-size:2rem}.tile.tile-1024{font-size:2rem}.tile.tile-2048{font-size:2rem;background:#ff800d}.tile.tile-4096{font-size:2rem;background:#ff800d}.tile.tile-8192{font-size:2rem;background:#ff800d}.tile.tile-16384{font-size:1.5rem;background:#ff800d}.tile.tile-32769{font-size:1.5rem;background:#ff800d}@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)}}.dark-theme .tile{color:#15202b;background:#f7f9f9;border-color:#15202b}.game__content{display:inline-block;position:relative;box-sizing:border-box;cursor:default;user-select:none}.game__container{position:relative}.current-score{position:relative}


/*# sourceMappingURL=_2048.css.4ccbb86a1699.map */