@jjlmoya/utils-tabletop 1.6.0 → 1.7.0

package/src/tool/investigation-board/i18n/it.ts

@@ -3,8 +3,8 @@ import type { InvestigationBoardLocaleContent } from '../entry';
 
 export const content: InvestigationBoardLocaleContent = {
   slug: "creatore-lavagna-cospirazione",
-  title: "Creatore Lavagna Cospirazione",
-  description: "Progetta lavagne interattive di cospirazione e mappe investigative. Collega personaggi, indizi, luoghi e traccia relazioni con collegamenti personalizzati.",
+  title: "Creatore Lavagna Cospirazione: Mappa di Relazioni & Indizi RPG Online",
+  description: "Progetta lavagne interattive di cospirazione e mappe investigative RPG. Collega sospetti, indizi e luoghi con fili colorati.",
   ui: {
   "title": "Creatore Lavagna Cospirazione",
   "addCard": "Aggiungi Carta",
@@ -39,8 +39,8 @@ export const content: InvestigationBoardLocaleContent = {
   "immersive": "Schermo Intero"
 },
   seo: [
-    { type: 'title', text: "Creatore Lavagna Cospirazione per Giochi di Ruolo da Tavolo e Investigativi", level: 2 },
-    { type: 'paragraph', html: "Crea mappe investigative coinvolgenti e lavagne di cospirazione per i tuoi giochi di ruolo da tavolo. Trascina indizi, luoghi e personaggi, quindi collegali con fili personalizzati per visualizzare misteri complessi." },
+    { type: 'title', text: "Creatore Lavagna Cospirazione Online: Organizza Indizi RPG e Mappe Relazionali", level: 2 },
+    { type: 'paragraph', html: "Districare una complessa rete di bugie, tracciare alibi e collegare prove sulla scena del crimine può sopraffare qualsiasi gruppo di gioco di ruolo investigativo. Sia che tu stia gestendo una campagna di Il Richiamo di Cthulhu, un mistero cyberpunk, un'indagine fantasy in D&D o stia scrivendo un thriller, il nostro creatore di lavagne di cospirazione online è lo strumento definitivo. Trascina, rilascia, categorizza e collega indizi, PNG e prove fisiche su una lavagna digitale infinita. Usa fili di relazione colorati per vedere all'istante come i sospetti sono legati a scene del crimine, alibi e moventi nascosti, eliminando note cartacee." },
     {
       type: 'stats',
       items: [
@@ -50,35 +50,94 @@ export const content: InvestigationBoardLocaleContent = {
       ],
       columns: 3
     },
-    { type: 'title', text: "Come Costruire una Mappa Investigativa", level: 2 },
-    { type: 'paragraph', html: "Aggiungi carte personalizzate che rappresentano indizi, personaggi, oggetti e luoghi. Trascinale sulla griglia. Seleziona due carte per collegarle con un filo di relazione colorato. Fai doppio clic su nodi o fili per i dettagli." }
-  ],
-  faq: [
+    { type: 'title', text: "Consigli per Strutturare la tua Mappa Investigativa RPG", level: 2 },
+    { type: 'tip', title: "La Regola dei Tre Indizi", html: "Per ogni conclusione o deduzione che vuoi che i giocatori raggiungano, aggiungi almeno tre indizi diversi alla lavagna investigativa. Collegali usando fili colorati personalizzati per mostrare percorsi di ragionamento alternativi. Usa carte Personaggio per sospetti e testimoni, Luoghi per scene del crimine e Oggetti per prove fisiche o documenti. Aggiorna costantemente le note private." },
+    { type: 'title', text: "Lavagne di Cospirazione Digitali vs Lavagne in Sughero Fisiche", level: 2 },
     {
-      question: "Come faccio ad aggiungere linee di connessione?",
-      answer: "Fai clic su Aggiungi connessione nel pannello di controllo, scegli le carte di origine e destinazione, assegna un etichetta di testo e un colore, quindi salva."
+      type: 'proscons',
+      title: "Lavagne di Cospirazione Digitali vs Lavagne in Sughero Fisiche",
+      items: [
+        { pro: "Dimensioni lavagna illimitate per aggiungere tutti gli indizi, sospetti e relazioni di cui hai bisogno senza limiti di spazio.", con: "Richiede uno schermo o tablet sul tavolo da gioco durante la sessione di gioco." },
+        { pro: "Ricerca istantanea e filtri di categoria per trovare testimoni o indizi durante le sessioni di gioco.", con: "Manca la sensazione tattile dello spago rosso e delle puntine fisiche su una parete vera." },
+        { pro: "Salva, carica e condividi mappe digitalmente senza occupare spazio fisico in casa tra le sessioni.", con: "Richiede accesso a Internet o memoria locale del browser per salvare lo stato della lavagna." }
+      ]
     },
+    { type: 'title', text: "Scegliere le Categorie di Carte per la tua Mappa dei Misteri", level: 3 },
     {
-      question: "Posso trascinare le carte su mobile?",
-      answer: "Sì, la lavagna supporta il touch per trascinare e spostare facilmente le carte su smartphone e tablet."
-    }
-  ],
-  bibliography,
-  howTo: [
+      type: 'comparative',
+      items: [
+        {
+          title: "Nodi Personaggio",
+          description: "Rappresentano PNG, sospetti, testimoni o organizzazioni. Evidenzia le relazioni con linee colorate.",
+          icon: 'mdi:account-group',
+          highlight: true,
+          points: [
+            "Traccia alibi e moventi dei sospetti",
+            "Collega legami familiari e alleanze di fazione",
+            "Annota dettagli delle testimonianze"
+          ]
+        },
+        {
+          title: "Nodi Indizio",
+          description: "Rappresentano prove fisiche, autopsie, alibi o voci scoperte dai giocatori durante la campagna.",
+          icon: 'mdi:magnify',
+          highlight: false,
+          points: [
+            "Referti autoptici e analisi scientifiche",
+            "Oggetti fisici raccolti sulla scena del crimine",
+            "Voci di corridoio ascoltate e segreti"
+          ]
+        },
+        {
+          title: "Nodi Luogo",
+          description: "Scene del crimine, case di sospetti, nascondigli segreti o città.",
+          icon: 'mdi:map-marker',
+          highlight: false,
+          points: [
+            "Foto scene del crimine e mappe",
+            "Residenze dei principali PNG",
+            "Nascondigli segreti e portali dimensionali"
+          ]
+        }
+      ],
+      columns: 3
+    },
+    { type: 'title', text: "Glossario delle Mappe di Cospirazione", level: 3 },
     {
-      name: "Aggiungi Carte Investigazione",
-      text: "Crea carte che rappresentano NPC, indizi, scene del crimine o oggetti."
+      type: 'glossary',
+      items: [
+        { term: "Nodo Investigativo", definition: "Qualsiasi carta sulla lavagna che rappresenta una persona, luogo, indizio o oggetto." },
+        { term: "Filo di Relazione", definition: "Una linea colorata che collega due carte, indicando la loro relazione (ad es. Sospetto, Alibi, Proprietario)." },
+        { term: "Modo Immersivo", definition: "Un layout a schermo intero che nasconde i menu di controllo per massimizzare lo spazio su mobile o tablet." },
+        { term: "Percorso Evidenziato", definition: "Un percorso visivo che mostra solo i nodi e le linee collegate a una carta selezionata, oscurando il resto della lavagna." }
+      ]
     },
     {
-      name: "Collega Relazioni",
-      text: "Crea linee di connessione tra le carte per mostrare come sono correlati gli indizi."
+      type: 'diagnostic',
+      variant: 'info',
+      title: "Consiglio Prestazioni per Dispositivi Mobili",
+      icon: 'mdi:information-outline',
+      badge: 'GRID TIP',
+      html: "Se lo spostamento dei nodi è lento su tablet datati, attiva la modalità schermo intero per nascondere i menu. Assicurati che l'allineamento alla griglia sia attivo (le carte si allineano ogni 15px) per tenere ordinata la lavagna."
     }
   ],
+  faq: [
+    { question: "Come faccio ad aggiungere linee di connessione?", answer: "Fai clic su Aggiungi connessione o fai clic sull'icona del collegamento su una carta e seleziona la carta di destinazione." },
+    { question: "Posso trascinare le carte su mobile?", answer: "Sì, la lavagna supporta il touch per trascinare e spostare facilmente le carte su smartphone e tablet." },
+    { question: "Posso usare colori di carta personalizzati?", answer: "Sì. Fai doppio clic su una carta, seleziona Personalizzato sotto Categoria e scegli un colore." },
+    { question: "La lavagna salva il mio lavoro?", answer: "Sì. I tuoi progressi vengono salvati automaticamente nella memoria locale del browser." },
+    { question: "Come posso zoomare e muovermi sulla lavagna?", answer: "Usa le dita per zoomare o la rotellina del mouse. Trascina lo sfondo per spostare la lavagna." }
+  ],
+  bibliography,
+  howTo: [
+    { name: "Aggiungi Carte Investigazione", text: "Crea carte che rappresentano NPC, indizi, scene del crimine o oggetti." },
+    { name: "Collega Relazioni", text: "Crea linee di connessione tra le carte per mostrare come sono correlati gli indizi." }
+  ],
   schemas: [
     {
       '@context': 'https://schema.org',
       '@type': 'SoftwareApplication',
-      'name': "Creatore Lavagna Cospirazione",
+      'name': "Creatore Lavagna Cospirazione: Mappa di Relazioni & Indizi RPG Online",
       'operatingSystem': 'All',
       'applicationCategory': 'UtilitiesApplication',
       'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.'
@@ -92,7 +151,7 @@ export const content: InvestigationBoardLocaleContent = {
           'name': "Come faccio ad aggiungere linee di connessione?",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': "Fai clic su Aggiungi connessione nel pannello di controllo, scegli le carte di origine e destinazione, assegna un etichetta di testo e un colore, quindi salva."
+            'text': "Fai clic su Aggiungi connessione o fai clic sull'icona del collegamento su una carta e seleziona la carta di destinazione."
           }
         },
         {
@@ -102,6 +161,30 @@ export const content: InvestigationBoardLocaleContent = {
             '@type': 'Answer',
             'text': "Sì, la lavagna supporta il touch per trascinare e spostare facilmente le carte su smartphone e tablet."
           }
+        },
+        {
+          '@type': 'Question',
+          'name': "Posso usare colori di carta personalizzati?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Sì. Fai doppio clic su una carta, seleziona Personalizzato sotto Categoria e scegli un colore."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "La lavagna salva il mio lavoro?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Sì. I tuoi progressi vengono salvati automaticamente nella memoria locale del browser."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "Come posso zoomare e muovermi sulla lavagna?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "Usa le dita per zoomare o la rotellina del mouse. Trascina lo sfondo per spostare la lavagna."
+          }
         }
       ]
     },

