{#if battleState?.fieldEffects}
{/if}

{
const target = e.currentTarget as HTMLImageElement;
const nextSibling = target.nextElementSibling as HTMLElement;
target.style.display = 'none';
if (nextSibling) nextSibling.style.display = 'block';
}}
/>
{#if enemyVisible}
{
const target = e.currentTarget as HTMLImageElement;
target.src = 'https://via.placeholder.com/120x120?text=Piclet';
}}
/>
{#if battleState?.opponentPiclet?.statusEffects}
({ type: effect, turnsLeft: 3 }))} />
{/if}
{/if}

{
const target = e.currentTarget as HTMLImageElement;
const nextSibling = target.nextElementSibling as HTMLElement;
target.style.display = 'none';
if (nextSibling) nextSibling.style.display = 'block';
}}
/>
{#if playerVisible}
{
const target = e.currentTarget as HTMLImageElement;
target.src = 'https://via.placeholder.com/120x120?text=Piclet';
}}
/>
{#if battleState?.playerPiclet?.statusEffects}
({ type: effect, turnsLeft: 3 }))} />
{/if}
{/if}