diff --git a/app/components/character/CharacterDetailModal.vue b/app/components/character/CharacterDetailModal.vue
index c0987b9..9f59f4c 100644
--- a/app/components/character/CharacterDetailModal.vue
+++ b/app/components/character/CharacterDetailModal.vue
@@ -12,7 +12,7 @@ interface CharacterDetail {
 }
 
 const show = defineModel<boolean>({ required: true });
-const props = defineProps<{ card: CharacterDetail | null; showStart?: boolean }>();
+defineProps<{ card: CharacterDetail | null }>();
 const emit = defineEmits<{ start: [slug: string] }>();
 </script>
 
@@ -56,7 +56,7 @@ const emit = defineEmits<{ start: [slug: string] }>();
         </div>
 
         <button
-          v-if="props.showStart !== false && card.slug"
+          v-if="card.slug"
           class="start-btn"
           @click="emit('start', card.slug)"
         >
diff --git a/app/pages/characters/[slug].vue b/app/pages/characters/[slug].vue
index 599611d..79b3626 100644
--- a/app/pages/characters/[slug].vue
+++ b/app/pages/characters/[slug].vue
@@ -131,6 +131,11 @@ function handleSwitchCard(slug: string) {
   navigateTo(`/characters/${slug}`);
 }
 
+function handleDetailStart(slug: string) {
+  detailShow.value = false;
+  navigateTo(`/characters/${slug}`);
+}
+
 function onModelSelect(e: Event) {
   const id = Number((e.target as HTMLSelectElement).value);
   if (id) handleModelChange(id);
@@ -305,7 +310,7 @@ onMounted(async () => {
       </footer>
     </main>
 
-    <CharacterDetailModal v-model:show="detailShow" :card="cardInfo" :show-start="false" />
+    <CharacterDetailModal v-model:show="detailShow" :card="cardInfo" @start="handleDetailStart" />
   </div>
 </template>
 
diff --git a/packages/drizzle-pkg/db.sqlite b/packages/drizzle-pkg/db.sqlite
index 046bda8..7aea6d6 100644
Binary files a/packages/drizzle-pkg/db.sqlite and b/packages/drizzle-pkg/db.sqlite differ