.am-board{position:relative;aspect-ratio:1;padding:8px;border-radius:var(--radius-md);background:#8a6a45;touch-action:none;outline-offset:3px;--gap:8px}.am-grid{position:absolute;inset:8px;display:grid;grid-template:repeat(4,1fr) / repeat(4,1fr);gap:var(--gap)}.am-grid i{border-radius:12px;background:rgba(255,255,255,0.16)}.am-tiles{position:absolute;inset:8px}.am-tile{position:absolute;width:calc((100% - 3 * var(--gap)) / 4);height:calc((100% - 3 * var(--gap)) / 4);left:calc(var(--c) * (100% - 3 * var(--gap)) / 4 + var(--c) * var(--gap));top:calc(var(--r) * (100% - 3 * var(--gap)) / 4 + var(--r) * var(--gap));display:grid;place-items:end center;padding-bottom:6%;border-radius:44% 44% 50% 50% / 38% 38% 62% 62%;font:700 clamp(1.2rem,6.5vw,2rem) var(--font-head);color:var(--neutral-10);background:linear-gradient(#8a5a22 0 28%,var(--bg) 28%);transition:left 0.12s ease-out,top 0.12s ease-out;box-shadow:inset 0 -4px 0 rgba(0,0,0,0.14)}.am-tile.is-new{animation:am-pop 0.18s ease-out}.am-tile.is-merged{animation:am-bump 0.2s ease-out}@keyframes am-pop{from{transform:scale(0.4)}to{transform:none}}@keyframes am-bump{50%{transform:scale(1.12)}}.am-tile.t2{--bg:#f1e6c8}.am-tile.t4{--bg:#f4d98f}.am-tile.t8{--bg:#f0b95a}.am-tile.t16{--bg:#e89a4a}.am-tile.t32{--bg:#d9784a}.am-tile.t64{--bg:#c8564a;color:#fff}.am-tile.t128{--bg:#7fb98f}.am-tile.t256{--bg:#4f9a74;color:#fff}.am-tile.t512{--bg:#2E6B4D;color:#fff}.am-tile.t1024{--bg:#1c3f2d;color:#fff}.am-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-top:var(--space-3)}.am-pad .btn{min-height:3rem;font-size:1.4rem;padding-inline:0}@media (hover:hover) and (pointer:fine){.am-pad{display:none}}@media (prefers-reduced-motion:reduce){.am-tile{transition:none;animation:none !important}}