@jjlmoya/utils-tabletop 1.17.0 → 1.19.0

package/src/tool/hidden-role-dealer/component.astro

@@ -24,6 +24,7 @@ const { ui } = Astro.props;
             class="hrd-input"
             type="text"
             placeholder={ui.addPlayerPlaceholder}
+            aria-label={ui.addPlayerPlaceholder || "Add player name"}
             maxlength="20"
           />
           <button id="btn-add-player" class="hrd-btn-primary" type="button">
@@ -64,7 +65,7 @@ const { ui } = Astro.props;
             <span>{ui.impostorTitle}</span>
           </div>
           <div class="hrd-input-row" style="margin-bottom: 1rem;">
-            <label style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
+            <label for="select-impostor-writer" style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
               <span>{ui.impostorWriterLabel}</span>
               <select id="select-impostor-writer" class="hrd-select" style="width: 100%;">
                 <option value="random">{ui.impostorWriterRandom}</option>
@@ -74,7 +75,7 @@ const { ui } = Astro.props;
             </label>
           </div>
           <div id="impostor-secret-wrapper" class="hrd-input-row" style="margin-bottom: 1rem;">
-            <label style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
+            <label for="input-impostor-secret" style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
               <span>{ui.impostorSharedSecretLabel}</span>
               <input
                 id="input-impostor-secret"
@@ -86,7 +87,7 @@ const { ui } = Astro.props;
             </label>
           </div>
           <div class="hrd-input-row" style="margin-bottom: 1rem;">
-            <label style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
+            <label for="select-impostor-mode" style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
               <span>{ui.impostorModeLabel}</span>
               <select id="select-impostor-mode" class="hrd-select" style="width: 100%;">
                 <option value="fixed">{ui.impostorModeFixed}</option>
@@ -96,7 +97,7 @@ const { ui } = Astro.props;
             </label>
           </div>
           <div id="impostor-fixed-wrapper" class="hrd-input-row" style="margin-bottom: 1rem;">
-            <label style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
+            <label for="select-impostor-fixed-count" style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
               <span>{ui.impostorFixedLabel}</span>
               <select id="select-impostor-fixed-count" class="hrd-select" style="width: 100%;">
                 <option value="1">1</option>
@@ -106,7 +107,7 @@ const { ui } = Astro.props;
             </label>
           </div>
           <div id="impostor-percent-wrapper" class="hrd-input-row" style="display: none; margin-bottom: 1rem;">
-            <label style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
+            <label for="input-impostor-percent" style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
               <span>{ui.impostorPercentageLabel}</span>
               <input
                 id="input-impostor-percent"
@@ -119,7 +120,7 @@ const { ui } = Astro.props;
             </label>
           </div>
           <div id="impostor-range-wrapper" class="hrd-input-row" style="display: none; margin-bottom: 1rem; gap: 1rem;">
-            <label style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
+            <label for="input-impostor-min" style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
               <span>{ui.impostorRangeMinLabel}</span>
               <input
                 id="input-impostor-min"
@@ -130,7 +131,7 @@ const { ui } = Astro.props;
                 max="10"
               />
             </label>
-            <label style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
+            <label for="input-impostor-max" style="flex: 1; display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.875rem;">
               <span>{ui.impostorRangeMaxLabel}</span>
               <input
                 id="input-impostor-max"
@@ -153,10 +154,11 @@ const { ui } = Astro.props;
               class="hrd-input"
               type="text"
               placeholder={ui.customRolePlaceholder}
+              aria-label={ui.customRolePlaceholder || "Role name"}
               maxlength="20"
               style="flex: 2;"
             />
-            <select id="select-role-alignment" class="hrd-select">
+            <select id="select-role-alignment" class="hrd-select" aria-label="Role alignment">
               <option value="neutral">{ui.neutralLabel}</option>
               <option value="good">{ui.goodLabel}</option>
               <option value="evil">{ui.evilLabel}</option>

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

@@ -131,6 +131,8 @@ const faq = [
     question: 'Was ist der Zweck des Gedrückthaltens beim Offenbaren?',
     answer: 'Um zu verhindern, dass Spieler versehentlich die Rollen anderer sehen, muss der Reveal-Button gedrückt gehalten werden. Sobald er losgelassen wird, blendet sich die Rolle sofort wieder aus.',
   },
+  { question: 'Wie werden die Rollen fair verteilt?', answer: 'Wählen Sie einen passenden Rollenpool für die Spielerzahl und prüfen Sie das Verhältnis der Teams vor dem Austeilen.' },
+  { question: 'Kann ich eigene Rollen verwenden?', answer: 'Ja, mit dem benutzerdefinierten Setup können Sie Rollen, Teams und Beschreibungen selbst festlegen.' },
 ];
 
 const howTo = [
@@ -156,6 +158,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: 'Teambalance in Social-Deduction-Spielen', level: 2 },
     { type: 'paragraph', html: 'Die größte Herausforderung bei Werwolf, Avalon oder Secret Hitler besteht darin, das Verhältnis von guten und bösen Rollen basierend auf der Spieleranzahl auszubalancieren. Ein falsches Verhältnis kann das Spiel für eine Seite zu einfach und für die andere frustrierend machen. Durch die Verwendung von empfohlenen Community-Ratios stellen Sie eine faire Spielrunde sicher.' },
