step === 3 ? startDrag(e, item, plot[f.val]) : null"
@click="handleItemClick(item, f.val)"
:class="['fraction-card',
{ 'shake': shakingItems.has(item.id),
'cursor-pointer hover:-translate-y-1': isItemInteractable(item, f.val),
'cursor-default': !isItemInteractable(item, f.val),
'opacity-30 pointer-events-none': dragState.item && dragState.item.id === item.id }]">