@jjlmoya/utils-tabletop 1.14.0 → 1.16.0

package/src/tool/dice-roller-simulator/i18n/zh.ts

@@ -10,7 +10,7 @@ export const content: ToolLocaleContent = {
     rollButton: '投掷骰子',
     clearButton: '清除历史记录',
     historyTitle: '投掷历史',
-    noHistory: '暂无投掷记录。请添加骰子并点击“投掷骰子”开始。',
+    noHistory: '暂无投掷记录。请添加骰子并点击"投掷骰子"开始。',
     totalRolls: '总投掷次数',
     averageRoll: '平均投掷结果',
     lastRoll: '最近投掷总和',
@@ -126,7 +126,7 @@ export const content: ToolLocaleContent = {
       title: '赌徒谬误：骰子本身没有记忆',
       icon: 'mdi:information-outline',
       badge: 'PROBABILITY TIP',
-      html: 'TRPG跑团和桌游中常见的误区是认为之前的投掷结果会影响接下来的出目。如果在D20判定中连续投出了三次“1”，玩家往往会觉得下一次应该“出大数”了。然而实际上，每一次投掷都是独立事件。下一次投出20的概率依然是精确的5%。理性认识这一点能帮助玩家做出更客观的战术决策。',
+      html: 'TRPG跑团和桌游中常见的误区是认为之前的投掷结果会影响接下来的出目。如果在D20判定中连续投出了三次"1"，玩家往往会觉得下一次应该"出大数"了。然而实际上，每一次投掷都是独立事件。下一次投出20的概率依然是精确的5%。理性认识这一点能帮助玩家做出更客观的战术决策。',
     },
     {
       type: 'title',
@@ -205,7 +205,7 @@ export const content: ToolLocaleContent = {
     },
     {
       name: '投掷并查看统计',
-      text: '点击“投掷骰子”按钮以触发投掷动画、投掷历史记录和实时的概率分布图。',
+      text: '点击"投掷骰子"按钮以触发投掷动画、投掷历史记录和实时的概率分布图。',
     },
   ],
   schemas: [
@@ -297,7 +297,7 @@ export const content: ToolLocaleContent = {
         {
           '@type': 'HowToStep',
           'name': '投掷并查看统计',
-          'text': '点击“投掷骰子”按钮以触发投掷动画、投掷历史记录和实时的概率分布图。'
+          'text': '点击"投掷骰子"按钮以触发投掷动画、投掷历史记录和实时的概率分布图。'
         }
       ]
     }

package/src/tool/fantasy-runes-translator/i18n/fr.ts

@@ -92,13 +92,13 @@ export const content: ToolLocaleContent<FantasyRunesTranslatorUI> = {
       ],
       columns: 3,
     },
-    { type: 'title', text: 'Futhark Ancien & Futhorc Anglo-Saxon : Runes Germaniques et Nordiques', level: 2 },
+    { type: 'title', text: 'Futhark Ancien & Futhorc Anglo-Saxon: Runes Germaniques et Nordiques', level: 2 },
     { type: 'paragraph', html: 'Datant du IIe siècle, le Futhark Ancien est le plus ancien système runique, composé de 24 caractères représentant les forces fondamentales de la nature. Le Futhorc anglo-saxon a étendu ce système pour inclure jusqu\'à 33 caractères pour la phonétique du vieil anglais. Ces symboles historiques sont parfaits pour représenter les clans nains, les cultures inspirées de la mythologie nordique, les gravures vikings et les insignes de clans barbares dans vos campagnes de JDR.' },
-    { type: 'title', text: 'Thébain & Ogham : Alphabets de Sorcellerie Médiévale et Arbres Celtiques', level: 2 },
+    { type: 'title', text: 'Thébain & Ogham: Alphabets de Sorcellerie Médiévale et Arbres Celtiques', level: 2 },
     { type: 'paragraph', html: 'Souvent appelée les Runes d\'Honorius ou l\'Alphabet des Sorcières, l\'écriture thébaine est un chiffrement médiéval historiquement populaire utilisé dans les traditions occultes et la Wicca. L\'Ogham, un alphabet du haut Moyen Âge, utilise des traits linéaires gravés le long d\'arêtes, célèbre pour son lien avec le folklore celtique et la magie des arbres druidiques. Utilisez ces écritures pour embellir des sanctuaires druidiques, des forêts elfiques, des autels païens ou des messages cachés de covens de sorcières.' },