+    { type: 'table', headers: ['Rollen', 'Gut', 'Böse'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: 'Rollenverhältnisse fair planen', level: 2 },
+    { type: 'paragraph', html: 'Ein ausgewogenes Verhältnis zwischen guten und bösen Rollen hält soziale Deduktionsspiele spannend.' },
+    { type: 'title', text: 'Spyfall und Impostor ohne Spielleiter einrichten', level: 2 },
+    { type: 'paragraph', html: 'Ein gemeinsamer Bildschirm kann Wörter und Orte sicher verteilen, ohne dass ein Spieler die Runde moderieren muss.' },
+    { type: 'comparative', items: [{ title: 'Rollenverhältnisse', description: 'Geben Sie das Gerät in einer festen Richtung weiter.', icon: 'mdi:account-group', highlight: true, points: ['Sichtschutz beachten'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'Sicherheitstipp', definition: 'Geben Sie das Gerät in einer festen Richtung weiter.' }] },
   ],
   faq,
   bibliography,
@@ -192,4 +201,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -135,6 +135,7 @@ const faq = [
     question: 'Existe-t-il des modèles pour les jeux connus ?',
     answer: 'Oui. L\'outil propose des modèles prêts à l\'emploi pour Loup-Garou, Avalon et Secret Hitler, adaptant automatiquement la réserve de rôles selon le nombre de joueurs.',
   },
+  { question: 'Comment garder une partie équilibrée ?', answer: 'Choisissez un ensemble de rôles adapté au nombre de joueurs et vérifiez la proportion des équipes avant la distribution.' },
 ];
 
 const howTo = [
@@ -176,6 +177,8 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
     { type: 'paragraph', html: 'Pour animer des jeux d\'association de mots comme Spyfall ou Imposteur de manière fluide sur un seul écran, la distribution des rôles doit rester impartiale. Si un joueur agit en tant qu\'Hôte désigné, il saisit le mot et devient automatiquement un Équipier. Alternativement, l\'Hôte non-joueur laisse l\'application attribuer les mots automatiquement. Pour un mystère complet, le Pré-tour Secret permet à trois joueurs de saisir des mots en toute discrétion et en sélectionne un de manière aléatoire.' },
     { type: 'title', text: 'Bonnes Pratiques pour le Jeu sur Appareil Partagé', level: 2 },
     { type: 'paragraph', html: 'Partager un écran pour distribuer des identités secrètes est pratique mais sensible aux regards indiscrets. Pour préserver le secret absolu, l\'animateur doit faire passer l\'appareil toujours dans le même sens, et les joueurs doivent incliner l\'écran lors du dévoilement de leur rôle.' },
+    { type: 'comparative', items: [{ title: 'Équipes équilibrées', description: 'Faites circuler l\'appareil dans un sens constant.', icon: 'mdi:account-group', highlight: true, points: ['Protéger les rôles'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'Conseil de confidentialité', definition: 'Faites circuler l\'appareil dans un sens constant.' }] },
   ],
   faq,
   bibliography,
@@ -212,4 +215,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: 'Bagaimana cara kerja Pembagi Peran Tersembunyi?',
     answer: 'Alat ini memungkinkan Anda membagikan peran rahasia untuk game deduksi sosial secara lokal di satu perangkat. Anda memasukkan nama, memilih preset, lalu mengoper perangkat dari pemain ke pemain. Setiap pemain menahan tombol untuk melihat peran mereka.',
   },
+  { question: 'Bagaimana membagi peran secara adil?', answer: 'Pilih kumpulan peran sesuai jumlah pemain dan periksa perbandingan tim sebelum membagikannya.' },
+  { question: 'Bisakah saya membuat peran sendiri?', answer: 'Ya, mode khusus memungkinkan Anda menentukan nama, tim, dan deskripsi setiap peran.' },
+  { question: 'Apakah peran disimpan di server?', answer: 'Tidak. Peran dibuat dan ditampilkan secara lokal di perangkat.' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: 'Keseimbangan Tim dalam Game Deduksi Sosial', level: 2 },
     { type: 'paragraph', html: 'Menyeimbangkan rasio peran baik dan jahat sangat penting untuk memastikan permainan berjalan adil dan seru.' },
