.bka-fd{display:grid;gap:8px;min-height:124px}.bka-hand{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"av name btn" "av fingers btn";align-items:center;gap:2px 10px;padding:8px 10px;background:#fff;border:3px solid var(--ink);border-radius:18px;transition:opacity .3s,transform .2s var(--bounce)}.bka-hand .bka-av{grid-area:av;width:40px}.bka-hand__name{grid-area:name;justify-self:start;padding:0;border:0;background:none;cursor:pointer;font-size:13px;text-decoration:underline dotted;text-underline-offset:3px;color:var(--ink)}.bka-fingers{grid-area:fingers;display:flex;gap:3px;align-items:flex-end;height:26px}.bka-fingers i{width:9px;height:24px;border:2px solid var(--ink);border-radius:999px;background:var(--paper,#fdf9f1);transform-origin:50% 100%;transition:transform .3s var(--bounce),background .3s}.bka-fingers i:nth-child(5){margin-right:6px}.bka-fingers i.is-down{transform:scaleY(.32);background:var(--c,#f6a8c8)}.bka-hand .bka-btn{grid-area:btn}.bka-hand.is-marked{transform:rotate(-.6deg);background:var(--c-pale,#fbd6e5)}.bka-hand.is-out{opacity:.45}@media (min-width:640px){.bka-fingers i{width:12px;height:28px}.bka-fingers{height:30px;gap:4px}}