-    { type: 'title', text: 'Énochien & Écritures Démoniaques : Langages Angéliques et Abyssaux', level: 2 },
+    { type: 'title', text: 'Énochien & Écritures Démoniaques: Langages Angéliques et Abyssaux', level: 2 },
     { type: 'paragraph', html: 'Enregistrée pour la première fois par John Dee et Edward Kelley au XVIe siècle, l\'Énochien est une langue construite détaillée considérée comme la langue des anges. Les écritures démoniaques représentent des glyphes abyssaux, des pactes sombres et des marques infernales. Élevez les enjeux narratifs de votre campagne en laissant des contrats démoniaques déchiffrables, des gravures de culte obscur et des reliques angéliques que vos mages, paladins et clercs pourront investiguer.' },
-    { type: 'title', text: 'Écriture Fantastique Personnalisée : Alphabets Créatifs Prêts pour le Jeu', level: 2 },
+    { type: 'title', text: 'Écriture Fantastique Personnalisée: Alphabets Créatifs Prêts pour le Jeu', level: 2 },
     { type: 'paragraph', html: 'Pour les mondes qui dépassent l\'histoire réelle, notre Écriture Fantastique personnalisée offre un ensemble de runes fictives conçues spécifiquement pour évoquer l\'esthétique classique de la haute fantasy. Chaque rune est conçue pour se démarquer sur les impressions de maître du jeu, les cartes numériques et les pions de joueur personnalisés. Associez-la à des randomisations basées sur une graine pour créer des langues secrètes uniques à différentes factions, nations ou dieux anciens.' },
   ],
   faq,

package/src/tool/first-player-selector/i18n/fr.ts

