/* Đếm cùng gấu: hình chạm được, hiện số thứ tự */
.cnt-box { max-width: min(560px, 86vw); gap: clamp(6px, 1.4vmin, 12px); }
.cnt-item { position: relative; min-width: 64px; min-height: 64px; padding: 4px; border: 0; border-radius: 18px; background: transparent; cursor: pointer; display: grid; place-items: center; transition: transform .15s, background .2s; }
.cnt-item:active { transform: scale(.92); }
.cnt-item i { position: absolute; top: -4px; right: -4px; min-width: 26px; height: 26px; padding: 0 6px; border-radius: 99px; font: 800 16px/26px var(--font); font-style: normal; color: #fff; background: #2fc6d6; box-shadow: 0 3px 0 #0e98a8; transform: scale(0); transition: transform .2s; }
.cnt-item.on { background: rgba(47, 198, 214, .16); }
.cnt-item.on i { transform: scale(1); }
.cnt-box.all .cnt-item { animation: hop .55s ease 1; }