.game-2053{--grid-gap:0.5rem;--grid-padding:0.5rem}.game-board{position:relative;width:100%;max-width:28rem;aspect-ratio:1;padding:var(--grid-padding);border-radius:.5rem;box-shadow:0 10px 15px -3px rgb(0 0 0/.1);touch-action:none}.dark .game-board,.game-board{background-color:rgb(55 65 81)}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--grid-gap);width:100%;height:100%}.game-cell{border-radius:.375rem}.dark .game-cell,.game-cell{background-color:rgb(75 85 99)}.game-tiles-container{position:absolute;inset:var(--grid-padding);pointer-events:none}.game-tile{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:700;transition:all .15s ease-in-out;width:calc((100% - 1.5rem) / 4);height:calc((100% - 1.5rem) / 4)}.game-tile[data-x="0"]{top:0}.game-tile[data-x="1"]{top:calc(25% + .125rem)}.game-tile[data-x="2"]{top:calc(50% + .25rem)}.game-tile[data-x="3"]{top:calc(75% + .375rem)}.game-tile[data-y="0"]{left:0}.game-tile[data-y="1"]{left:calc(25% + .125rem)}.game-tile[data-y="2"]{left:calc(50% + .25rem)}.game-tile[data-y="3"]{left:calc(75% + .375rem)}.tile-consumed-left{animation:tile-consumed-left .3s ease-in forwards;z-index:10}.tile-consumed-right{animation:tile-consumed-right .3s ease-in forwards;z-index:10}.tile-consumed-up{animation:tile-consumed-up .3s ease-in forwards;z-index:10}.tile-consumed-down{animation:tile-consumed-down .3s ease-in forwards;z-index:10}.tile-merge-destination{animation:tile-merge-destination .3s ease-out;z-index:20}.tile-2{background-color:rgb(226 232 240)}.tile-2,.tile-3{color:rgb(30 41 59)}.tile-3{background-color:rgb(203 213 225)}.tile-5{background-color:rgb(96 165 250);color:white}.tile-7{background-color:rgb(59 130 246);color:white}.tile-11{background-color:rgb(168 85 247);color:white}.tile-13{background-color:rgb(147 51 234);color:white}.tile-17{background-color:rgb(236 72 153);color:white}.tile-19{background-color:rgb(219 39 119);color:white}.tile-23{background-color:rgb(239 68 68);color:white}.tile-29{background-color:rgb(220 38 38);color:white}.tile-31{background-color:rgb(251 146 60);color:white}.tile-37{background-color:rgb(249 115 22);color:white}.tile-41{background-color:rgb(250 204 21);color:white}.tile-43{background-color:rgb(234 179 8);color:white}.tile-47{background-color:rgb(34 197 94);color:white}.tile-53{background-color:rgb(22 163 74);color:white}.tile-59{background-color:rgb(20 184 166);color:white}.tile-61{background-color:rgb(13 148 136);color:white}.tile-67{background-color:rgb(6 182 212);color:white}.tile-71{background-color:rgb(8 145 178);color:white}.tile-73{background-color:rgb(99 102 241);color:white}.tile-79{background-color:rgb(79 70 229);color:white}.tile-83{background-color:rgb(139 92 246);color:white}.tile-89{background-color:rgb(124 58 237);color:white}.tile-97{background-color:rgb(217 70 239);color:white}.tile-101{background-color:rgb(192 38 211);color:white}.tile-103{background-color:rgb(244 63 94);color:white}.tile-107{background-color:rgb(225 29 72);color:white}.tile-109{background-color:rgb(251 191 36);color:white}.tile-113{background-color:rgb(245 158 11);color:white}.tile-127{background-color:rgb(132 204 22);color:white}.tile-131{background-color:rgb(101 163 13);color:white}.tile-137{background-color:rgb(16 185 129);color:white}.tile-139{background-color:rgb(5 150 105);color:white}.tile-149{background-color:rgb(14 165 233);color:white}.tile-151{background-color:rgb(2 132 199);color:white}.tile-157{background-color:rgb(37 99 235);color:white}.tile-163{background-color:rgb(126 34 206);color:white}.tile-167{background-color:rgb(190 24 93);color:white}.tile-173{background-color:rgb(185 28 28);color:white}.tile-179{background-color:rgb(194 65 12);color:white}.tile-181{background-color:rgb(180 83 9);color:white}.tile-191{background-color:rgb(21 128 61);color:white}.tile-193{background-color:rgb(15 118 110);color:white}.tile-197{background-color:rgb(14 116 144);color:white}.tile-199{background-color:rgb(67 56 202);color:white}.tile-large{background:linear-gradient(135deg,var(--tile-color-1),var(--tile-color-2));color:white}.tile-text-xs{font-size:.875rem}.tile-text-sm{font-size:1.125rem}.tile-text-base{font-size:1.5rem}.tile-text-lg{font-size:1.875rem}@keyframes tile-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes tile-consumed-left{0%{transform:translateX(0) scale(1);opacity:1}70%{transform:translateX(-100%) scale(.8);opacity:.8}to{transform:translateX(-100%) scale(0);opacity:0}}@keyframes tile-consumed-right{0%{transform:translateX(0) scale(1);opacity:1}70%{transform:translateX(100%) scale(.8);opacity:.8}to{transform:translateX(100%) scale(0);opacity:0}}@keyframes tile-consumed-up{0%{transform:translateY(0) scale(1);opacity:1}70%{transform:translateY(-100%) scale(.8);opacity:.8}to{transform:translateY(-100%) scale(0);opacity:0}}@keyframes tile-consumed-down{0%{transform:translateY(0) scale(1);opacity:1}70%{transform:translateY(100%) scale(.8);opacity:.8}to{transform:translateY(100%) scale(0);opacity:0}}@keyframes tile-merge-destination{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tile-new{animation:tile-pop .2s ease-out}.game-over{position:absolute;inset:0;background-color:rgba(0,0,0,.7);border-radius:.5rem;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.game-over-content{text-align:center;color:white}.game-over-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.game-over-score{font-size:1.25rem;margin-bottom:1rem}.game-over-btn{padding:.75rem 1.5rem;background-color:rgb(37 99 235);border-radius:.5rem;font-weight:600;transition:background-color .15s}.game-over-btn:hover{background-color:rgb(29 78 216)}