body{margin:0}._splash_1yzjs_1{display:flex;justify-content:center;align-items:center;position:absolute;text-align:center;z-index:3;top:0;left:0;right:0;bottom:0;border-radius:calc(var(--pixel-size) * .75);background:#b59d8799}._win_1yzjs_31{background:#edc22e99;color:#fff}._splash_1yzjs_1>div{margin:0 auto}._splash_1yzjs_1>div>button{margin:calc(var(--pixel-size) * 3) auto}._splash_1yzjs_1>div>h1{color:#f0f0f0}._button_1yzjs_65{background:var(--button-background);border:calc(var(--pixel-size) * .125) solid var(--primary-background);border-radius:calc(var(--pixel-size) * .5);font-size:calc(var(--pixel-size) * 2);line-height:calc(var(--pixel-size) * 4);padding:calc(var(--pixel-size) * .5) calc(var(--pixel-size) * 2);font-weight:700;color:#fff;cursor:pointer}._board_18czy_1{position:relative;width:calc(var(--pixel-size) * 8 * 4 + var(--pixel-size) * 5)}._grid_18czy_11{display:flex;flex-wrap:wrap;background:var(--secondary-background);border:calc(var(--pixel-size) * .5) solid var(--secondary-background);border-radius:calc(var(--pixel-size) * .75)}._cell_18czy_27{width:calc(var(--pixel-size) * 8);height:calc(var(--pixel-size) * 8);margin:calc(var(--pixel-size) * .5);border-radius:calc(var(--pixel-size) * .5);background:var(--cell-background)}._tiles_18czy_43{position:absolute;z-index:2;margin:calc(var(--pixel-size) * .5);left:0;top:0;right:0;bottom:0}@media (min-width: 512px){._board_18czy_1{width:calc(var(--pixel-size) * 12.5 * 4 + var(--pixel-size) * 10)}._grid_18czy_11{border:calc(var(--pixel-size) * 1) solid var(--secondary-background)}._cell_18czy_27{width:calc(var(--pixel-size) * 12.5);height:calc(var(--pixel-size) * 12.5);margin:calc(var(--pixel-size) * 1)}._tiles_18czy_43{margin:calc(var(--pixel-size) * 1)}}._tile_1mb4b_1{position:absolute;width:calc(var(--pixel-size) * 8);height:calc(var(--pixel-size) * 8);margin:calc(var(--pixel-size) * .5);border-radius:calc(var(--pixel-size) * .5);background:var(--tile-background);color:var(--primary-text-color);font-size:calc(var(--pixel-size) * 4);line-height:calc(var(--pixel-size) * 8);font-weight:700;text-align:center;transition-property:left,top,transform;transition-duration:.2s,.2s,.1s}@media (min-width: 512px){._tile_1mb4b_1{width:calc(var(--pixel-size) * 12.5);height:calc(var(--pixel-size) * 12.5);margin:calc(var(--pixel-size) * 1);font-size:calc(var(--pixel-size) * 6);line-height:calc(var(--pixel-size) * 12.5)}}._tile8_1mb4b_55,._tile16_1mb4b_57,._tile32_1mb4b_59,._tile64_1mb4b_61,._tile128_1mb4b_63,._tile256_1mb4b_65,._tile512_1mb4b_67,._tile1024_1mb4b_69,._tile2048_1mb4b_71,._tile4096_1mb4b_73,._tile8192_1mb4b_75{color:var(--secondary-text-color)}._tile128_1mb4b_63,._tile256_1mb4b_65,._tile512_1mb4b_67{font-size:calc(var(--pixel-size) * 3.25)}._tile1024_1mb4b_69,._tile2048_1mb4b_71,._tile4096_1mb4b_73,._tile8192_1mb4b_75{font-size:calc(var(--pixel-size) * 2.75)}@media (min-width: 512px){._tile128_1mb4b_63,._tile256_1mb4b_65,._tile512_1mb4b_67{font-size:calc(var(--pixel-size) * 5.5)}._tile1024_1mb4b_69,._tile2048_1mb4b_71,._tile4096_1mb4b_73,._tile8192_1mb4b_75{font-size:calc(var(--pixel-size) * 4)}}._tile2_1mb4b_65{box-shadow:0 0 30px 10px #f3d77400,inset 0 0 0 1px #fff0}._tile4_1mb4b_73{background:#ede0c8;box-shadow:0 0 30px 10px #f3d77400,inset 0 0 0 1px #fff0}._tile8_1mb4b_55{background:#f2b179}._tile16_1mb4b_57{background:#f59563}._tile32_1mb4b_59{background:#f67c5f}._tile64_1mb4b_61{background:#f65e3b}._tile128_1mb4b_63{background:#edcf72;box-shadow:0 0 30px 10px #f3d7743d,inset 0 0 0 1px #ffffff24}._tile256_1mb4b_65{background:#edcc61;box-shadow:0 0 30px 10px #f3d77451,inset 0 0 0 1px #ffffff31}._tile512_1mb4b_67{background:#edc850;box-shadow:0 0 30px 10px #f3d77465,inset 0 0 0 1px #ffffff3d}._tile1024_1mb4b_69{background:#edc53f;box-shadow:0 0 30px 10px #f3d77479,inset 0 0 0 1px #ffffff49}._tile2048_1mb4b_71,._tile4096_1mb4b_73,._tile8192_1mb4b_75{background:#edc22e;box-shadow:0 0 30px 10px #f3d7748e,inset 0 0 0 1px #fff5}._score_12zuf_1{background:var(--secondary-background);border:calc(var(--pixel-size) * .5) solid var(--secondary-background);border-radius:calc(var(--pixel-size) * .75);color:var(--tile-background);font-size:calc(var(--pixel-size) * 1.5);line-height:calc(var(--pixel-size) * 3);font-weight:700;text-align:center;text-transform:uppercase}._score_12zuf_1>div{font-size:calc(var(--pixel-size) * 2.5);color:var(--secondary-text-color)}@media (min-width: 512px){._score_12zuf_1{border:calc(var(--pixel-size) * 1) solid var(--secondary-background);font-size:calc(var(--pixel-size) * 2);line-height:calc(var(--pixel-size) * 3.5)}._score_12zuf_1>div{font-size:calc(var(--pixel-size) * 3.5)}}.game-2048{--pixel-size: 8px;--primary-background: #faf8ef;--secondary-background: #b59d87;--cell-background: #cebda6;--tile-background: #eee4da;--button-background: #8f7a66;--primary-text-color: #776e65;--secondary-text-color: #f9f6f2}.game-2048{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--primary-text-color);font-size:calc(var(--pixel-size) * 2.25);line-height:calc(var(--pixel-size) * 3.5)}.game-2048 a{color:var(--primary-text-color);font-weight:700}.game-2048 a:hover,.game-2048 a:focus{opacity:.8}.game-2048 h1{font-size:calc(var(--pixel-size) * 5);line-height:calc(var(--pixel-size) * 5)}.game-2048 h2{font-size:calc(var(--pixel-size) * 2.5);line-height:calc(var(--pixel-size) * 3.75);margin:calc(var(--pixel-size) * 2.5) calc(var(--pixel-size) * 0)}.game-2048 h2>span{display:block}@media (min-width: 512px){.game-2048 h1{font-size:calc(var(--pixel-size) * 8.5);line-height:calc(var(--pixel-size) * 8.5)}.game-2048 h2>span{display:inline}}