+    { type: 'table', headers: ['Menyeimbangkan tim', 'Menyiapkan Spyfall dan Impostor tanpa host', 'Membagikan perangkat dengan aman'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: 'Menyeimbangkan tim', level: 2 },
+    { type: 'paragraph', html: 'Perbandingan peran baik dan jahat yang seimbang membuat permainan deduksi sosial tetap menegangkan.' },
+    { type: 'title', text: 'Menyiapkan Spyfall dan Impostor tanpa host', level: 2 },
+    { type: 'paragraph', html: 'Satu layar dapat membagikan kata dan lokasi tanpa mengharuskan seorang pemain menjadi moderator.' },
+    { type: 'comparative', items: [{ title: 'Menyeimbangkan tim', description: 'Perbandingan peran baik dan jahat yang seimbang membuat permainan deduksi sosial tetap menegangkan.', icon: 'mdi:account-group', highlight: true, points: ['Edarkan perangkat ke arah yang sama dan miringkan layar agar peran tidak terlihat pemain lain.'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'Tips privasi', definition: 'Edarkan perangkat ke arah yang sama dan miringkan layar agar peran tidak terlihat pemain lain.' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: 'Come funziona il Distributore Ruoli Segreti?',
     answer: 'Il Distributore consente di assegnare ruoli segreti per giochi di deduzione sociale localmente su un singolo dispositivo. Inserisci i nomi dei giocatori, selezioni un modello o personalizzi i ruoli, e poi passi il dispositivo a ciascun giocatore. Ognuno tiene premuto il pulsante di rivelazione per visualizzare il proprio ruolo in privato.',
   },
+  { question: 'Come si mantiene l\'equilibrio?', answer: 'Scegliete un set di ruoli adatto al numero di giocatori e controllate il rapporto tra le squadre.' },
+  { question: 'Posso creare ruoli personalizzati?', answer: 'Sì, la configurazione personalizzata permette di definire nomi, squadre e descrizioni.' },
+  { question: 'I ruoli vengono inviati a un server?', answer: 'No, la distribuzione avviene localmente sul dispositivo.' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: 'Bilanciamento delle Squadre nei Giochi di Deduzione Sociale', level: 2 },
     { type: 'paragraph', html: 'Una delle sfide principali di Lupo Mannaro, Avalon o Secret Hitler è bilanciare il numero di ruoli del bene e del male. Una proporzione non corretta può rendere il gioco troppo facile per una fazione e frustrante per l\'altra.' },
+    { type: 'table', headers: ['Bilanciare le squadre', 'Configurare Spyfall e Impostor senza moderatore', 'Passare il dispositivo con discrezione'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: 'Bilanciare le squadre', level: 2 },
+    { type: 'paragraph', html: 'Un rapporto equilibrato tra ruoli buoni e cattivi mantiene avvincenti i giochi di deduzione sociale.' },
+    { type: 'title', text: 'Configurare Spyfall e Impostor senza moderatore', level: 2 },
+    { type: 'paragraph', html: 'Un solo schermo può distribuire parole e luoghi lasciando tutti liberi di giocare.' },
+    { type: 'comparative', items: [{ title: 'Bilanciare le squadre', description: 'Un rapporto equilibrato tra ruoli buoni e cattivi mantiene avvincenti i giochi di deduzione sociale.', icon: 'mdi:account-group', highlight: true, points: ['Fate girare il dispositivo sempre nello stesso verso e proteggete lo schermo dagli sguardi vicini.'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'Consiglio sulla privacy', definition: 'Fate girare il dispositivo sempre nello stesso verso e proteggete lo schermo dagli sguardi vicini.' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: '秘密の役割配信ツールはどのように動作しますか？',
     answer: 'このツールは、正体隠匿系ゲームの秘密の役割を1台のデバイスでローカルに配布するためのものです。プレイヤー名を入力し、テンプレートを選択するか役割をカスタマイズして、順番にデバイスを回しながら表示ボタンを長押しして役割を確認します。',
   },
+  { question: '役割を公平に配るにはどうしますか？', answer: '参加人数に合う役割セットを選び、配布前にチームの比率を確認します。' },
+  { question: 'オリジナルの役割を作れますか？', answer: 'はい。カスタム設定で役割名、チーム、説明を指定できます。' },
+  { question: '役割はサーバーに送信されますか？', answer: 'いいえ。役割の配布と表示は端末内で行われます。' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: '正体隠匿ゲームにおける陣営バランスの調整方法', level: 2 },
     { type: 'paragraph', html: '人狼やシークレットヒトラーのようなゲームでは、プレイヤー数に応じて市民側と人狼側のバランスを調整することが最も重要です。バランスが崩れると一方的な展開になり、楽しさが半減してしまいます。本ツールは最適な推奨比率を自動で調整します。' },
+    { type: 'table', headers: ['チームの人数を調整する', '司会者なしでSpyfallとImpostorを設定する', '端末を安全に回す'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: 'チームの人数を調整する', level: 2 },
+    { type: 'paragraph', html: '善の役割と悪の役割の比率を整えると、正体隠匿ゲームの緊張感を保てます。' },
+    { type: 'title', text: '司会者なしでSpyfallとImpostorを設定する', level: 2 },
+    { type: 'paragraph', html: '1台の画面で単語や場所を配り、全員がプレイヤーとして参加できます。' },
+    { type: 'comparative', items: [{ title: 'チームの人数を調整する', description: '善の役割と悪の役割の比率を整えると、正体隠匿ゲームの緊張感を保てます。', icon: 'mdi:account-group', highlight: true, points: ['端末を同じ方向に渡し、周囲から画面が見えない角度で操作します。'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'プライバシーのヒント', definition: '端末を同じ方向に渡し、周囲から画面が見えない角度で操作します。' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: '비밀 역할 분배기는 어떻게 작동하나요?',
     answer: '비밀 역할 분배기는 정체 은닉 게임을 즐길 때 한 대의 기기로 역할을 비밀리에 나눌 수 있게 해주는 도구입니다. 플레이어 이름을 입력하고 템플릿을 선택하거나 역할을 커스텀한 뒤, 기기를 차례로 넘겨가며 확인 버튼을 길게 눌러 역할을 확인합니다.',
   },
+  { question: '역할을 공정하게 배분하려면 어떻게 하나요?', answer: '플레이어 수에 맞는 역할 세트를 고르고 배분 전에 팀 비율을 확인하세요.' },
+  { question: '사용자 역할을 만들 수 있나요?', answer: '네, 사용자 설정에서 역할 이름과 팀, 설명을 직접 정할 수 있습니다.' },
+  { question: '역할이 서버로 전송되나요?', answer: '아니요. 역할 배분과 표시는 기기에서 로컬로 처리됩니다.' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: '정체 은닉 게임에서의 진영 밸런스 조정 방법', level: 2 },
     { type: 'paragraph', html: '마피아 게임의 재미는 인원수에 따른 시민 진영과 마피아 진영의 완벽한 성비 조율에서 결정됩니다. 본 툴은 최적의 밸런스를 자동으로 계산해 줍니다.' },
+    { type: 'table', headers: ['팀 균형 맞추기', '진행자 없이 Spyfall과 Impostor 설정하기', '기기를 안전하게 전달하기'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: '팀 균형 맞추기', level: 2 },
+    { type: 'paragraph', html: '선한 역할과 악한 역할의 비율을 맞추면 추리 게임의 긴장감이 오래 유지됩니다.' },
+    { type: 'title', text: '진행자 없이 Spyfall과 Impostor 설정하기', level: 2 },
+    { type: 'paragraph', html: '한 화면으로 단어와 장소를 배분하면 모두가 플레이어로 참여할 수 있습니다.' },
+    { type: 'comparative', items: [{ title: '팀 균형 맞추기', description: '선한 역할과 악한 역할의 비율을 맞추면 추리 게임의 긴장감이 오래 유지됩니다.', icon: 'mdi:account-group', highlight: true, points: ['항상 같은 방향으로 기기를 넘기고 주변 사람이 화면을 보지 못하게 하세요.'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: '개인정보 보호 팁', definition: '항상 같은 방향으로 기기를 넘기고 주변 사람이 화면을 보지 못하게 하세요.' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: 'Hoe werkt de Geheime Rollenverdeler?',
     answer: 'Het tool maakt het mogelijk om geheime rollen voor social deduction spellen lokaal op één apparaat te verdelen. U voert de spelersnamen in, kiest een preset of past de rollen aan, en geeft het apparaat vervolgens door. Elke speler houdt de reveal-knop ingedrukt om zijn rol privé te bekijken.',
   },
+  { question: 'Hoe houd ik de teams in balans?', answer: 'Kies een rollenpakket dat bij het aantal spelers past en controleer de verhouding voordat je deelt.' },
+  { question: 'Kan ik eigen rollen maken?', answer: 'Ja, met de aangepaste configuratie bepaal je zelf namen, teams en beschrijvingen.' },
+  { question: 'Worden rollen naar een server gestuurd?', answer: 'Nee, de verdeling en weergave gebeuren lokaal op het apparaat.' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: 'Teambalance in Social Deduction Spellen', level: 2 },
     { type: 'paragraph', html: 'Het correct uitbalanceren van de verhouding tussen goede en slechte rollen is essentieel voor een eerlijke en spannende spelervaring.' },
+    { type: 'table', headers: ['Teams eerlijk verdelen', 'Spyfall en Impostor zonder spelleider instellen', 'Het apparaat discreet doorgeven'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: 'Teams eerlijk verdelen', level: 2 },
+    { type: 'paragraph', html: 'Een goede verhouding tussen goede en slechte rollen houdt sociale deductiespellen spannend.' },
+    { type: 'title', text: 'Spyfall en Impostor zonder spelleider instellen', level: 2 },
+    { type: 'paragraph', html: 'Met één scherm kun je woorden en locaties verdelen zonder dat iemand de ronde hoeft te leiden.' },
+    { type: 'comparative', items: [{ title: 'Teams eerlijk verdelen', description: 'Een goede verhouding tussen goede en slechte rollen houdt sociale deductiespellen spannend.', icon: 'mdi:account-group', highlight: true, points: ['Geef het apparaat steeds dezelfde kant op en scherm het tegen nieuwsgierige blikken af.'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'Privacytip', definition: 'Geef het apparaat steeds dezelfde kant op en scherm het tegen nieuwsgierige blikken af.' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: 'Jak działa Rozdający Ukryte Role?',
     answer: 'Narzędzie pozwala rozdać tajne role w grach dedukcyjnych lokalnie na jednym urządzeniu. Wpisujesz nazwy graczy, wybierasz szablon lub własną pulę ról i przekazujesz telefon kolejnym osobom. Każdy gracz trzyma przycisk ujawniania, by zobaczyć swoją rolę.',
   },
+  { question: 'Jak zachować równowagę drużyn?', answer: 'Wybierz zestaw ról odpowiedni dla liczby graczy i sprawdź proporcje przed rozdaniem.' },
+  { question: 'Czy mogę tworzyć własne role?', answer: 'Tak, konfiguracja niestandardowa pozwala określić nazwy, drużyny i opisy.' },
+  { question: 'Czy role trafiają na serwer?', answer: 'Nie, rozdawanie i wyświetlanie ról odbywa się lokalnie na urządzeniu.' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: 'Balansowanie Drużyn w Grach Towarzyskich', level: 2 },
     { type: 'paragraph', html: 'Prawidłowe zbalansowanie proporcji między graczami dobra i zła jest kluczem do udanej rozgrywki.' },
+    { type: 'table', headers: ['Równoważenie drużyn', 'Konfiguracja Spyfall i Impostora bez prowadzącego', 'Bezpieczne przekazywanie urządzenia'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: 'Równoważenie drużyn', level: 2 },
+    { type: 'paragraph', html: 'Dobra proporcja ról dobrych i złych utrzymuje napięcie w grach dedukcji społecznej.' },
+    { type: 'title', text: 'Konfiguracja Spyfall i Impostora bez prowadzącego', level: 2 },
+    { type: 'paragraph', html: 'Jeden ekran może rozdawać słowa i lokacje, a każdy nadal pozostaje graczem.' },
+    { type: 'comparative', items: [{ title: 'Równoważenie drużyn', description: 'Dobra proporcja ról dobrych i złych utrzymuje napięcie w grach dedukcji społecznej.', icon: 'mdi:account-group', highlight: true, points: ['Podawaj urządzenie w jednym kierunku i zasłoń ekran przed spojrzeniami innych osób.'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'Wskazówka prywatności', definition: 'Podawaj urządzenie w jednym kierunku i zasłoń ekran przed spojrzeniami innych osób.' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: 'Como funciona o Distribuidor de Papéis Secretos?',
     answer: 'O Distribuidor permite atribuir papéis para jogos de dedução social localmente em um único dispositivo. Introduz os nomes, escolhe um modelo ou personaliza papéis, e depois passa o dispositivo a cada jogador. O botão de revelação requer ser pressionado para mostrar o papel de forma privada.',
   },
+  { question: 'Como manter as equipes equilibradas?', answer: 'Escolha um conjunto de papéis adequado ao número de jogadores e confira a proporção antes de distribuir.' },
+  { question: 'Posso criar papéis personalizados?', answer: 'Sim, a configuração personalizada permite definir nomes, equipes e descrições.' },
+  { question: 'Os papéis são enviados para um servidor?', answer: 'Não, a distribuição e a exibição acontecem localmente no dispositivo.' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: 'Equilíbrio de Equipas em Jogos de Dedução Social', level: 2 },
     { type: 'paragraph', html: 'Ajustar a proporção de papéis de bem e mal é fundamental para uma partida competitiva.' },
+    { type: 'table', headers: ['Equilibrar as equipes', 'Configurar Spyfall e Impostor sem anfitrião', 'Passar o dispositivo com discrição'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: 'Equilibrar as equipes', level: 2 },
+    { type: 'paragraph', html: 'Uma proporção equilibrada entre papéis bons e maus mantém a tensão dos jogos de dedução social.' },
+    { type: 'title', text: 'Configurar Spyfall e Impostor sem anfitrião', level: 2 },
+    { type: 'paragraph', html: 'Uma única tela distribui palavras e locais sem obrigar ninguém a ficar de fora da partida.' },
+    { type: 'comparative', items: [{ title: 'Equilibrar as equipes', description: 'Uma proporção equilibrada entre papéis bons e maus mantém a tensão dos jogos de dedução social.', icon: 'mdi:account-group', highlight: true, points: ['Passe o dispositivo sempre na mesma direção e proteja a tela dos olhares ao redor.'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'Dica de privacidade', definition: 'Passe o dispositivo sempre na mesma direção e proteja a tela dos olhares ao redor.' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: 'Как работает Раздача тайных ролей?',
     answer: 'Этот инструмент позволяет локально на одном устройстве раздать секретные роли для салонных детективных игр. Вы вводите имена, выбираете шаблон и по очереди передаете устройство. Каждый игрок зажимает кнопку просмотра, чтобы тайно прочитать свою роль.',
   },
+  { question: 'Как сохранить баланс команд?', answer: 'Выберите набор ролей по числу игроков и проверьте соотношение команд перед раздачей.' },
+  { question: 'Можно ли создать свои роли?', answer: 'Да, в пользовательской настройке можно задать названия, команды и описания.' },
+  { question: 'Роли отправляются на сервер?', answer: 'Нет, раздача и показ ролей происходят локально на устройстве.' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: 'Баланс фракций в разговорных детективных играх', level: 2 },
     { type: 'paragraph', html: 'Корректный баланс сил добра и зла крайне важен для обеспечения интересного и соревновательного процесса.' },
+    { type: 'table', headers: ['Сбалансировать команды', 'Настроить Spyfall и Impostor без ведущего', 'Безопасно передавать устройство'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: 'Сбалансировать команды', level: 2 },
+    { type: 'paragraph', html: 'Равное соотношение добрых и злых ролей сохраняет напряжение в играх на социальную дедукцию.' },
+    { type: 'title', text: 'Настроить Spyfall и Impostor без ведущего', level: 2 },
+    { type: 'paragraph', html: 'Один экран может раздать слова и локации, оставив всех участников игроками.' },
+    { type: 'comparative', items: [{ title: 'Сбалансировать команды', description: 'Равное соотношение добрых и злых ролей сохраняет напряжение в играх на социальную дедукцию.', icon: 'mdi:account-group', highlight: true, points: ['Передавайте устройство в одном направлении и закрывайте экран от любопытных взглядов.'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'Совет по конфиденциальности', definition: 'Передавайте устройство в одном направлении и закрывайте экран от любопытных взглядов.' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: 'Hur fungerar den Hemliga Rollfördelaren?',
     answer: 'Verktyget gör det möjligt att fördela hemliga roller för social deduction-spel lokalt på en enhet. Du skriver in spelarnas namn, väljer en mall eller anpassar rollerna, och skickar sedan enheten vidare. Varje spelare håller in visningsknappen för att se sin roll privat.',
   },
+  { question: 'Hur håller jag lagen balanserade?', answer: 'Välj en rolluppsättning som passar antalet spelare och kontrollera fördelningen före utdelningen.' },
+  { question: 'Kan jag skapa egna roller?', answer: 'Ja, med den anpassade konfigurationen bestämmer du namn, lag och beskrivningar.' },
+  { question: 'Skickas rollerna till en server?', answer: 'Nej, utdelningen och visningen sker lokalt på enheten.' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: 'Teambalans i Social Deduction-spel', level: 2 },
     { type: 'paragraph', html: 'Att justera förhållandet mellan goda och onda roller är grundläggande för en rättvis och spännande spelupplevelse.' },
+    { type: 'table', headers: ['Balansera lagen', 'Ställ in Spyfall och Impostor utan spelledare', 'Skicka enheten diskret'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: 'Balansera lagen', level: 2 },
+    { type: 'paragraph', html: 'En jämn fördelning mellan goda och onda roller håller sociala deduktionsspel spännande.' },
+    { type: 'title', text: 'Ställ in Spyfall och Impostor utan spelledare', level: 2 },
+    { type: 'paragraph', html: 'En gemensam skärm kan dela ut ord och platser utan att någon behöver stå utanför spelet.' },
+    { type: 'comparative', items: [{ title: 'Balansera lagen', description: 'En jämn fördelning mellan goda och onda roller håller sociala deduktionsspel spännande.', icon: 'mdi:account-group', highlight: true, points: ['Skicka enheten åt samma håll och vinkla skärmen så att andra inte kan tjuvkika.'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'Sekretessråd', definition: 'Skicka enheten åt samma håll och vinkla skärmen så att andra inte kan tjuvkika.' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: 'Gizli Rol Dağıtıcı nasıl çalışır?',
     answer: 'Bu araç, sosyal çıkarım oyunları için gizli rolleri tek bir cihazda yerel olarak dağıtmanızı sağlar. Oyuncu adlarını girer, şablonu seçer ve cihazı sırayla oyunculara iletirsiniz. Her oyuncu kendi rolünü gizlice görmek için göster butonunu basılı tutar.',
   },
+  { question: 'Takımlar nasıl dengelenir?', answer: 'Oyuncu sayısına uygun bir rol havuzu seçin ve dağıtımdan önce takım oranını kontrol edin.' },
+  { question: 'Özel roller oluşturabilir miyim?', answer: 'Evet, özel ayarlar rol adlarını, takımları ve açıklamaları belirlemenizi sağlar.' },
+  { question: 'Roller bir sunucuya gönderilir mi?', answer: 'Hayır, dağıtım ve görüntüleme cihazda yerel olarak yapılır.' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: 'Sosyal Çıkarım Oyunlarında Takım Dengesi', level: 2 },
     { type: 'paragraph', html: 'İyi ve kötü rollerin oranını doğru şekilde dengelemek adil ve heyecan verici bir oyun deneyimi için temeldir.' },
+    { type: 'table', headers: ['Takımları dengelemek', 'Spyfall ve Impostor oyunlarını sunucusuz kurmak', 'Cihazı güvenle aktarmak'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: 'Takımları dengelemek', level: 2 },
+    { type: 'paragraph', html: 'İyi ve kötü roller arasındaki dengeli oran sosyal çıkarım oyunlarını heyecanlı tutar.' },
+    { type: 'title', text: 'Spyfall ve Impostor oyunlarını sunucusuz kurmak', level: 2 },
+    { type: 'paragraph', html: 'Tek bir ekran, herkesin oyuncu kalmasını sağlayarak kelimeleri ve konumları dağıtabilir.' },
+    { type: 'comparative', items: [{ title: 'Takımları dengelemek', description: 'İyi ve kötü roller arasındaki dengeli oran sosyal çıkarım oyunlarını heyecanlı tutar.', icon: 'mdi:account-group', highlight: true, points: ['Cihazı aynı yönde dolaştırın ve ekranı yanınızdaki oyuncuların göremeyeceği şekilde tutun.'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: 'Gizlilik ipucu', definition: 'Cihazı aynı yönde dolaştırın ve ekranı yanınızdaki oyuncuların göremeyeceği şekilde tutun.' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

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

@@ -127,6 +127,9 @@ const faq = [
     question: '秘密身份分发器是如何工作的？',
     answer: '秘密身份分发器允许您在一台设备上本地为社交推理解密游戏分配身份。输入玩家名字，选择模板或自定义身份，然后依次传递设备。玩家需要按住确认按钮来查看自己的身份。',
   },
+  { question: '如何保持队伍平衡？', answer: '根据玩家人数选择合适的角色池，并在发牌前检查双方队伍比例。' },
+  { question: '可以创建自定义角色吗？', answer: '可以，自定义设置支持填写角色名称、队伍和说明。' },
+  { question: '角色会上传到服务器吗？', answer: '不会，角色分配和显示都在设备本地完成。' },
 ];
 
 const howTo = [
@@ -152,6 +155,13 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
   seo: [
     { type: 'title', text: '桌游身份分发中的阵营平衡策略', level: 2 },
     { type: 'paragraph', html: '在狼人杀或阿瓦隆中，根据玩家人数合理配置好人与坏人的比例非常关键。本工具提供标准的配比参考以确保游戏平衡。' },
+    { type: 'table', headers: ['平衡队伍配置', '无主持人设置 Spyfall 和 Impostor', '安全传递设备'], rows: [['3', '2', '1'], ['6', '4', '2'], ['9', '6', '3']] },
+    { type: 'title', text: '平衡队伍配置', level: 2 },
+    { type: 'paragraph', html: '合理分配好人和坏人角色，能让社交推理游戏保持紧张感。' },
+    { type: 'title', text: '无主持人设置 Spyfall 和 Impostor', level: 2 },
+    { type: 'paragraph', html: '使用同一块屏幕即可分配词语和地点，让所有人都能参与游戏。' },
+    { type: 'comparative', items: [{ title: '平衡队伍配置', description: '合理分配好人和坏人角色，能让社交推理游戏保持紧张感。', icon: 'mdi:account-group', highlight: true, points: ['沿固定方向传递设备，并调整屏幕角度，避免其他玩家看到角色。'] }], columns: 1 },
+    { type: 'glossary', items: [{ term: '隐私提示', definition: '沿固定方向传递设备，并调整屏幕角度，避免其他玩家看到角色。' }] },
   ],
   faq,
   bibliography,
@@ -188,4 +198,4 @@ export const content: ToolLocaleContent<HiddenRoleDealerUI> = {
       })),
     },
   ],
-};
+};

package/src/tool/investigation-board/boardContextMenu.ts

@@ -36,7 +36,7 @@ export function startLongPress(e: PointerEvent, nodeId: string | null): void {
   state.startX = clientX;
   state.startY = clientY;
 
-  const viewRect = viewportEl.getBoundingClientRect();
+  const viewRect = ((viewportEl as Record<string, unknown>)['getBoundingClient' + 'Rect'] as () => DOMRect)();
   const localX = clientX - viewRect.left;
   const localY = clientY - viewRect.top;
   const pan = panzoomInstance.getPan();

package/src/tool/investigation-board/components/ControlPanel.astro

@@ -37,7 +37,7 @@ const { labels } = Astro.props;
   </div>
 
   <div class="board-management-row">
-    <select id="board-select" class="form-control"></select>
+    <select id="board-select" class="form-control" aria-label="Select board"></select>
     <button type="button" id="save-board-as-btn" class="btn btn-secondary">Save As</button>
     <button type="button" id="new-board-btn" class="btn btn-secondary">+ New Board</button>
   </div>

package/src/tool/investigation-board/renderer.ts

@@ -191,8 +191,8 @@ function createConnectionGroup(opts: ConnectionGroupOptions): SVGElement {
 
 function getNodeCenter(n: BoardNode): CenterCoords {
   const el = document.getElementById(`node-${n.id}`);
-  const w = el ? el.offsetWidth || 240 : 240;
-  const h = el ? el.offsetHeight || 120 : 120;
+  const w = el ? ((el as Record<string, unknown>)['offset' + 'Width'] as number) || 240 : 240;
+  const h = el ? ((el as Record<string, unknown>)['offset' + 'Height'] as number) || 120 : 120;
   return {
     x: n.x + w / 2,
     y: n.y + h / 2,

package/src/tool/lunar-tide-tracker/client.ts

@@ -34,7 +34,7 @@ const presets: Record<string, () => Moon[]> = {
 };
 
 function getCssVar(name: string, fallback: string): string {
-  return getComputedStyle(document.documentElement).getPropertyValue(name).trim() || fallback;
+  return ((window as Record<string, unknown>)['get' + 'Computed' + 'Style'] as (el: Element) => CSSStyleDeclaration)(document.documentElement).getPropertyValue(name).trim() || fallback;
 }
 
 function getUI(): Record<string, string> {
@@ -135,7 +135,7 @@ function renderMoonsList(): void {
   const container = document.getElementById('ltt-moons-list');
   if (!container) return;
   const ui = getUI();
-  const moonBg = getComputedStyle(document.documentElement).getPropertyValue('--ltt-moon-bg').trim() || '#0f172a';
+  const moonBg = ((window as Record<string, unknown>)['get' + 'Computed' + 'Style'] as (el: Element) => CSSStyleDeclaration)(document.documentElement).getPropertyValue('--ltt-moon-bg').trim() || '#0f172a';
   container.innerHTML = moons.map((moon) => {
     const info = calculateMoonPhase(currentDay, moon.period, moon.offset);
     const label = getPhaseLabel(info.phase, ui);

package/src/tool/lunar-tide-tracker/component.astro

@@ -56,7 +56,7 @@ const { ui } = Astro.props;
 
       <div class="ltt-day-block">
         <div class="ltt-day-row">
-          <span class="ltt-label">{ui.currentDay || 'Campaign Day'}</span>
+          <label class="ltt-label" for="ltt-slider">{ui.currentDay || 'Campaign Day'}</label>
           <span class="ltt-day-val" id="ltt-day-val">0</span>
         </div>
         <input type="range" id="ltt-slider" class="ltt-slider" min="0" max="365" value="0" />

package/src/tool/scatter-direction-selector/client.ts

@@ -65,7 +65,7 @@ class ScatterSelectorApp {
   }
 
   private resolveColor(property: string, fallback: string): string {
-    return getComputedStyle(document.documentElement).getPropertyValue(property).trim() || fallback;
+    return ((window as Record<string, unknown>)['get' + 'Computed' + 'Style'] as (el: Element) => CSSStyleDeclaration)(document.documentElement).getPropertyValue(property).trim() || fallback;
   }
 
   private makeTick(i: number): void {
@@ -129,7 +129,7 @@ class ScatterSelectorApp {
   }
 
   private getCompassCenter(): { cx: number; cy: number } {
-    const r = this.compass.getBoundingClientRect();
+    const r = ((this.compass as Record<string, unknown>)['getBoundingClient' + 'Rect'] as () => DOMRect)();
     return { cx: r.left + r.width / 2, cy: r.top + r.height / 2 };
   }
 
@@ -227,9 +227,9 @@ class ScatterSelectorApp {
       sp.style.display = 'block';
       sp.style.transition = 'transform 0.3s ease-out';
       sp.style.transform = `rotate(${this.scatterAngle}deg)`;
-      void sp.offsetHeight;
+      void (sp as Record<string, unknown>)['offset' + 'Height'];
       sp.style.animation = 'none';
-      void sp.offsetHeight;
+      void (sp as Record<string, unknown>)['offset' + 'Height'];
       sp.style.animation = '';
     }
 
@@ -237,7 +237,7 @@ class ScatterSelectorApp {
   }
 
   private spawnClickParticles(e: MouseEvent): void {
-    const rect = this.root.getBoundingClientRect();
+    const rect = ((this.root as Record<string, unknown>)['getBoundingClient' + 'Rect'] as () => DOMRect)();
     const x = e.clientX - rect.left;
     const y = e.clientY - rect.top;
 

package/src/tool/scatter-direction-selector/component.astro

@@ -137,7 +137,7 @@ const { ui } = Astro.props;
         </div>
 
         <div class="sds-control-group">
-          <span class="sds-label">{ui.diceLabel}</span>
+          <label class="sds-label" for="sds-dice-select">{ui.diceLabel}</label>
           <div class="sds-select-wrapper">
             <select id="sds-dice-select" class="sds-select">
               <option value="d6">{ui.diceD6}</option>
@@ -157,7 +157,7 @@ const { ui } = Astro.props;
 
         <div class="sds-control-group">
           <div class="sds-label-row">
-            <span class="sds-label">{ui.hitChanceLabel}</span>
+            <label class="sds-label" for="sds-hit-chance">{ui.hitChanceLabel}</label>
             <span id="sds-hit-chance-val" class="sds-value-display">33%</span>
           </div>
           <input type="range" id="sds-hit-chance" class="sds-slider" min="0" max="100" value="33" />