.g2048{--gap:clamp(6px, 1.8vw, 12px);aspect-ratio:1;width:min(100%,500px);padding:var(--gap);border:3px solid var(--ink);background:var(--cream);box-shadow:6px 6px 0 var(--ink);touch-action:none;border-radius:20px;position:relative;container-type:inline-size}.g2048-cells{grid-template-columns:repeat(var(--n), 1fr);gap:var(--gap);height:100%;display:grid}.g2048-cells span{background:#f3e2a6;border-radius:11px}.g2048-tile{top:var(--gap);left:var(--gap);width:calc((100% - (var(--n) + 1) * var(--gap)) / var(--n));aspect-ratio:1;transform:translate(calc(var(--c) * (100% + var(--gap))), calc(var(--r) * (100% + var(--gap))));z-index:1;transition:transform .11s cubic-bezier(.25,.8,.35,1);position:absolute}.g2048-tile span{--sh:clamp(2px, .8cqi, 4px);border:var(--edge);width:100%;height:100%;font-family:var(--font-display);font-weight:800;font-size:calc(100cqi / var(--n) * .4);font-variant-numeric:tabular-nums;letter-spacing:-.03em;background:var(--t-bg,var(--white));color:var(--t-fg,var(--ink));box-shadow:var(--sh) var(--sh) 0 var(--ink);border-radius:11px;place-items:center;line-height:1;display:grid}.g2048-tile[data-len="3"] span{font-size:calc(100cqi / var(--n) * .32)}.g2048-tile[data-len="4"] span{font-size:calc(100cqi / var(--n) * .25);font-stretch:90%}.g2048-tile[data-len="5"] span{font-size:calc(100cqi / var(--n) * .2);font-stretch:80%}.g2048-tile span.is-new{animation:g2048-new .22s 90ms var(--ease-spring) backwards}.g2048-tile span.is-merged{animation:g2048-squash .24s 80ms var(--ease-out);z-index:2}@keyframes g2048-new{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes g2048-squash{0%{transform:scale(1)}30%{transform:scale(1.18,.86)}60%{transform:scale(.94,1.08)}82%{transform:scale(1.03,.98)}to{transform:scale(1)}}[data-v="2"]{--t-bg:var(--white)}[data-v="4"]{--t-bg:var(--cream)}[data-v="8"]{--t-bg:#ffc98a}[data-v="16"]{--t-bg:var(--orange)}[data-v="32"]{--t-bg:var(--coral)}[data-v="64"]{--t-bg:var(--cherry);--t-fg:var(--white)}[data-v="128"]{--t-bg:var(--sun)}[data-v="256"]{--t-bg:var(--lime)}[data-v="512"]{--t-bg:var(--mint)}[data-v="1024"]{--t-bg:var(--sky)}[data-v="2048"]{--t-bg:var(--lilac)}[data-v="4096"],[data-v=super]{--t-bg:var(--ink);--t-fg:var(--sun)}.g2048.is-over .g2048-tile{opacity:.55;transition:opacity .4s var(--ease-out)}.g2048-score{display:inline-block;position:relative}.g2048-gain{border:2px solid var(--ink);background:var(--sun);color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;box-shadow:var(--hard-sm);pointer-events:none;z-index:3;animation:g2048-gain .72s var(--ease-out) forwards;border-radius:999px;margin-left:6px;padding:1px 7px 2px;font-size:13px;font-weight:800;line-height:1.2;position:absolute;top:-2px;left:100%}@keyframes g2048-gain{0%{opacity:0;transform:translateY(4px)scale(.6)}20%{opacity:1;transform:translateY(0)scale(1.05)}70%{opacity:1}to{opacity:0;transform:translateY(-18px)scale(1)}}