html,body{overscroll-behavior:none}:root{--anim-duration: .15s}.bg-board{background:#9c897a;box-shadow:0 10px 30px #8c643c2e,0 4px 6px #8c643c21,inset 0 -1px #0000001a}.tile-generic{--digits: 2;font-size:min(calc(180cqw / var(--digits)),40cqw);color:#c4bdb7;background:linear-gradient(to bottom,#3f382f,#322b24);box-shadow:0 2px 5px #fff4cd14,0 -1px 4px #0003,inset 0 -1px #00000080,inset 0 0 #00000080,inset 0 1px #ffffff61}.tile-empty{background:#bdac98;box-shadow:inset 0 -1px #ffffff26,inset 0 -4px 10px #ffffff13,inset 0 3px 3px #6e42142e,inset 0 1.5px #0003}.tile-2{color:#756452;background:#ece4db;box-shadow:0 4px 4px #0000001a,inset 0 1px #fff6}.tile-4{color:#756452;background:#e8d8ba;box-shadow:0 4px 4px #0000001a,inset 0 1px #fff6}.tile-8{color:#fff;background:linear-gradient(to bottom,#f3b279,#f0ac70);box-shadow:4px 4px 4px #0000001a,inset 0 1px #ffffff1a}.tile-16{color:#fff;background:linear-gradient(to bottom,#f79463,#f58e58);box-shadow:0 4px 4px #0000001a,inset 0 1px #fff3}.tile-32{color:#fff;background:linear-gradient(to bottom,#f78267,#f47454);box-shadow:4px 4px 4px #0000001a,inset 0 1px #fff3}.tile-64{color:#fff;background:linear-gradient(to bottom,#f76745,#f45732);box-shadow:4px 4px 4px #0000001a,inset 0 1px #fff3}.tile-128{color:#fff;background:linear-gradient(to bottom,#f0d472,#f3ce4d);box-shadow:4px 4px 4px #0000001a;border:1px solid rgba(255,255,255,.3)}.tile-256{color:#fff;background:linear-gradient(to bottom,#f2d46d,#f6cb46,#f3cc47);box-shadow:0 4px 4.5px #0000001f,0 0 10px #e6c44f66;border:1px solid rgba(255,255,255,.2);filter:brightness(1.01)}.tile-512{color:#fff;background:linear-gradient(to bottom,#f7d566,#fbc727 70%,#f4c943);box-shadow:2px 4px 5px #00000026,0 0 10px #e6c44f99,inset 0 .5px #ffffff4d,inset 0 -.5px #ffffff4d;border:1px solid rgba(255,255,255,.3);filter:brightness(1.04)}.tile-1024{color:#fff;background:linear-gradient(to bottom,#fad761,#ffc500 70%,#f4c73d);box-shadow:0 4px 2.75px #0000002b,0 0 10px #f9c722cc,inset 0 0 5px #e6c44fcc,inset 0 1px #ffffff59;border:1px solid rgba(255,255,255,.4);filter:brightness(1.07)}.tile-2048{color:#fff;background:linear-gradient(to bottom,#ffd950,#ffba00 70%,#f7c22c);box-shadow:0 4px 3px #0003,0 -2px 5px #e6c44f99,0 2px 7px #ffbd0f99;border:1px solid rgba(255,255,255,.4);filter:brightness(1.1)}.animate-fade-in{animation:fade-in .8s ease 1s both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fade-up .8s ease-out forwards}@keyframes fade-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.animate-pop{animation:pop var(--anim-duration) ease-out forwards}@keyframes pop{0%{transform:scale(1)}90%{transform:scale(1.07)}to{transform:scale(1)}}.animate-spawn{animation:spawn var(--anim-duration) ease forwards}@keyframes spawn{0%{transform:scale(0)}90%{transform:scale(1.05)}to{transform:scale(1)}}