{{ dragState.value }}
Master Solver!
You've mastered the order of operations. Always look for parentheses first, then multiply or divide!
Rules
( )
First
× ÷
Next
+ -
Last
{{ actionLabel }}
{{ token.text }}
startDrag(e, choice)"
:class="[
'w-20 h-20 rounded-2xl font-bold text-4xl shadow-sm border-b-4 flex items-center justify-center cursor-grab touch-none select-none',
dragState.isDragging && dragState.value === choice ? 'opacity-0' : 'bg-white text-slate-700 border-slate-200',
wrongChoiceId === choice ? 'shake bg-red-100 text-red-600 border-red-300' : ''
]">
{{ choice }}
{{ stepperValue }}