package/src/tool/investigation-board/i18n/ja.ts

@@ -3,8 +3,8 @@ import type { InvestigationBoardLocaleContent } from '../entry';
 
 export const content: InvestigationBoardLocaleContent = {
   slug: "investigation-board",
-  title: "相関図メーカー",
-  description: "インタラクティブな相関図や捜査マップを作成。人物、手がかり、場所を繋ぎ、カスタマイズされたリンクで関係性を視覚化します。",
+  title: "相関図メーカー：オンライン推理RPG手掛かり＆関係図整理ツール",
+  description: "インタラクティブな相関図や捜査マップを作成。人物、手がかり、場所を繋ぎ、カスタマイズされた赤い糸で関係性を視覚化します。",
   ui: {
   "title": "相関図メーカー",
   "addCard": "カード追加",
@@ -39,8 +39,8 @@ export const content: InvestigationBoardLocaleContent = {
   "immersive": "全画面表示"
 },
   seo: [
-    { type: 'title', text: "TRPGや探偵ゲーム用の相関図メーカー", level: 2 },
-    { type: 'paragraph', html: "テーブルトークRPG用の没入型捜査マップや相関図を作成。手がかり、場所、人物をドラッグ＆ドロップし、カスタマイズされた糸で繋ぎ合わせて複雑な謎を視覚化します。" },
+    { type: 'title', text: "オンライン相関図メーカー：推理RPGの手がかりと人物関係図を整理", level: 2 },
+    { type: 'paragraph', html: "複雑な嘘の網を解き明かし、容疑者のアリバイを追跡し、事件現場の証拠を繋ぎ合わせる作業は、推理RPGのセッションにおいてプレイヤーを混乱させがちです。クトゥルフ神話TRPGのキャンペーン、サイバーパンクの殺人ミステリー、D&Dの探偵クエスト、あるいはサスペンス小説の執筆など、どのような場面でもこのオンライン相関図メーカーが役に立ちます。無限のデジタルコルクボード上で、手がかり、NPC、物理的証拠をドラッグ＆ドロップで整理。色分けされた関係性の糸を使って、容疑者がどのように事件現場やアリバイ、隠された動機と結びついているかを瞬時に見渡せます。" },
     {
       type: 'stats',
       items: [
@@ -50,35 +50,94 @@ export const content: InvestigationBoardLocaleContent = {
       ],
       columns: 3
     },
-    { type: 'title', text: "捜査マップの作り方", level: 2 },
-    { type: 'paragraph', html: "手がかり、人物、アイテム、場所を表すカスタムカードを追加し、グリッド上でドラッグして配置します。2枚のカードを選択して、色付きの関係性の糸でリンクさせます。ノードや糸をダブルクリックすると詳細情報を表示できます。" }
-  ],
-  faq: [
+    { type: 'title', text: "推理RPGの捜査ボードを整理するコツ", level: 2 },
+    { type: 'tip', title: "3つの手がかりルール", html: "プレイヤーに導き出させたい結論や推理ごとに、ボード上に少なくとも3つの異なる手がかりを追加します。それらをカスタム色付きの糸で結び、異なる推論のルートを示します。容疑者には人物カード、事件現場には場所カード、物理的な証拠や文書にはアイテムカードを使用します。プレイヤーの発見に合わせてメモを随時更新してください。" },
+    { type: 'title', text: "デジタル相関図と物理コルクボードの比較", level: 2 },
     {
-      question: "接続線を追加するにはどうすればよいですか？",
-      answer: "コントロールパネルの「接続を追加」をクリックし、開始カードと対象カードを選択し、テキストラベルと色を設定して保存します。"
+      type: 'proscons',
+      title: "デジタル相関図と物理コルクボードの比較",
+      items: [
+        { pro: "スペースの制限なく、必要なだけ手がかりや容疑者、人物関係を追加できる無制限のボードサイズ。", con: "ゲームセッション中に、テーブル上に画面やタブレット、デバイスを用意する必要があります。" },
+        { pro: "セッション中に特定の証人や証拠をすぐに見つけられるインスタント検索とカテゴリフィルタ機能。", con: "実際の壁に物理的な赤い糸やピンを刺すような独特の触感はありません。" },
+        { pro: "ゲームの夜の間に場所を取ることなく、捜査マップをデジタルで保存、読み込み、共有可能です。", con: "ボードの状態を保存するためにインターネット接続またはブラウザのローカルストレージが必要です。" }
+      ]
     },
+    { type: 'title', text: "捜査マップのカードカテゴリの選択", level: 3 },
     {
-      question: "モバイルでもカードをドラッグできますか？",
-      answer: "はい、スマートフォンやタブレット上でのタッチ操作に対応しており、カードをスムーズにドラッグ移動できます。"
-    }
-  ],
-  bibliography,
-  howTo: [
+      type: 'comparative',
+      items: [
+        {
+          title: "人物ノード",
+          description: "NPC、容疑者、目撃者、組織を表します。色付きの線で人物関係を強調表示します。",
+          icon: 'mdi:account-group',
+          highlight: true,
+          points: [
+            "容疑者のアリバイと動機の追跡",
+            "家族関係や秘密結社のつながりをリンク",
+            "目撃者の証言の記録"
+          ]
+        },
+        {
+          title: "手がかりノード",
+          description: "プレイヤーがキャンペーン中に発見した物理的な証拠、解剖報告、アリバイ、噂などを表します。",
+          icon: 'mdi:magnify',
+          highlight: false,
+          points: [
+            "司法解剖報告書や科学捜査データ",
+            "現場から回収された物理的証拠品",
+            "聞きつけた噂や秘密情報"
+          ]
+        },
+        {
+          title: "場所ノード",
+          description: "事件現場、容疑者の自宅、秘密の隠れ家、都市など。",
+          icon: 'mdi:map-marker',
+          highlight: false,
+          points: [
+            "事件現場の写真や見取り図",
+            "主要NPCの居住地や勤務先",
+            "秘密の隠れ家や異次元ポータル"
+          ]
+        }
+      ],
+      columns: 3
+    },
+    { type: 'title', text: "相関図マッピング用語集", level: 3 },
     {
-      name: "捜査カードを追加する",
-      text: "NPC、手がかり、事件現場、アイテムを表すカードを作成します。"
+      type: 'glossary',
+      items: [
+        { term: "捜査ノード", definition: "人物、場所、手がかり、アイテムを表すボード上の各カード。" },
+        { term: "関係性の糸", definition: "2枚のカードを結ぶ色付きの線で、その関係（例：捜査中、アリバイ、所有者など）を示します。" },
+        { term: "没入モード", definition: "コントロールパネルを非表示にして、スマートフォンやタブレットでのキャンバス作業スペースを最大化する全画面表示レイアウト。" },
+        { term: "ハイライトパス", definition: "選択したカードに接続されているノードと接続線だけを色付きで表示し、残りを薄暗くするビジュアルエフェクト。" }
+      ]
     },
     {
-      name: "関係性をリンクする",
-      text: "カード間に接続線を作成し、手がかりの関連性を示します。"
+      type: 'diagnostic',
+      variant: 'info',
+      title: "モバイルデバイス向けのパフォーマンスのヒント",
+      icon: 'mdi:information-outline',
+      badge: 'GRID TIP',
+      html: "古いタブレットやスマホで動作が重く感じる場合は、没入モードをオンにして浮動メニューを非表示にしてください。また、グリッド吸着（15pxごとの吸着）を有効にすると、最小限の手間でボードを綺麗に整頓できます。"
     }
   ],
+  faq: [
+    { question: "接続線を追加するにはどうすればよいですか？", answer: "コントロールパネルの「接続を追加」をクリックするか、カードのリンクアイコンをクリックして対象カードを選択します。" },
+    { question: "モバイルでもカードをドラッグできますか？", answer: "はい、スマートフォンやタブレット上でのタッチ操作に対応しており、カードをスムーズにドラッグ移動できます。" },
+    { question: "カスタムのカード色を使用できますか？", answer: "はい。カードをダブルクリックし、カテゴリで「Custom」を選択して、強調表示色を選択します。" },
+    { question: "ボードは作業を保存しますか？", answer: "はい。進行状況はブラウザのローカルストレージに自動的に保存されます。" },
+    { question: "ボードのズームと移動はどうすればよいですか？", answer: "ピンチ操作やマウスホイールでズームします。背景をドラッグしてボードを移動します。" }
+  ],
+  bibliography,
+  howTo: [
+    { name: "捜査カードを追加する", text: "NPC、手がかり、事件現場、アイテムを表すカードを作成します。" },
+    { name: "関係性をリンクする", text: "カード間に接続線を作成し、手がかりの関連性を示します。" }
+  ],
   schemas: [
     {
       '@context': 'https://schema.org',
       '@type': 'SoftwareApplication',
-      'name': "相関図メーカー",
+      'name': "相関図メーカー：オンライン推理RPG手掛かり＆関係図整理ツール",
       'operatingSystem': 'All',
       'applicationCategory': 'UtilitiesApplication',
       'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.'
@@ -92,7 +151,7 @@ export const content: InvestigationBoardLocaleContent = {
           'name': "接続線を追加するにはどうすればよいですか？",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': "コントロールパネルの「接続を追加」をクリックし、開始カードと対象カードを選択し、テキストラベルと色を設定して保存します。"
+            'text': "コントロールパネルの「接続を追加」をクリックするか、カードのリンクアイコンをクリックして対象カードを選択します。"
           }
         },
         {
@@ -102,6 +161,30 @@ export const content: InvestigationBoardLocaleContent = {
             '@type': 'Answer',
             'text': "はい、スマートフォンやタブレット上でのタッチ操作に対応しており、カードをスムーズにドラッグ移動できます。"
           }
+        },
+        {
+          '@type': 'Question',
+          'name': "カスタムのカード色を使用できますか？",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "はい。カードをダブルクリックし、カテゴリで「Custom」を選択して、強調表示色を選択します。"
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "ボードは作業を保存しますか？",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "はい。進行状況はブラウザのローカルストレージに自動的に保存されます。"
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "ボードのズームと移動はどうすればよいですか？",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "ピンチ操作やマウスホイールでズームします。背景をドラッグしてボードを移動します。"
+          }
         }
       ]
     },

