.mg-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.mg-box{touch-action:none;user-select:none;-webkit-user-select:none}
.mg-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,2vw,10px);width:min(100%,440px);aspect-ratio:1;margin:0 auto;padding:clamp(6px,2vw,10px);border-radius:16px;background:#b9ab9a}
.mg-cell{display:grid;place-items:center;border-radius:10px;background:#d6cbbd;color:#3f352c;font:800 clamp(22px,7vw,40px) var(--mono)}
.mg-cell.long{font-size:clamp(16px,5vw,30px)}
.mg-cell[data-value="2"]{background:#f3ece2}
.mg-cell[data-value="4"]{background:#efe0c8}
.mg-cell[data-value="8"]{background:#f2b179;color:#fff}
.mg-cell[data-value="16"]{background:#ef9559;color:#fff}
.mg-cell[data-value="32"]{background:#e9784f;color:#fff}
.mg-cell[data-value="64"]{background:#d95a37;color:#fff}
.mg-cell[data-value="128"]{background:#e9cf72;color:#fff}
.mg-cell[data-value="256"]{background:#e6c85d;color:#fff}
.mg-cell[data-value="512"]{background:#e2bf45;color:#fff}
.mg-cell[data-value="1024"]{background:#d8b331;color:#fff}
.mg-cell[data-value="2048"]{background:#b84d29;color:#fff;box-shadow:0 0 18px #b84d2988}
.mg-cell[data-value="4096"]{background:#2b2622;color:#fff}
.mg-cell.spawned{animation:mg-in .16s ease-out}
.mg-cell.merged{animation:mg-pop .16s ease-out}
.mg-message{text-align:center}
@keyframes mg-in{from{transform:scale(.4);opacity:.3}to{transform:none;opacity:1}}
@keyframes mg-pop{50%{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.mg-cell{animation:none!important}}