(panelCollapsed = !panelCollapsed)} aria-label={panelCollapsed ? "Expand tutorial" : "Collapse tutorial"} title={panelCollapsed ? "Show tutorial" : "Hide tutorial"} > {panelCollapsed ? "📋" : "×"}
{#if !panelCollapsed}
Tutorial
{objectives.filter((o) => doneMap[o.id]) .length}/{objectives.length}
{#each objectives as obj, i} {@const done = doneMap[obj.id] ?? false}
{done ? "✓" : i === currentObjectiveIndex ? "▶" : "○"}
{obj.label}
{/each}
Quit tutorial
{/if}
{#if activeHint && !doneMap[activeHint.id]}
💡
Hint — {activeHint.label}
{activeHint.hint}
Got it
{/if} {#if allDone}
🏆
Tutorial Complete!
Well done, Commander! You've mastered the basics.
Ready to face a real opponent?
Play a real match
{/if}