package/src/tool/investigation-board/i18n/ko.ts

@@ -3,8 +3,8 @@ import type { InvestigationBoardLocaleContent } from '../entry';
 
 export const content: InvestigationBoardLocaleContent = {
   slug: "investigation-board",
-  title: "관계도 제작기",
-  description: "대화형 음모 보드 및 수사 지도를 제작하세요. 캐릭터, 단서, 장소를 연결하고 맞춤형 선으로 관계를 추적하세요.",
+  title: "관계도 제작기: 온라인 추리 RPG 단서 및 인물 관계도 맵",
+  description: "대화형 음모 보드 및 수사 지도를 제작하세요. 캐릭터, 단서, 장소를 연결하고 맞춤형 실로 관계를 추적하세요.",
   ui: {
   "title": "관계도 제작기",
   "addCard": "카드 추가",
@@ -39,8 +39,8 @@ export const content: InvestigationBoardLocaleContent = {
   "immersive": "전체 화면"
 },
   seo: [
-    { type: 'title', text: "TRPG 및 추리 RPG 게임을 위한 관계도 제작기", level: 2 },
-    { type: 'paragraph', html: "TRPG 게임을 위한 몰입형 수사 지도와 음모 보드를 만들어보세요. 단서, 장소, 캐릭터를 드래그 앤 드롭한 뒤 맞춤형 실로 연결해 복잡한 미스터리를 시각화하세요." },
+    { type: 'title', text: "온라인 관계도 제작기: 추리 RPG 단서 정리 및 관계도 지도", level: 2 },
+    { type: 'paragraph', html: "복잡한 거짓말의 그물을 풀고, 용의자의 알리바이를 추적하며, 범죄 현장의 증거를 연결하는 작업은 추리 RPG 세션에서 플레이어를 혼란스럽게 만들기 쉽습니다. 크툴루의 부름 캠페인, 사이버펑크 살인 미스터리, D&D의 탐정 퀘스트, 또는 미스터리 소설 집필 등 어떤 상황에서도 이 온라인 관계도 제작기가 완벽한 해결책입니다. 무제한 디지털 코르크 보드 위에 단서, NPC, 물리적 증거를 드래그 앤 드롭으로 정리하세요. 색상별로 구분된 관계선을 사용하여 용의자가 사건 현장, 알리바이, 숨겨진 동기와 어떻게 연결되어 있는지 한눈에 파악할 수 있습니다." },
     {
       type: 'stats',
       items: [
@@ -50,35 +50,94 @@ export const content: InvestigationBoardLocaleContent = {
       ],
       columns: 3
     },
-    { type: 'title', text: "수사 지도 만드는 법", level: 2 },
-    { type: 'paragraph', html: "단서, 캐릭터, 아이템, 장소를 나타내는 커스텀 카드를 추가하세요. 그리드 위에 드래그해 배치하고 두 카드를 선택해 유색 관계선으로 연결하세요. 노드나 선을 더블 클릭해 상세 정보를 확인하세요." }
-  ],
-  faq: [
+    { type: 'title', text: "추리 RPG 수사 보드를 구성하는 팁", level: 2 },
+    { type: 'tip', title: "세 가지 단서 법칙", html: "플레이어가 도달하기를 원하는 결론이나 추리마다 보드에 최소 세 개의 서로 다른 단서를 추가하세요. 이를 색상선으로 연결하여 다양한 추리 경로를 시각화합니다. 용의자에는 인물 카드, 사건 현장에는 장소 카드, 물리적 증거나 문서에는 아이템 카드를 사용하세요. 플레이어의 발견에 따라 개인 메모를 업데이트하세요." },
+    { type: 'title', text: "디지털 관계도 보드 vs 물리적 코르크 보드", level: 2 },
     {
-      question: "연결선은 어떻게 추가하나요?",
-      answer: "제어판에서 연결 추가를 클릭하고 시작 카드와 대상 카드를 선택한 뒤 텍스트 라벨과 색상을 설정하고 저장합니다."
+      type: 'proscons',
+      title: "디지털 관계도 보드 vs 물리적 코르크 보드",
+      items: [
+        { pro: "공간 제한 없이 필요한 만큼 단서와 용의자, 관계를 추가할 수 있는 무제한 보드 크기.", con: "테이블 세션 중에 화면, 태블릿 또는 디지털 기기를 준비해야 합니다." },
+        { pro: "세션 중 특정 증인이나 단서를 즉시 찾을 수 있는 빠른 검색 및 카테고리 필터.", con: "실제 벽에 빨간 실과 핀을 꽂는 물리적인 촉감은 없습니다." },
+        { pro: "물리적 공간을 차지하지 않고 수사 지도를 디지털로 저장, 로드, 공유할 수 있습니다.", con: "보드 상태를 저장하기 위해 인터넷 연결이나 브라우저의 로컬 스토리지가 필요합니다." }
+      ]
     },
+    { type: 'title', text: "수사 지도의 카드 카테고리 선택", level: 3 },
     {
-      question: "모바일에서도 카드를 드래그할 수 있나요?",
-      answer: "네, 터치 이벤트를 지원하여 스마트폰과 태블릿에서도 카드를 부드럽게 드래그하고 이동할 수 있습니다."
-    }
-  ],
-  bibliography,
-  howTo: [
+      type: 'comparative',
+      items: [
+        {
+          title: "인물 노드",
+          description: "NPC, 용의자, 증인을 나타냅니다. 색상선으로 인물 관계를 강조합니다.",
+          icon: 'mdi:account-group',
+          highlight: true,
+          points: [
+            "용의자 알리바이 및 동기 추적",
+            "가족 관계 및 비밀 조직 연대 링크",
+            "증인의 진술 기록"
+          ]
+        },
+        {
+          title: "단서 노드",
+          description: "플레이어가 발견한 물리적 증거, 부검 보고서, 알리바이 또는 소문을 나타냅니다.",
+          icon: 'mdi:magnify',
+          highlight: false,
+          points: [
+            "부검 보고서 및 과학수사 자료",
+            "범죄 현장에서 수집한 물리적 증거품",
+            "소문 및 도청한 비밀 정보"
+          ]
+        },
+        {
+          title: "장소 노드",
+          description: "범죄 현장, 용의자의 집, 비밀 은신처 또는 도시.",
+          icon: 'mdi:map-marker',
+          highlight: false,
+          points: [
+            "범죄 현장 사진 및 평면도",
+            "주요 NPC 거주지 및 근무지",
+            "비밀 은신처 및 포탈"
+          ]
+        }
+      ],
+      columns: 3
+    },
+    { type: 'title', text: "관계도 매핑 용어 사전", level: 3 },
     {
-      name: "수사 카드 추가",
-      text: "NPC, 단서, 범죄 현장 또는 아이템을 나타내는 카드를 생성합니다."
+      type: 'glossary',
+      items: [
+        { term: "수사 노드", definition: "사람, 장소, 단서, 아이템을 나타내는 보드 위의 각 카드." },
+        { term: "관계선", definition: "두 카드를 연결하는 색상선으로, 어떤 관계인지 나타냅니다 (예: 용의자, 알리바이, 소유자)." },
+        { term: "몰입 모드", definition: "제어판을 숨겨 작업 공간을 최대화하는 전체 화면 레이아웃으로 모바일이나 태블릿에 유용합니다." },
+        { term: "강조 경로", definition: "선택한 카드의 연결된 노드와 연결선만 표시하고 나머지는 어둡게 만드는 시각 효과." }
+      ]
     },
     {
-      name: "관계 연결",
-      text: "카드 사이에 연결선을 만들어 단서들의 연관 관계를 보여줍니다."
+      type: 'diagnostic',
+      variant: 'info',
+      title: "모바일 기기 성능 팁",
+      icon: 'mdi:information-outline',
+      badge: 'GRID TIP',
+      html: "구형 태블릿에서 노드 드래그가 느린 경우, 몰입 모드를 켜서 메뉴를 숨기세요. 또한 그리드 스냅(15px 단위)을 켜면 최소한의 노력으로 보드를 깔끔하게 정렬할 수 있습니다."
     }
   ],
+  faq: [
+    { question: "연결선은 어떻게 추가하나요?", answer: "제어판에서 연결 추가를 클릭하거나 카드의 링크 아이콘을 클릭한 뒤 대상 카드를 선택합니다." },
+    { question: "모바일에서도 카드를 드래그할 수 있나요?", answer: "네, 터치 이벤트를 지원하여 스마트폰과 태블릿에서도 카드를 부드럽게 드래그하고 이동할 수 있습니다." },
+    { question: "커스텀 카드 색상을 사용할 수 있나요?", answer: "네. 카드를 더블 클릭하고 카테고리에서 Custom을 선택한 다음 강조 색상을 선택합니다." },
+    { question: "보드는 진행 상황을 저장하나요?", answer: "네. 진행 상황은 브라우저의 로컬 스토리지에 자동으로 저장됩니다." },
+    { question: "보드를 확대하고 이동하려면 어떻게 하나요?", answer: "핀치 줌 제스처나 마우스 휠로 확대합니다. 배경을 드래그해 보드를 이동합니다." }
+  ],
+  bibliography,
+  howTo: [
+    { name: "수사 카드 추가", text: "NPC, 단서, 범죄 현장 또는 아이템을 나타내는 카드를 생성합니다." },
+    { name: "관계 연결", text: "카드 사이에 연결선을 만들어 단서들의 연관 관계를 보여줍니다." }
+  ],
   schemas: [
     {
       '@context': 'https://schema.org',
       '@type': 'SoftwareApplication',
-      'name': "관계도 제작기",
+      'name': "관계도 제작기: 온라인 추리 RPG 단서 및 인물 관계도 맵",
       'operatingSystem': 'All',
       'applicationCategory': 'UtilitiesApplication',
       'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.'
@@ -92,7 +151,7 @@ export const content: InvestigationBoardLocaleContent = {
           'name': "연결선은 어떻게 추가하나요?",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': "제어판에서 연결 추가를 클릭하고 시작 카드와 대상 카드를 선택한 뒤 텍스트 라벨과 색상을 설정하고 저장합니다."
+            'text': "제어판에서 연결 추가를 클릭하거나 카드의 링크 아이콘을 클릭한 뒤 대상 카드를 선택합니다."
           }
         },
         {
@@ -102,6 +161,30 @@ export const content: InvestigationBoardLocaleContent = {
             '@type': 'Answer',
             'text': "네, 터치 이벤트를 지원하여 스마트폰과 태블릿에서도 카드를 부드럽게 드래그하고 이동할 수 있습니다."
           }
+        },
+        {
+          '@type': 'Question',
+          'name': "커스텀 카드 색상을 사용할 수 있나요?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "네. 카드를 더블 클릭하고 카테고리에서 Custom을 선택한 다음 강조 색상을 선택합니다."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "보드는 진행 상황을 저장하나요?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "네. 진행 상황은 브라우저의 로컬 스토리지에 자동으로 저장됩니다."
+          }
+        },
+        {
+          '@type': 'Question',
+          'name': "보드를 확대하고 이동하려면 어떻게 하나요?",
+          'acceptedAnswer': {
+            '@type': 'Answer',
+            'text': "핀치 줌 제스처나 마우스 휠로 확대합니다. 배경을 드래그해 보드를 이동합니다."
+          }
         }
       ]
     },