(x, y) → (
startHtmlDrag(e, s5.slots.x, 'x')"
class="absolute inset-0 m-auto w-[90%] h-[80%] bg-pink-500 text-white rounded shadow-sm flex items-center justify-center cursor-grab text-lg font-mono z-10"
:style="htmlDrag.active?.id === s5.slots.x ? `transform: translate(${htmlDrag.tx}px, ${htmlDrag.ty}px); z-index: 50;` : ''">
{{ s5.slots.x }}
,
startHtmlDrag(e, s5.slots.y, 'y')"
class="absolute inset-0 m-auto w-[90%] h-[80%] bg-pink-500 text-white rounded shadow-sm flex items-center justify-center cursor-grab text-lg font-mono z-10"
:style="htmlDrag.active?.id === s5.slots.y ? `transform: translate(${htmlDrag.tx}px, ${htmlDrag.ty}px); z-index: 50;` : ''">
{{ s5.slots.y }}
)
startHtmlDrag(e, chip, 'pool')"
class="w-14 h-10 bg-white border-2 border-pink-200 text-pink-600 rounded-lg shadow-sm flex items-center justify-center cursor-grab text-lg font-mono font-bold select-none hover:bg-pink-50 transition-colors touch-none"
:style="htmlDrag.active?.id === chip ? `transform: translate(${htmlDrag.tx}px, ${htmlDrag.ty}px); z-index: 50; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);` : ''">
{{ chip }}
All tiles placed