@jjlmoya/utils-hardware 1.17.0 → 1.19.0

package/src/tool/colorAccuracyTest/i18n/zh.ts

@@ -43,7 +43,7 @@ const howToData = [
   },
   {
     name: '命名您的硬件（可选）',
-    text: '输入显示器或设备的描述性名称（例如“MacBook Pro 16 M1”）。这将个性化您的报告。',
+    text: '输入显示器或设备的描述性名称（例如"MacBook Pro 16 M1"）。这将个性化您的报告。',
   },
   {
     name: '进入全屏模式',
@@ -118,7 +118,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '色彩还原中哪怕只有 1% 的差异，也可能决定了作品是令人“惊叹”还是让人感觉“不对劲”。专业显示器提供的精准度在 <strong>Delta E &lt; 2</strong> 以内。消费级显示器通常会漂移到 Delta E 4-6+，导致：',
+      html: '色彩还原中哪怕只有 1% 的差异，也可能决定了作品是令人"惊叹"还是让人感觉"不对劲"。专业显示器提供的精准度在 <strong>Delta E &lt; 2</strong> 以内。消费级显示器通常会漂移到 Delta E 4-6+，导致：',
     },
     {
       type: 'paragraph',
@@ -166,7 +166,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<strong>Delta E 分级 (CIE 1976)：</strong><ul><li>0–1：人眼无法察觉</li><li>1–2：几乎无法察觉</li><li>2–4：可察觉，但对于普通用途是可以接受的</li><li>4–6：明显的色彩漂移</li><li>&gt;6: 非常明显的差异</li></ul>',
+      html: '<strong>Delta E 分级 (CIE 1976)：</strong><ul><li>0-1：人眼无法察觉</li><li>1-2：几乎无法察觉</li><li>2-4：可察觉，但对于普通用途是可以接受的</li><li>4-6：明显的色彩漂移</li><li>&gt;6: 非常明显的差异</li></ul>',
     },
     {
       type: 'paragraph',
@@ -184,7 +184,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '显示纯正的原色和间色（红、绿、蓝、青、洋红、黄），并测量您的显示器如何还原它们。色彩“泛滥”动画可揭示全屏色彩还原的一致性。',
+      html: '显示纯正的原色和间色（红、绿、蓝、青、洋红、黄），并测量您的显示器如何还原它们。色彩"泛滥"动画可揭示全屏色彩还原的一致性。',
     },
     {
       type: 'title',
@@ -202,7 +202,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '纯黑 (0,0,0) 背景上带有几乎看不见的近黑阴影。如果暗部细节“挤”在了一起，说明您的显示器正在丢失阴影部分的色彩信息——这在移动设备屏幕和廉价面板中很常见。',
+      html: '纯黑 (0,0,0) 背景上带有几乎看不见的近黑阴影。如果暗部细节"挤"在了一起，说明您的显示器正在丢失阴影部分的色彩信息；这在移动设备屏幕和廉价面板中很常见。',
     },
     {
       type: 'title',
@@ -224,7 +224,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<ul><li><strong>3D 色域可视化：</strong> 一个可旋转的 3D 图表，展示您显示器的实际色域体积与参考标准的对比</li><li><strong>Delta E 热力图：</strong> 显示您的显示器在光谱的哪些部分发生了漂移</li><li><strong>伽马曲线：</strong> 0-255 范围内的亮度线性度</li><li><strong>校准评分：</strong> 根据总体准确度给出的单一“色彩等级”(Spectrum Grade)（顶尖、影院级、工作站级、标准）</li></ul>',
+      html: '<ul><li><strong>3D 色域可视化：</strong> 一个可旋转的 3D 图表，展示您显示器的实际色域体积与参考标准的对比</li><li><strong>Delta E 热力图：</strong> 显示您的显示器在光谱的哪些部分发生了漂移</li><li><strong>伽马曲线：</strong> 0-255 范围内的亮度线性度</li><li><strong>校准评分：</strong> 根据总体准确度给出的单一"色彩等级"(Spectrum Grade)（顶尖、影院级、工作站级、标准）</li></ul>',
     },
     {
       type: 'title',
@@ -237,7 +237,7 @@ export const content: ToolLocaleContent<SpectrumCanvasUI> = {
     },
     {
       type: 'paragraph',
-      html: '<ul><li><strong>色温：</strong> 如果颜色偏冷/偏蓝，向“暖色”移动；如果偏暖/偏黄，向“冷色”移动</li><li><strong>对比度：</strong> 如果黑色看起来发白，则增加；如果暗部细节丢失，则减少</li><li><strong>亮度：</strong> 调整以在 50% 亮度下实现没有色偏的中性灰色</li><li><strong>饱和度：</strong> 如果颜色过度饱和，则减少；如果显得暗淡，则增加</li></ul>',
+      html: '<ul><li><strong>色温：</strong> 如果颜色偏冷/偏蓝，向"暖色"移动；如果偏暖/偏黄，向"冷色"移动</li><li><strong>对比度：</strong> 如果黑色看起来发白，则增加；如果暗部细节丢失，则减少</li><li><strong>亮度：</strong> 调整以在 50% 亮度下实现没有色偏的中性灰色</li><li><strong>饱和度：</strong> 如果颜色过度饱和，则减少；如果显得暗淡，则增加</li></ul>',
     },
     {
       type: 'title',

package/src/tool/deadPixelTest/i18n/ru.ts

@@ -118,7 +118,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Это самый распространенный дефект. Он возникает, когда один или несколько субпикселей (красный, зеленый или синий) застревают во включенном состоянии. <strong>Симптом:</strong> вы увидите постоянно горящую цветную точку (красную, зеленую, синюю или белую) на темном фоне. <strong>Часто подлежит ремонту.</strong> Жидкий кристалл все еще реагирует; он просто «заблокирован» в определенной поляризации. Наш стробоскопический инструмент пытается разблокировать его с помощью быстрой стимуляции напряжением.',
+      html: 'Это самый распространенный дефект. Он возникает, когда один или несколько субпикселей (красный, зеленый или синий) застревают во включенном состоянии. <strong>Симптом:</strong> вы увидите постоянно горящую цветную точку (красную, зеленую, синюю или белую) на темном фоне. <strong>Часто подлежит ремонту.</strong> Жидкий кристалл все еще реагирует; он просто "заблокирован" в определенной поляризации. Наш стробоскопический инструмент пытается разблокировать его с помощью быстрой стимуляции напряжением.',
     },
     {
       type: 'title',
@@ -136,7 +136,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Функция «Ремонт пикселя» использует метод, известный как <strong>Pixel Exercising</strong> (тренировка пикселей). Она генерирует высокочастотный шаблон случайного шума (быстрое мигание цветов) над пораженной областью.',
+      html: 'Функция "Ремонт пикселя" использует метод, известный как <strong>Pixel Exercising</strong> (тренировка пикселей). Она генерирует высокочастотный шаблон случайного шума (быстрое мигание цветов) над пораженной областью.',
     },
     {
       type: 'title',
@@ -145,7 +145,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: 'В ЖК-мониторах используются жидкие кристаллы, которые меняют свою прозрачность в зависимости от приложенного напряжения. Когда субпиксель застревает, это означает, что кристалл «застыл» в определенной поляризации. Быстрые изменения напряжения (достигаемые за счет быстрой смены основных цветов) пытаются «размять» кристалл и заставить его сменить состояние.',
+      html: 'В ЖК-мониторах используются жидкие кристаллы, которые меняют свою прозрачность в зависимости от приложенного напряжения. Когда субпиксель застревает, это означает, что кристалл "застыл" в определенной поляризации. Быстрые изменения напряжения (достигаемые за счет быстрой смены основных цветов) пытаются "размять" кристалл и заставить его сменить состояние.',
     },
     {
       type: 'title',
@@ -154,7 +154,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: '<ul><li>Рекомендуется запускать инструмент над пораженной областью в течение как минимум <strong>10–20 минут</strong>.</li><li>Если это не помогло, попробуйте более длительные сеансы (до 1 часа) или попробуйте очень осторожно надавить на пиксель салфеткой из микрофибры (на ваш страх и риск).</li><li>В некоторых случаях легкий прогрев монитора феном (на низкой температуре) перед активацией стробоскопа улучшает результаты.</li></ul>',
+      html: '<ul><li>Рекомендуется запускать инструмент над пораженной областью в течение как минимум <strong>10-20 минут</strong>.</li><li>Если это не помогло, попробуйте более длительные сеансы (до 1 часа) или попробуйте очень осторожно надавить на пиксель салфеткой из микрофибры (на ваш страх и риск).</li><li>В некоторых случаях легкий прогрев монитора феном (на низкой температуре) перед активацией стробоскопа улучшает результаты.</li></ul>',
     },
     {
       type: 'title',
@@ -172,7 +172,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Если вы подтвердили наличие дефектных пикселей (особенно нескольких битых пикселей), вы можете использовать наш тест как доказательство для гарантийных претензий. Многие производители считают более 2–3 ярких пикселей или 1 битый пиксель производственным браком, дающим право на замену в соответствии со стандартом ISO 9241-307 (класс 1).',
+      html: 'Если вы подтвердили наличие дефектных пикселей (особенно нескольких битых пикселей), вы можете использовать наш тест как доказательство для гарантийных претензий. Многие производители считают более 2-3 ярких пикселей или 1 битый пиксель производственным браком, дающим право на замену в соответствии со стандартом ISO 9241-307 (класс 1).',
     },
     {
       type: 'title',
@@ -181,7 +181,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: 'На протяжении десятилетий ЖК-мониторы страдали от дефектов пикселей из-за сложности производства. Панель Full HD (1920×1080) содержит 6 220 800 пикселей (18 662 400 субпикселей). Статистическая вероятность возникновения дефектов неизбежна. Вот почему существуют такие стандарты, как ISO 9241-307, определяющие «допустимые битые пиксели» в зависимости от класса монитора.',
+      html: 'На протяжении десятилетий ЖК-мониторы страдали от дефектов пикселей из-за сложности производства. Панель Full HD (1920×1080) содержит 6 220 800 пикселей (18 662 400 субпикселей). Статистическая вероятность возникновения дефектов неизбежна. Вот почему существуют такие стандарты, как ISO 9241-307, определяющие "допустимые битые пиксели" в зависимости от класса монитора.',
     },
   ],
   ui: {

package/src/tool/deadPixelTest/i18n/sv.ts

@@ -172,7 +172,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: 'Om du bekräftar defekta pixlar (särskilt flera döda pixlar) kan du använda vårt test som bevis vid garantianspråk. Många tillverkare anser att fler än 2–3 ljusa pixlar eller 1 död pixel är ett tillverkningsfel som berättigar till utbyte enligt ISO 9241-307 (Klass 1)-standarden.',
+      html: 'Om du bekräftar defekta pixlar (särskilt flera döda pixlar) kan du använda vårt test som bevis vid garantianspråk. Många tillverkare anser att fler än 2-3 ljusa pixlar eller 1 död pixel är ett tillverkningsfel som berättigar till utbyte enligt ISO 9241-307 (Klass 1)-standarden.',
     },
     {
       type: 'title',

package/src/tool/deadPixelTest/i18n/zh.ts

@@ -27,7 +27,7 @@ const faqData = [
   {
     question: '保修范围涵盖多少个坏点？',
     answer:
-      '这取决于制造商和 ISO 9241-307 标准。通常，品牌认为对于 1 级面板，最多 2 到 3 个亮点是“正常”的，而 0 级面板则不允许有任何坏点。',
+      '这取决于制造商和 ISO 9241-307 标准。通常，品牌认为对于 1 级面板，最多 2 到 3 个亮点是"正常"的，而 0 级面板则不允许有任何坏点。',
   },
 ];
 
@@ -118,7 +118,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: '这是最常见的缺陷。它发生在红、绿、蓝子像素中的一个或多个卡在“开启”状态时。<strong>症状：</strong>在深色背景下，你会看到一个永久发光的色点（红、绿、蓝或白色）。<strong>通常是可修复的。</strong>液晶仍然有反应，只是被“锁”在特定的偏振状态。我们的 Strobe 修复工具尝试通过快速电压刺激来解锁它。',
+      html: '这是最常见的缺陷。它发生在红、绿、蓝子像素中的一个或多个卡在"开启"状态时。<strong>症状：</strong>在深色背景下，你会看到一个永久发光的色点（红、绿、蓝或白色）。<strong>通常是可修复的。</strong>液晶仍然有反应，只是被"锁"在特定的偏振状态。我们的 Strobe 修复工具尝试通过快速电压刺激来解锁它。',
     },
     {
       type: 'title',
@@ -136,7 +136,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: '“修复像素”功能使用了一种被称为 <strong>Pixel Exercising</strong>（像素锻炼）的技术。它在受影响的区域产生高频随机噪声模式（颜色快速闪烁）。',
+      html: '"修复像素"功能使用了一种被称为 <strong>Pixel Exercising</strong>（像素锻炼）的技术。它在受影响的区域产生高频随机噪声模式（颜色快速闪烁）。',
     },
     {
       type: 'title',
@@ -145,7 +145,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: '液晶显示器使用液晶，其透明度根据施加的电压而改变。当一个子像素卡住时，意味着液晶“冻结”在特定的偏振状态。快速的电压变化（通过快速切换原色实现）尝试“锻炼”液晶并迫使它改变状态。',
+      html: '液晶显示器使用液晶，其透明度根据施加的电压而改变。当一个子像素卡住时，意味着液晶"冻结"在特定的偏振状态。快速的电压变化（通过快速切换原色实现）尝试"锻炼"液晶并迫使它改变状态。',
     },
     {
       type: 'title',
@@ -181,7 +181,7 @@ export const content: ToolLocaleContent<PixelesPantallaUI> = {
     },
     {
       type: 'paragraph',
-      html: '几十年来，由于制造的复杂性，液晶显示器一直存在像素缺陷。一个全高清面板（1920×1080）包含 6,220,800 个像素（18,662,400 个子像素）。统计上的缺陷概率是不可避免的。这就是为什么存在 ISO 9241-307 等标准，来根据显示器级别定义“可接受的死点”数量。',
+      html: '几十年来，由于制造的复杂性，液晶显示器一直存在像素缺陷。一个全高清面板（1920×1080）包含 6,220,800 个像素（18,662,400 个子像素）。统计上的缺陷概率是不可避免的。这就是为什么存在 ISO 9241-307 等标准，来根据显示器级别定义"可接受的死点"数量。',
     },
   ],
   ui: {

package/src/tool/gamepadTest/component.astro

@@ -341,11 +341,12 @@ const t = (ui ?? {}) as TestMandoUI;
       (targetBtn as HTMLElement).style.background = currentTarget.color;
       (targetBtn as HTMLElement).style.color = 'white';
       targetBtn.classList.remove('tm-target-hidden', 'tm-target-pop');
-      void targetBtn.offsetWidth;
-      targetBtn.classList.add('tm-target-pop');
       targetLabel.textContent = currentTarget.label;
       targetSub.textContent = currentTarget.type === 'axis' ? LABEL_MOVE : LABEL_PRESS;
-      setTimeout(() => targetBtn.classList.remove('tm-target-pop'), 300);
+      requestAnimationFrame(() => {
+        targetBtn?.classList.add('tm-target-pop');
+        setTimeout(() => targetBtn?.classList.remove('tm-target-pop'), 300);
+      });
     }
     function startTimer() {
       timeLeft = 30;

package/src/tool/gamepadTest/gamepad-test.css

@@ -20,7 +20,15 @@
   --tm-stick-border: #64748b;
 
   width: 100%;
+  max-width: 100%;
   color: var(--tm-text);
+  overflow-x: clip;
+}
+
+.tm-wrapper *,
+.tm-wrapper *::before,
+.tm-wrapper *::after {
+  box-sizing: border-box;
 }
 
 .theme-dark .tm-wrapper {
@@ -103,6 +111,8 @@ body.is-widget .tm-wrapper {
       padding: 2rem;
       box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
       border: 1px solid var(--tm-border);
+      max-width: 100%;
+      overflow: hidden;
     }
 
     .tm-card-header {
@@ -148,24 +158,28 @@ body.is-widget .tm-wrapper {
       flex-direction: column;
       align-items: center;
       gap: 1rem;
+      width: 100%;
+      overflow: hidden;
     }
 
     .tm-stage {
       position: relative;
       width: 600px;
       height: 420px;
+      flex: 0 0 600px;
+      transform-origin: top center;
       transition: all 500ms;
     }
 
     .tm-stage-inactive {
       opacity: 0.25;
       filter: grayscale(1);
-      transform: scale(0.9);
+      transform: scale(var(--tm-stage-scale, 1));
     }
 
     @media (min-width: 640px) {
       .tm-stage-inactive {
-        transform: scale(1);
+        transform: scale(var(--tm-stage-scale, 1));
       }
     }
 
@@ -460,6 +474,7 @@ body.is-widget .tm-wrapper {
       font-size: 0.75rem;
       color: var(--tm-text-muted);
       transition: opacity 500ms;
+      min-width: 0;
     }
 
     .tm-info-inactive { opacity: 0.5; }
@@ -468,6 +483,7 @@ body.is-widget .tm-wrapper {
     .tm-info-right {
       display: flex;
       gap: 1rem;
+      min-width: 0;
     }
 
     .tm-gp-id {
@@ -630,6 +646,7 @@ body.is-widget .tm-wrapper {
       justify-content: center;
       border: 1px solid rgba(255, 255, 255, 0.05);
       color: white;
+      max-width: 100%;
     }
 
     .tm-game-intro {
@@ -732,6 +749,7 @@ body.is-widget .tm-wrapper {
       align-items: center;
       width: 100%;
       margin-bottom: 3rem;
+      gap: 1rem;
     }
 
     .tm-hud-item {
@@ -783,6 +801,7 @@ body.is-widget .tm-wrapper {
       display: flex;
       align-items: center;
       justify-content: center;
+      max-width: 100%;
     }
 
     .tm-target-ring {
@@ -852,6 +871,8 @@ body.is-widget .tm-wrapper {
       background: rgba(255, 255, 255, 0.05);
       border-radius: 9999px;
       border: 1px solid rgba(255, 255, 255, 0.1);
+      max-width: 100%;
+      text-align: center;
     }
 
     .tm-instruction-dot {
@@ -922,6 +943,153 @@ body.is-widget .tm-wrapper {
       justify-content: center;
     }
 
+    @media (max-width: 700px) {
+      .tm-container {
+        padding: 0;
+        gap: 1.25rem;
+      }
+
+      .tm-card,
+      .tm-game-card {
+        border-radius: 0.875rem;
+        padding: 1rem;
+      }
+
+      .tm-card-header {
+        margin-bottom: 1.25rem;
+      }
+
+      .tm-title {
+        font-size: 1.5rem;
+      }
+
+      .tm-stage-wrapper {
+        --tm-stage-scale: 0.9;
+
+        min-height: calc(420px * var(--tm-stage-scale));
+      }
+
+      .tm-stage {
+        transform: scale(var(--tm-stage-scale));
+        margin-bottom: calc((420px * var(--tm-stage-scale)) - 420px);
+      }
+
+      .tm-info-bar {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 0.5rem;
+        padding-top: 0.75rem;
+      }
+
+      .tm-info-left,
+      .tm-info-right {
+        justify-content: space-between;
+        gap: 0.5rem;
+      }
+
+      .tm-vibration-panel,
+      .tm-log-section {
+        margin-top: 1rem;
+        border-radius: 0.75rem;
+        padding: 0.875rem;
+      }
+
+      .tm-vibration-btns,
+      .tm-results-btns {
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 0.75rem;
+      }
+
+      .tm-vib-btn,
+      .tm-restart-btn,
+      .tm-share-btn {
+        width: 100%;
+      }
+
+      .tm-game-card {
+        min-height: 420px;
+      }
+
+      .tm-game-icon {
+        width: 4rem;
+        height: 4rem;
+        margin-bottom: 1rem;
+      }
+
+      .tm-game-intro-title {
+        font-size: 1.65rem;
+      }
+
+      .tm-game-intro-desc {
+        margin-bottom: 1.5rem;
+        font-size: 0.95rem;
+      }
+
+      .tm-game-start-btn {
+        width: 100%;
+        padding: 1rem;
+        font-size: 1rem;
+      }
+
+      .tm-game-hud {
+        margin-bottom: 1.5rem;
+      }
+
+      .tm-hud-label {
+        font-size: 0.55rem;
+      }
+
+      .tm-hud-value {
+        font-size: 1.5rem;
+      }
+
+      .tm-target-container {
+        width: min(15rem, 78vw);
+        height: min(15rem, 78vw);
+      }
+
+      .tm-target-btn {
+        width: min(8rem, 45vw);
+        height: min(8rem, 45vw);
+        font-size: 2.5rem;
+      }
+
+      .tm-game-instruction {
+        margin-top: 1.5rem;
+        border-radius: 0.75rem;
+        padding: 0.75rem 1rem;
+      }
+
+      .tm-final-score {
+        font-size: 4rem;
+      }
+    }
+
+    @media (max-width: 560px) {
+      .tm-stage-wrapper {
+        --tm-stage-scale: 0.82;
+      }
+    }
+
+    @media (max-width: 500px) {
+      .tm-stage-wrapper {
+        --tm-stage-scale: 0.72;
+      }
+    }
+
+    @media (max-width: 440px) {
+      .tm-stage-wrapper {
+        --tm-stage-scale: 0.62;
+      }
+    }
+
+    @media (max-width: 380px) {
+      .tm-stage-wrapper {
+        --tm-stage-scale: 0.54;
+      }
+    }
+
     @media (min-width: 640px) {
       .tm-results-btns { flex-direction: row; }
     }
@@ -964,4 +1132,4 @@ body.is-widget .tm-wrapper {
 
     @keyframes pulse {
       50% { opacity: 0.5; }
-    }
+    }

package/src/tool/gamepadTest/i18n/es.ts

@@ -158,16 +158,16 @@ export const content: ToolLocaleContent<TestMandoUI> = {
     gamePress: 'PULSA',
     rankLegendaryName: 'LEGENDARIO',
     rankLegendaryDesc: 'Tus dedos se mueven a la velocidad del sonido.',
-    rankLegendaryFlavor: 'Mi mando vuela!',
+    rankLegendaryFlavor: '¡Mi mando vuela!',
     rankProName: 'PRO GAMER',
     rankProDesc: 'Tienes reflejos de acero y un mando bien calibrado.',
-    rankProFlavor: 'Mi mando vuela!',
+    rankProFlavor: '¡Mi mando vuela!',
     rankGamerName: 'GAMER',
     rankGamerDesc: 'No está mal, pero para el competitivo te falta calle.',
-    rankGamerFlavor: 'Casi lo tengo!',
+    rankGamerFlavor: '¡Casi lo tengo!',
     rankNoobName: 'MANCO',
     rankNoobDesc: '¿Seguro que tienes el mando encendido?',
-    rankNoobFlavor: 'El mando me tiene manía!',
+    rankNoobFlavor: '¡El mando me tiene manía!',
     gameShareText: '¿Me superas?',
     gameShareScorePrefix: 'Hice',
     gameShareScoreSuffix: 'aciertos',

package/src/tool/gamepadTest/i18n/ru.ts

@@ -14,7 +14,7 @@ const faqData = [
   },
   {
     question: 'Как исправить дрифт программно?',
-    answer: 'Если дрифт незначительный, вы можете настроить увеличенную «Мертвую зону» (Deadzone) в настройках игры. Это позволит игнорировать небольшие движения стика в центре.',
+    answer: 'Если дрифт незначительный, вы можете настроить увеличенную "Мертвую зону" (Deadzone) в настройках игры. Это позволит игнорировать небольшие движения стика в центре.',
   },
   {
     question: 'Совместим ли тест с контроллерами PS5, Xbox и Switch?',

package/src/tool/gamepadTest/i18n/zh.ts

@@ -14,7 +14,7 @@ const faqData = [
   },
   {
     question: '我可以通过软件修复漂移吗？',
-    answer: '如果漂移较轻，您可以在游戏设置中配置更大的“死区 (Dead Zone)”。这将忽略中心位置的微小摇杆移动。',
+    answer: '如果漂移较轻，您可以在游戏设置中配置更大的"死区 (Dead Zone)"。这将忽略中心位置的微小摇杆移动。',
   },
   {
     question: '是否兼容 PS5、Xbox 和 Switch 控制器？',

package/src/tool/gamepadVibrationTester/component.astro

@@ -113,7 +113,7 @@ const t = (ui ?? {}) as ProbadorVibracionMandoUI;
 
         <div class="pv-slider-group">
           <div class="pv-slider-header">
-            <span>{t.customStrongLabel}</span>
+            <label for="pv-inp-str">{t.customStrongLabel}</label>
             <span id="pv-sl-str" class="pv-slider-val">100%</span>
           </div>
           <input type="range" class="pv-slider" id="pv-inp-str" min="0" max="1" step="0.05" value="1.0" />
@@ -121,7 +121,7 @@ const t = (ui ?? {}) as ProbadorVibracionMandoUI;
 
         <div class="pv-slider-group">
           <div class="pv-slider-header">
-            <span>{t.customWeakLabel}</span>
+            <label for="pv-inp-wk">{t.customWeakLabel}</label>
             <span id="pv-sl-wk" class="pv-slider-val">100%</span>
           </div>
           <input type="range" class="pv-slider" id="pv-inp-wk" min="0" max="1" step="0.05" value="1.0" />
@@ -129,7 +129,7 @@ const t = (ui ?? {}) as ProbadorVibracionMandoUI;
 
         <div class="pv-slider-group">
           <div class="pv-slider-header">
-            <span>{t.customDurationLabel}</span>
+            <label for="pv-inp-dur">{t.customDurationLabel}</label>
             <span id="pv-sl-dur" class="pv-slider-val">500ms</span>
           </div>
           <input type="range" class="pv-slider" id="pv-inp-dur" min="50" max="2500" step="50" value="500" />

package/src/tool/gamepadVibrationTester/i18n/es.ts

@@ -133,7 +133,7 @@ export const content: ToolLocaleContent<ProbadorVibracionMandoUI> = {
     presetHeartbeatDesc: 'Palpitaciones sutiles consecutivas. Perfecto para ver retenciones inerciales.',
     presetSongTitle: 'Ritmo Moneda',
     presetSongDesc: 'Simula el ruido de monedas consecutivas. Corto y táctil.',
-    presetRockYouTitle: 'Rock You!',
+    presetRockYouTitle: '¡Rock You!',
     presetRockYouDesc: "El clásico de Queen en tus manos: pum, pum, ¡clap!",
     presetEarthquakeTitle: '¡Terremoto Máximo!',
     presetEarthquakeDesc: 'Ambos motores al 100% de fuerza explosiva. MUY intenso.',

package/src/tool/gamepadVibrationTester/i18n/fr.ts

@@ -106,7 +106,7 @@ export const content: ToolLocaleContent<ProbadorVibracionMandoUI> = {
     { type: 'title', text: 'Architecture Dual-Rumble vs. Actionneurs Linéaires', level: 3 },
     {
       type: 'paragraph',
-      html: "Les manettes classiques (Xbox, DualShock) utilisent deux micromoteurs asymétriques : le gauche génère des vibrations graves et profondes ; le droit produit des bourdonnements aigus et rapides. Les appareils avancés comme le DualSense utilisent des actionneurs linéaires qui simulent textures et résistance.",
+      html: "Les manettes classiques (Xbox, DualShock) utilisent deux micromoteurs asymétriques: le gauche génère des vibrations graves et profondes ; le droit produit des bourdonnements aigus et rapides. Les appareils avancés comme le DualSense utilisent des actionneurs linéaires qui simulent textures et résistance.",
     },
   ],
   ui: {
@@ -129,7 +129,7 @@ export const content: ToolLocaleContent<ProbadorVibracionMandoUI> = {
     presetSongTitle: 'Rythme Pièce',
     presetSongDesc: 'Simule le son de pièces collectées. Court et tactile.',
     presetRockYouTitle: 'Rock You!',
-    presetRockYouDesc: "Le classique de Queen dans vos mains : boum, boum, clap !",
+    presetRockYouDesc: "Le classique de Queen dans vos mains: boum, boum, clap !",
     presetEarthquakeTitle: 'Tremblement Maximal !',
     presetEarthquakeDesc: 'Les deux moteurs à 100% de force explosive. TRÈS intense.',
     customStrongLabel: 'Force Grave (Gauche)',

package/src/tool/keyboardTest/component.astro

@@ -187,6 +187,11 @@ const testedClass = 'tt-key-tested';
     const activeKeys = new Set<string>();
     let maxSimultaneous = 0;
 
+    function scrollLogToEnd(el: HTMLElement) {
+      void el.offsetWidth;
+      el.scrollLeft = el.scrollWidth;
+    }
+
     const keyMap = new Map<string, Element>();
     keys.forEach((k) => {
       const code = k.getAttribute('data-code');
@@ -199,7 +204,7 @@ const testedClass = 'tt-key-tested';
       div.textContent = `${msg}`;
       eventLog.appendChild(div);
       if (eventLog.children.length > 50) eventLog.firstElementChild?.remove();
-      eventLog.scrollLeft = eventLog.scrollWidth;
+      scrollLogToEnd(eventLog);
     }
 
     function handleDown(e: KeyboardEvent) {