@@ -79,11 +79,11 @@ const howTo = [
 
 export const content: ToolLocaleContent<FirstPlayerSelectorUI> = {
   slug: 'selecteur-premier-joueur',
-  title: 'Sélecteur de Premier Joueur : Choix au Doigt & Roulette de Tour',
+  title: 'Sélecteur de Premier Joueur: Choix au Doigt & Roulette de Tour',
   description: 'Choisissez qui commence dans vos jeux de société avec ce spectaculaire choix au doigt et cette roulette de tour interactive.',
   ui,
   seo: [
-    { type: 'title', text: 'Équité et Stratégie : Résoudre l\'Avantage du Premier Joueur dans les Jeux de Société', level: 2 },
+    { type: 'title', text: 'Équité et Stratégie: Résoudre l\'Avantage du Premier Joueur dans les Jeux de Société', level: 2 },
     { type: 'paragraph', html: 'Déterminer le premier joueur lors des sessions de jeux de société peut fortement influencer la dynamique de la partie. En théorie des jeux, l\'Avantage du Premier Joueur (FPA) désigne l\'avantage statistique dont bénéficie le joueur qui agit en premier par rapport à ses adversaires. Dans les parties d\'échecs stratégiques, les wargames et les Eurogames modernes comme Agricola ou Puerto Rico, agir en premier permet de sécuriser des ressources critiques ou de positionner ses pièces avant que les adversaires ne puissent réagir. Pour atténuer le FPA et garantir un terrain de jeu équilibré, une méthode de sélection fiable et impartiale est essentielle. Notre sélecteur de premier joueur numérique garantit un caractère aléatoire absolu, permettant aux groupes de joueurs d\'établir l\'ordre de tour instantanément et de commencer à jouer sans attendre.' },
     {
       type: 'stats',
@@ -94,8 +94,8 @@ export const content: ToolLocaleContent<FirstPlayerSelectorUI> = {
       ],
       columns: 3,
     },
-    { type: 'title', text: 'Règles de Société vs. Générateurs Aléatoires Numériques : La Révolution Tactile', level: 2 },
-    { type: 'paragraph', html: 'De nombreux livrets de règles de jeux de société modernes incluent des règles thématiques pour désigner le premier joueur, comme « le joueur le plus jeune commence », « la dernière personne à avoir visité une ferme commence » ou « le joueur le plus grand commence ». Bien qu\'amusantes lors des premières parties, ces règles deviennent rapidement répétitives, statiques et injustes pour les groupes de jeu réguliers. Les générateurs aléatoires physiques comme les jets de dés ou les tirages de cartes ajoutent du temps de préparation et sont sujets aux biais humains ou à un mauvais mélange. Le mécanisme de choix au doigt résout ce problème en offrant un générateur aléatoire rapide, tactile et instantané qui sélectionne un premier joueur en quelques secondes sans nécessiter de cartes ou dés supplémentaires.' },
+    { type: 'title', text: 'Règles de Société vs. Générateurs Aléatoires Numériques: La Révolution Tactile', level: 2 },
+    { type: 'paragraph', html: 'De nombreux livrets de règles de jeux de société modernes incluent des règles thématiques pour désigner le premier joueur, comme " le joueur le plus jeune commence ", " la dernière personne à avoir visité une ferme commence " ou " le joueur le plus grand commence ". Bien qu\'amusantes lors des premières parties, ces règles deviennent rapidement répétitives, statiques et injustes pour les groupes de jeu réguliers. Les générateurs aléatoires physiques comme les jets de dés ou les tirages de cartes ajoutent du temps de préparation et sont sujets aux biais humains ou à un mauvais mélange. Le mécanisme de choix au doigt résout ce problème en offrant un générateur aléatoire rapide, tactile et instantané qui sélectionne un premier joueur en quelques secondes sans nécessiter de cartes ou dés supplémentaires.' },
     {
       type: 'table',
       headers: ['Méthode de Sélection', 'Vitesse et Préparation', 'Qualité du Hasard', 'Idéal pour'],
@@ -113,7 +113,7 @@ export const content: ToolLocaleContent<FirstPlayerSelectorUI> = {
     },
     {
       type: 'title',
-      text: 'Choisir Votre Outil : Sélecteur Tactile au Doigt vs. Roulette à Piger',
+      text: 'Choisir Votre Outil: Sélecteur Tactile au Doigt vs. Roulette à Piger',
       level: 3,
     },
     {
@@ -136,7 +136,7 @@ export const content: ToolLocaleContent<FirstPlayerSelectorUI> = {
     },
     {
       type: 'title',
-      text: 'Optimisation Visuelle : Toiles Multitactiles vs. Roues à Décélération',
+      text: 'Optimisation Visuelle: Toiles Multitactiles vs. Roues à Décélération',
       level: 3,
     },
     {

package/src/tool/first-player-selector/i18n/ru.ts

@@ -26,7 +26,7 @@ const faq = [
   },
   {
     question: 'Можно ли использовать этот инструмент на компьютере?',
-    answer: 'Да! Если у вас устройство без сенсорного экрана, инструмент автоматически переключается в режим рулетки. Вы можете нажимать на экран, чтобы разместить цветные пины, представляющие игроков, а затем нажать кнопку «Начать выбор», чтобы запустить вращение колеса.',
+    answer: 'Да! Если у вас устройство без сенсорного экрана, инструмент автоматически переключается в режим рулетки. Вы можете нажимать на экран, чтобы разместить цветные пины, представляющие игроков, а затем нажать кнопку "Начать выбор", чтобы запустить вращение колеса.',
   },
   {
     question: 'Сколько игроков может участвовать?',
@@ -58,7 +58,7 @@ const faq = [
   },
   {
     question: 'Что произойдет, если только один игрок?',
-    answer: 'В обоих режимах для выбора требуется минимум два игрока. В режиме пальцев обратный отсчет не запустится, пока не будет обнаружено как минимум два пальца. В режиме рулетки кнопка «Начать выбор» остается неактивной, пока вы не разместите как минимум два пина.',
+    answer: 'В обоих режимах для выбора требуется минимум два игрока. В режиме пальцев обратный отсчет не запустится, пока не будет обнаружено как минимум два пальца. В режиме рулетки кнопка "Начать выбор" остается неактивной, пока вы не разместите как минимум два пина.',
   },
 ];
 
@@ -69,11 +69,11 @@ const howTo = [
   },
   {
     name: '�,апустите выбор',
-    text: 'Для режима пальцев выбор начинается автоматически после удержания в течение нескольких секунд. Для режима рулетки нажмите кнопку «Начать выбор», чтобы запустить вращение.',
+    text: 'Для режима пальцев выбор начинается автоматически после удержания в течение нескольких секунд. Для режима рулетки нажмите кнопку "Начать выбор", чтобы запустить вращение.',
   },
   {
     name: 'Узнайте победителя',
-    text: 'Победитель выделяется пульсирующим эффектом, взрывом частиц и звуковыми фанфарами. Нажмите «Сбросить» или уберите все пальцы, чтобы попробовать снова.',
+    text: 'Победитель выделяется пульсирующим эффектом, взрывом частиц и звуковыми фанфарами. Нажмите "Сбросить" или уберите все пальцы, чтобы попробовать снова.',
   },
 ];
 
@@ -95,7 +95,7 @@ export const content: ToolLocaleContent<FirstPlayerSelectorUI> = {
       columns: 3,
     },
     { type: 'title', text: 'Правила настольных игр против цифровых рандомизаторов: Сенсорная революция', level: 2 },
-    { type: 'paragraph', html: 'Многие современные правила настольных игр включают тематические правила определения первого игрока, такие как «самый молодой игрок ходит первым», «последний посетивший ферму ходит первым» или «самый высокий игрок ходит первым». Хотя это забавно в первых партиях, такие правила быстро становятся повторяющимися, статичными и несправедливыми для постоянных игровых групп. Физические рандомизаторы, такие как броски кубиков или вытягивание карт, увеличивают время подготовки и подвержены человеческой предвзятости или плохому перемешиванию. Механика пальцевого выбора решает эту проблему, предлагая быстрый сенсорный рандомизатор, который выбирает первого игрока за секунды без необходимости в дополнительных картах или кубиках.' },
+    { type: 'paragraph', html: 'Многие современные правила настольных игр включают тематические правила определения первого игрока, такие как "самый молодой игрок ходит первым", "последний посетивший ферму ходит первым" или "самый высокий игрок ходит первым". Хотя это забавно в первых партиях, такие правила быстро становятся повторяющимися, статичными и несправедливыми для постоянных игровых групп. Физические рандомизаторы, такие как броски кубиков или вытягивание карт, увеличивают время подготовки и подвержены человеческой предвзятости или плохому перемешиванию. Механика пальцевого выбора решает эту проблему, предлагая быстрый сенсорный рандомизатор, который выбирает первого игрока за секунды без необходимости в дополнительных картах или кубиках.' },
     {
       type: 'table',
       headers: ['Метод выбора', 'Скорость и подготовка', 'Качество случайности', 'Лучше всего подходит для'],

package/src/tool/hidden-role-dealer/hidden-role-dealer.css

@@ -602,3 +602,84 @@
   letter-spacing: 0.05em;
   text-transform: uppercase;
 }
+
+@media (max-width: 600px) {
+  main:has(.hrd-card),
+  .tool-page:has(.hrd-card),
+  .section-tool:has(.hrd-card),
+  .tool-page:has(.hrd-card) .utility-header,
+  .tool-page:has(.hrd-card) .utility-header-title,
+  .tool-page:has(.hrd-card) .utility-header-base,
+  .tool-page:has(.hrd-card) .utility-header-highlight,
+  .tool-page:has(.hrd-card) .utility-header-description {
+    min-width: 0;
+    max-width: 100%;
+    overflow-wrap: anywhere;
+  }
+
+  main:has(.hrd-card) {
+    overflow-x: hidden;
+  }
+
+  .tool-page:has(.hrd-card) .utility-header-title {
+    font-size: clamp(2rem, 12vw, 3rem);
+    letter-spacing: 0;
+  }
+
+  .hrd-card {
+    padding: 1rem;
+    border-radius: 1rem;
+    max-width: 100%;
+    min-width: 0;
+  }
+
+  .hrd-setup-section,
+  .hrd-players-container,
+  .hrd-reveal-screen,
+  .hrd-card-container {
+    min-width: 0;
+  }
+
+  .hrd-section-title,
+  .hrd-input-row,
+  .hrd-deal-action-panel {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .hrd-input,
+  .hrd-select,
+  .hrd-btn-primary,
+  .hrd-btn-secondary {
+    min-width: 0;
+    width: 100%;
+  }
+
+  .hrd-wizard-container {
+    min-height: 360px;
+    padding: 2rem 0.5rem;
+  }
+
+  .hrd-player-highlight,
+  .hrd-role-name,
+  .hrd-role-card.hrd-compact-card .hrd-role-name,
+  .hrd-epic-word {
+    font-size: clamp(1.5rem, 10vw, 2.25rem);
+    overflow-wrap: anywhere;
+  }
+
+  .hrd-hold-button-wrapper {
+    width: 170px;
+    height: 170px;
+  }
+
+  .hrd-hold-progress-ring {
+    width: 190px;
+    height: 190px;
+  }
+
+  .hrd-role-card,
+  .hrd-role-card.hrd-compact-card {
+    padding: 1.5rem 1rem;
+  }
+}

package/src/tool/hidden-role-dealer/i18n/fr.ts

@@ -96,7 +96,7 @@ const ui: HiddenRoleDealerUI = {
   teamImpostor: 'Imposteur',
   teamCrewmate: 'Équipier',
   impostorSharedSecretLabel: 'Information Secrète Partagée',
-  impostorSharedSecretPlaceholder: 'ex. Lieu : Restaurant, ou Mot : Pomme',
+  impostorSharedSecretPlaceholder: 'ex. Lieu: Restaurant, ou Mot: Pomme',
   impostorModeLabel: 'Mode de Calcul des Imposteurs',
   impostorModeFixed: 'Nombre Fixe',
   impostorModePercentage: 'Pourcentage',
@@ -116,7 +116,7 @@ const ui: HiddenRoleDealerUI = {
   impostorWriterDescHost: 'L\'hôte non-joueur utilise un mot aléatoire ou prédéfini.',
   impostorWriterDescPreround: 'Le pré-tour permet à tous les joueurs d\'écrire des mots en secret, puis en choisit un au hasard.',
   impostorWriterDescPlayer: 'Le joueur sélectionné écrit le mot et ne peut pas être imposteur.',
-  preroundPassTitle: 'Pré-tour : Passez l\'appareil à',
+  preroundPassTitle: 'Pré-tour: Passez l\'appareil à',
   preroundInputPrompt: 'Écrivez secrètement un mot ou un lieu :',
   preroundPassHint: 'Gardez le mot secret pour les autres joueurs !',
   btnSubmitWord: 'Envoyer le Mot',
@@ -154,7 +154,7 @@ const howTo = [
 
 export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   slug: 'distributeur-roles-caches-secrets',
-  title: 'Distributeur de Rôles Cachés : Attribution Secrète d\'Identités',
+  title: 'Distributeur de Rôles Cachés: Attribution Secrète d\'Identités',
   description: 'Distribuez les rôles secrets localement pour vos jeux de société comme Loup-Garou, Avalon, Secret Hitler ou Imposteur sans cartes physiques.',
   ui,
   seo: [

package/src/tool/hidden-role-dealer/i18n/ru.ts

@@ -13,7 +13,7 @@ const ui: HiddenRoleDealerUI = {
   presetCustom: 'Пользовательская игра',
   dealRoles: 'Раздать тайные роли',
   clearPlayers: 'Очистить список',
-  instructions: 'Введите имена игроков, настройте тайные роли и нажмите «Раздать тайные роли».',
+  instructions: 'Введите имена игроков, настройте тайные роли и нажмите "Раздать тайные роли".',
   passTo: 'Передайте устройство',
   holdToReveal: 'Удерживайте для просмотра',
   releasingResets: 'Удерживайте нажатие для просмотра...',

package/src/tool/hidden-role-dealer/i18n/zh.ts

@@ -13,7 +13,7 @@ const ui: HiddenRoleDealerUI = {
   presetCustom: '自定义设置',
   dealRoles: '分发秘密身份',
   clearPlayers: '清空玩家',
-  instructions: '输入玩家名称，配置秘密身份，然后点击“分发秘密身份”。',
+  instructions: '输入玩家名称，配置秘密身份，然后点击"分发秘密身份"。',
   passTo: '将设备递给',
   holdToReveal: '按住以显示',
   releasingResets: '继续按住以显示...',

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

@@ -3,7 +3,7 @@ import type { InvestigationBoardLocaleContent } from '../entry';
 
 export const content: InvestigationBoardLocaleContent = {
   slug: "createur-de-tableau-de-conspiration",
-  title: "Créateur de Tableau de Conspiration : Cartes d'Enquête RPG de Détective en Ligne",
+  title: "Créateur de Tableau de Conspiration: Cartes d'Enquête RPG de Détective en Ligne",
   description: "Concevez des tableaux de conspiration interactifs et des cartes d'enquête pour vos jeux de rôle. Connectez des personnages, indices et lieux avec des fils colorés.",
   ui: {
   "title": "Créateur de Tableau de Conspiration",
@@ -39,7 +39,7 @@ export const content: InvestigationBoardLocaleContent = {
   "immersive": "Plein écran"
 },
   seo: [
-    { type: 'title', text: "Créateur de Tableau de Conspiration en Ligne : Organisez les Indices de JdR", level: 2 },
+    { type: 'title', text: "Créateur de Tableau de Conspiration en Ligne: Organisez les Indices de JdR", level: 2 },
     { type: 'paragraph', html: "Démêler un réseau complexe de mensonges, suivre les alibis des suspects et relier les indices d'une scène de crime peut rapidement submerger un groupe de jeu de rôle. Que vous meniez une campagne de L'Appel de Cthulhu, un mystère cyberpunk, une enquête policière dans D&D ou que vous écriviez un thriller, notre créateur de tableau de conspiration en ligne est l'outil ultime. Glissez, déposez, catégorisez et reliez les indices, les PNJ et les preuves matérielles sur un tableau de liège numérique infini. Utilisez des fils de relation colorés pour voir instantanément comment les suspects sont liés aux scènes de crime, aux alibis et aux motivations secrètes, éliminant les notes papier et gardant les joueurs immergés." },
     {
       type: 'stats',
@@ -107,7 +107,7 @@ export const content: InvestigationBoardLocaleContent = {
       type: 'glossary',
       items: [
         { term: "Nœud d'enquête", definition: "Toute carte sur le tableau représentant une personne, un lieu, un indice ou un objet." },
-        { term: "Fil de relation", definition: "Une ligne colorée reliant deux cartes pour indiquer leur lien (ex : Suspect, Alibi, Propriétaire)." },
+        { term: "Fil de relation", definition: "Une ligne colorée reliant deux cartes pour indiquer leur lien (ex: Suspect, Alibi, Propriétaire)." },
         { term: "Mode Immersif", definition: "Un affichage plein écran qui masque les menus de contrôle pour maximiser l'espace sur mobile ou tablette." },
         { term: "Chemin mis en valeur", definition: "Un chemin visuel affichant uniquement les nœuds et les lignes connectés à la carte sélectionnée, estompant le reste." }
       ]
@@ -137,7 +137,7 @@ export const content: InvestigationBoardLocaleContent = {
     {
       '@context': 'https://schema.org',
       '@type': 'SoftwareApplication',
-      'name': "Créateur de Tableau de Conspiration : Cartes d'Enquête RPG de Détective en Ligne",
+      'name': "Créateur de Tableau de Conspiration: Cartes d'Enquête RPG de Détective en Ligne",
       'operatingSystem': 'All',
       'applicationCategory': 'UtilitiesApplication',
       'browserRequirements': 'Requires HTML5 SVG support. Requires JavaScript.'

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

@@ -122,9 +122,9 @@ export const content: InvestigationBoardLocaleContent = {
     }
   ],
   faq: [
-    { question: "Как добавить линии связи?", answer: "Нажмите «Добавить связь» на панели управления или выберите карточку, кликните на иконку ссылки (цепь) и выберите цель." },
+    { question: "Как добавить линии связи?", answer: "Нажмите Добавить связь на панели управления или выберите карточку, кликните на иконку ссылки (цепь) и выберите цель." },
     { question: "Можно ли перетаскивать карточки на телефоне?", answer: "Да, доска поддерживает сенсорные жесты для плавного перетаскивания и перемещения карточек на смартфонах и планшетах." },
-    { question: "Можно ли использовать свои цвета карточек?", answer: "Да. Дважды кликните по карточке, выберите «Особый» в категории и настройте цвет выделения." },
+    { question: "Можно ли использовать свои цвета карточек?", answer: "Да. Дважды кликните по карточке, выберите Особый в категории и настройте цвет выделения." },
     { question: "Сохраняет ли доска мою работу?", answer: "Да. Прогресс автоматически сохраняется в локальном хранилище вашего браузера под текущим именем доски." },
     { question: "Как масштабировать и перемещаться по доске?", answer: "Используйте жесты сжатия (pinch) для зума или колесо мыши. Перетаскивайте фон для перемещения по холсту." }
   ],
@@ -151,7 +151,7 @@ export const content: InvestigationBoardLocaleContent = {
           'name': "Как добавить линии связи?",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': "Нажмите «Добавить связь» на панели управления или выберите карточку, кликните на иконку ссылки (цепь) и выберите цель."
+            'text': "Нажмите Добавить связь на панели управления или выберите карточку, кликните на иконку ссылки (цепь) и выберите цель."
           }
         },
         {
@@ -167,7 +167,7 @@ export const content: InvestigationBoardLocaleContent = {
           'name': "Можно ли использовать свои цвета карточек?",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': "Да. Дважды кликните по карточке, выберите «Особый» в категории и настройте цвет выделения."
+            'text': "Да. Дважды кликните по карточке, выберите Особый в категории и настройте цвет выделения."
           }
         },
         {

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

@@ -122,7 +122,7 @@ export const content: InvestigationBoardLocaleContent = {
     }
   ],
   faq: [
-    { question: "如何添加连接线？", answer: "点击控制面板中的“添加连接”，或点击卡片上的链接图标，然后选择目标卡片。" },
+    { question: "如何添加连接线？", answer: "点击控制面板中的'添加连接'，或点击卡片上的链接图标，然后选择目标卡片。" },
     { question: "我可以在手机上拖动卡片吗？", answer: "可以，画板支持触摸手势，可在智能手机和平板电脑上流畅地拖动和移动卡片。" },
     { question: "我可以使用自定义的卡片颜色吗？", answer: "可以。双击卡片，在类别下选择 Custom，然后选择高亮颜色。" },
     { question: "画板会保存我的工作吗？", answer: "会。您的进度会自动保存在浏览器的本地存储中，保存在当前画板名称下。" },
@@ -151,7 +151,7 @@ export const content: InvestigationBoardLocaleContent = {
           'name': "如何添加连接线？",
           'acceptedAnswer': {
             '@type': 'Answer',
-            'text': "点击控制面板中的“添加连接”，或点击卡片上的链接图标，然后选择目标卡片。"
+            'text': "点击控制面板中的'添加连接'，或点击卡片上的链接图标，然后选择目标卡片。"
           }
         },
         {

package/src/tool/investigation-board/investigation-board.css

@@ -792,8 +792,88 @@
 }
 
 @media (max-width: 768px) {
+  main:has(.investigation-board-main),
+  .tool-page:has(.investigation-board-main),
+  .section-tool:has(.investigation-board-main),
+  .tool-page:has(.investigation-board-main) .utility-header,
+  .tool-page:has(.investigation-board-main) .utility-header-title,
+  .tool-page:has(.investigation-board-main) .utility-header-base,
+  .tool-page:has(.investigation-board-main) .utility-header-highlight,
+  .tool-page:has(.investigation-board-main) .utility-header-description {
+    min-width: 0;
+    max-width: 100%;
+    overflow-wrap: anywhere;
+  }
+
+  main:has(.investigation-board-main) {
+    overflow-x: hidden;
+  }
+
+  .tool-page:has(.investigation-board-main) .utility-header-title {
+    font-size: clamp(2rem, 12vw, 3rem);
+    letter-spacing: 0;
+  }
+
+  .investigation-board-main {
+    height: 520px;
+    min-height: 520px;
+  }
+
+  .control-panel {
+    padding: 0.5rem;
+  }
+
+  .board-management-row,
+  .search-filter-row,
+  .action-buttons-row,
+  .zoom-controls {
+    max-width: calc(100% - 1rem);
+  }
+
+  .board-management-row {
+    left: 0.5rem;
+    right: 0.5rem;
+    width: auto;
+    flex-wrap: wrap;
+  }
+
+  .board-management-row select {
+    flex: 1 1 7rem;
+    width: auto;
+  }
+
+  .search-filter-row {
+    top: 4.25rem;
+    right: 0.5rem;
+  }
+
+  .filter-group {
+    max-width: 155px;
+  }
+
+  .action-buttons-row {
+    left: 0.5rem;
+    right: 0.5rem;
+    transform: none;
+    justify-content: center;
+    flex-wrap: wrap;
+    width: auto;
+  }
+
+  .action-buttons-row .btn {
+    flex: 1 1 5.5rem;
+    padding: 0.3rem 0.45rem;
+  }
+
+  .board-node {
+    width: min(220px, calc(100vw - 4rem));
+    padding: 0.75rem;
+  }
+
   .zoom-controls {
     bottom: 4.5rem;
-    right: 0.75rem;
+    left: 50%;
+    right: auto;
+    transform: translateX(-50%);
   }
 }

package/src/tool/lunar-tide-tracker/i18n/fr.ts

@@ -49,7 +49,7 @@ export const content: LunarTideLocaleContent = {
     { type: 'title', text: 'À quoi sert le champ Décalage de départ', level: 2 },
     { type: 'paragraph', html: 'Le <strong>Décalage de départ</strong> décale la phase initiale d\'une lune au jour 0 de campagne. Un décalage de 0 commence à la nouvelle lune. Un décalage égal à la moitié de la période orbitale commence à la pleine lune. Utilisez-le pour reproduire la phase décrite dans votre scène d\'ouverture ou pour que deux lunes ne commencent pas alignées.' },
     { type: 'title', text: 'Ce que le niveau de marée signifie pour votre partie', level: 2 },
-    { type: 'paragraph', html: 'Le niveau de marée combine l\'attraction gravitationnelle de toutes les lunes actives selon leurs phases actuelles. Une <strong>vive-eau</strong> (au-dessus de 75%) se produit quand les lunes sont presque alignées. Une <strong>morte-eau</strong> (en dessous de 30%) survient quand les lunes sont en phases opposées. Liez cela à n\'importe quel système mécanique : bonus aux jets de sauvegarde, seuils de métamorphose lycanthropique ou sévérité des tempêtes.' },
+    { type: 'paragraph', html: 'Le niveau de marée combine l\'attraction gravitationnelle de toutes les lunes actives selon leurs phases actuelles. Une <strong>vive-eau</strong> (au-dessus de 75%) se produit quand les lunes sont presque alignées. Une <strong>morte-eau</strong> (en dessous de 30%) survient quand les lunes sont en phases opposées. Liez cela à n\'importe quel système mécanique: bonus aux jets de sauvegarde, seuils de métamorphose lycanthropique ou sévérité des tempêtes.' },
     {
       type: 'comparative',
       items: [
@@ -102,10 +102,10 @@ export const content: LunarTideLocaleContent = {
     {
       type: 'diagnostic',
       variant: 'info',
-      title: 'Conseil : Configurer une phase précise pour la session 1',
+      title: 'Conseil: Configurer une phase précise pour la session 1',
       icon: 'mdi:information-outline',
       badge: 'CONSEIL DE CONFIGURATION',
-      html: 'Si votre campagne commence sous un croissant de lune, réglez le décalage à environ 20% de la période orbitale. Pour une pleine lune, utilisez 50% de la période comme décalage. Exemple : lune de 28 jours débutant pleine, décalage 14. Avancez le compteur au jour actuel de campagne et la prévision affichera automatiquement les 10 prochains jours.'
+      html: 'Si votre campagne commence sous un croissant de lune, réglez le décalage à environ 20% de la période orbitale. Pour une pleine lune, utilisez 50% de la période comme décalage. Exemple: lune de 28 jours débutant pleine, décalage 14. Avancez le compteur au jour actuel de campagne et la prévision affichera automatiquement les 10 prochains jours.'
     }
   ],
   faq: [
@@ -116,7 +116,7 @@ export const content: LunarTideLocaleContent = {
     { question: 'Puis-je l\'utiliser pour L\'Appel de Cthulhu ou des campagnes d\'horreur ?', answer: 'Oui. Utilisez une lune de 29 jours et réglez le décalage pour que la pleine lune tombe sur le climax de la session. Le suivi de marée peut représenter l\'influence du Mythe ou des pics de sensibilité psychique.' },
     { question: 'Comment fonctionne la prévision sur 10 jours ?', answer: 'La prévision affiche la phase lunaire de chaque lune active sous forme de point coloré pour chacun des 10 prochains jours de campagne. Le pourcentage indiqué est le niveau de marée combiné. Les jours avec des valeurs élevées sont de bons candidats pour des rencontres dramatiques.' },
     { question: 'Puis-je suivre une lune avec un cycle très court, comme 7 jours ?', answer: 'Oui. Réglez la période orbitale sur 7. La lune accomplira un cycle complet chaque semaine de temps de jeu. Utile pour les mondes où la magie lunaire se réinitialise chaque semaine.' },
-    { question: 'Comment reproduire la phase lunaire d\'un module d\'aventure publié ?', answer: 'Notez la phase décrite et comptez combien de jours du cycle cela représente. Divisez par la période orbitale et utilisez ce résultat comme décalage. Exemple : premier quartier au jour 0 d\'un cycle de 28 jours signifie un décalage de 7.' }
+    { question: 'Comment reproduire la phase lunaire d\'un module d\'aventure publié ?', answer: 'Notez la phase décrite et comptez combien de jours du cycle cela représente. Divisez par la période orbitale et utilisez ce résultat comme décalage. Exemple: premier quartier au jour 0 d\'un cycle de 28 jours signifie un décalage de 7.' }
   ],
   bibliography,
   howTo: [