.animated-board{aspect-ratio:1;touch-action:none;padding:10px;position:relative;overflow:hidden}.tile-backs{grid-template-columns:repeat(4,1fr);gap:9px;display:grid;position:absolute;inset:10px}.tile-backs i{background:#b8adbd;border-radius:6px}.tiles-layer{position:absolute;inset:10px}.moving-tile{width:calc(25% - 6.75px);height:calc(25% - 6.75px);left:calc(var(--col)*(25% + 2.25px));top:calc(var(--row)*(25% + 2.25px));color:#4b4253;z-index:2;will-change:left,top;border-radius:6px;place-items:center;font:800 clamp(21px,7vw,37px) system-ui;transition:left .15s cubic-bezier(.22,.75,.28,1),top .15s cubic-bezier(.22,.75,.28,1);display:grid;position:absolute}.moving-tile.t2{background:#eee8f2}.moving-tile.t4{background:#dfd1eb}.moving-tile.t8{color:#fff;background:#c39fdf}.moving-tile.t16{color:#fff;background:#a978cd}.moving-tile.t32{color:#fff;background:#8958b5}.moving-tile.t64{color:#fff;background:#6f419b}.moving-tile.t128,.moving-tile.t256{color:#fff;background:#d3a351;font-size:29px}.moving-tile.t512,.moving-tile.t1024,.moving-tile.t2048{color:#fff;background:#b87932;font-size:24px}.tile-pop{animation:.18s ease-out tile-pop}.tile-pop.t2,.tile-pop.t4{animation:.16s ease-out new-tile}@keyframes tile-pop{0%{transform:scale(.78)}65%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes new-tile{0%{opacity:.3;transform:scale(.25)}to{opacity:1;transform:scale(1)}}.twenty-wrap>.result{z-index:50;background:#f5efdff0;box-shadow:0 12px 35px #281f3033}