diff --git a/frontend/src/components/ScenePhase.svelte b/frontend/src/components/ScenePhase.svelte index 9f86a00..c370ea7 100644 --- a/frontend/src/components/ScenePhase.svelte +++ b/frontend/src/components/ScenePhase.svelte @@ -68,31 +68,29 @@
{#if state.player.role === "deep"} - {/if} + {:else} + +
+

🃏 Your Hand

+

Keep your cards secret! When the Deep challenges you (or you assist a crewmate), drag a card onto an applied obstacle to play it. Jokers can hit any obstacle, any time.

- -
-

🃏 Your Hand

-

Keep your cards secret! {#if state.player.role !== "deep"}When the Deep challenges you (or you assist a crewmate), drag a card onto an applied obstacle to play it. Jokers can hit any obstacle, any time.{/if}

- -
- {#each hand as card} - { - e.dataTransfer.setData('text/plain', card); - e.currentTarget.classList.add("dragging"); - }} - on:dragend={(e) => { - e.currentTarget.classList.remove("dragging"); - }} /> - {:else} -

Your hand is empty! (You draw cards when playing cards that match the suit color of the obstacle.)

- {/each} +
+ {#each hand as card} + { + e.dataTransfer.setData('text/plain', card); + e.currentTarget.classList.add("dragging"); + }} + on:dragend={(e) => { + e.currentTarget.classList.remove("dragging"); + }} /> + {:else} +

Your hand is empty! (You draw cards when playing cards that match the suit color of the obstacle.)

+ {/each} +
-
- {#if state.player.role !== "deep"} {/if}