.g-2048{position:relative;margin:0 auto;max-width:100%;touch-action:none;border-radius:8px;background:#bbada0;padding:0}:root[data-theme=dark] .g-2048{background:#3a3530}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g-2048{background:#3a3530}}.g-2048 .g2048-bg,.g-2048 .g2048-tiles{position:absolute;inset:0}.g-2048 .g2048-bg{display:grid;grid-template-columns:repeat(var(--n,4),var(--cell));grid-auto-rows:var(--cell);gap:var(--gap);padding:var(--gap)}.g-2048 .g2048-bg i{border-radius:6px;background:rgba(238,228,218,.35)}:root[data-theme=dark] .g-2048 .g2048-bg i{background:rgba(255,255,255,7%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g-2048 .g2048-bg i{background:rgba(255,255,255,7%)}}.g-2048 .g2048-tiles{pointer-events:none}.g-2048 .g2048-tile{position:absolute;left:0;top:0;width:var(--cell);height:var(--cell);transform:translate(calc(var(--gap) + var(--x,0) * (var(--cell) + var(--gap))),calc(var(--gap) + var(--y,0) * (var(--cell) + var(--gap))));transition:transform 110ms ease-in-out;display:grid;place-items:center;border-radius:6px;font-weight:700;line-height:1;font-family:var(--font);font-size:calc(var(--cell) * .5);font-variant-numeric:tabular-nums;background:#eee4da;color:#776e65;z-index:2}.g-2048 .g2048-tile[data-d="3"]{font-size:calc(var(--cell) * .4)}.g-2048 .g2048-tile[data-d="4"]{font-size:calc(var(--cell) * .32)}.g-2048 .g2048-tile[data-d="5"]{font-size:calc(var(--cell) * .26)}.g-2048 .g2048-tile[data-d="6"],.g-2048 .g2048-tile[data-d="7"]{font-size:calc(var(--cell) * .21)}.g-2048 .g2048-tile.is-dying{z-index:1}.g-2048 .g2048-tile.is-merged{z-index:3;animation:g2048-pop 160ms 100ms ease-out backwards}.g-2048 .g2048-tile.is-spawn{animation:g2048-spawn 160ms 100ms ease-out backwards}@keyframes g2048-pop{0%{opacity:0;scale:.8}60%{opacity:1;scale:1.15}100%{opacity:1;scale:1}}@keyframes g2048-spawn{0%{opacity:0;scale:.4}100%{opacity:1;scale:1}}.g-2048 .g2048-tile[data-v="2"]{background:#eee4da;color:#776e65}.g-2048 .g2048-tile[data-v="4"]{background:#ede0c8;color:#776e65}.g-2048 .g2048-tile[data-v="8"]{background:#f2b179;color:#fff}.g-2048 .g2048-tile[data-v="16"]{background:#f59563;color:#fff}.g-2048 .g2048-tile[data-v="32"]{background:#f67c5f;color:#fff}.g-2048 .g2048-tile[data-v="64"]{background:#f65e3b;color:#fff}.g-2048 .g2048-tile[data-v="128"]{background:#edcf72;color:#fff}.g-2048 .g2048-tile[data-v="256"]{background:#edcc61;color:#fff}.g-2048 .g2048-tile[data-v="512"]{background:#edc850;color:#fff}.g-2048 .g2048-tile[data-v="1024"]{background:#edc53f;color:#fff}.g-2048 .g2048-tile[data-v="2048"]{background:#edc22e;color:#fff;box-shadow:0 0 18px 4px rgba(237,194,46,.55)}.g-2048 .g2048-tile[data-v="4096"],.g-2048 .g2048-tile[data-v="8192"],.g-2048 .g2048-tile[data-v=big]{background:#3c3a32;color:#f9f6f2}:root[data-theme=dark] .g-2048 .g2048-tile[data-v="2"]{background:#6b625a;color:#f4efe9}:root[data-theme=dark] .g-2048 .g2048-tile[data-v="4"]{background:#7d6f5a;color:#f4efe9}:root[data-theme=dark] .g-2048 .g2048-tile[data-v="4096"],:root[data-theme=dark] .g-2048 .g2048-tile[data-v="8192"],:root[data-theme=dark] .g-2048 .g2048-tile[data-v=big]{background:#14120f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g-2048 .g2048-tile[data-v="2"]{background:#6b625a;color:#f4efe9}:root:not([data-theme=light]) .g-2048 .g2048-tile[data-v="4"]{background:#7d6f5a;color:#f4efe9}:root:not([data-theme=light]) .g-2048 .g2048-tile[data-v="4096"],:root:not([data-theme=light]) .g-2048 .g2048-tile[data-v="8192"],:root:not([data-theme=light]) .g-2048 .g2048-tile[data-v=big]{background:#14120f}}.g-2048 .g2048-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.g-2048 .g2048-tile{transition:none}.g-2048 .g2048-tile.is-merged,.g-2048 .g2048-tile.is-spawn{animation:none}}