Update index.html

Author: PhantomDraft

index.html

@@ -98,12 +98,12 @@
     <!-- Панель керування + текстові правила -->
     <section class="card">
       <h1>Safe / Blind Zones — Live Tester</h1>
-      <p class="muted">Супер-коротко: <b>10% зверху</b>, <b>12% знизу</b>, <b>5% зліва/справа</b> — це «сліпі зони». Усе клікабельне й текст — <b>тільки в межах safe‑zone</b>. Додатковий запас (всередині safe‑zone) — <b>2–3%</b>.</p>
+      <p class="muted">Супер-коротко: <b>10% зверху</b>, <b>12% знизу</b>, <b>5% зліва/справа</b> — це "сліпі зони". Усе клікабельне й текст — <b>тільки в межах safe‑zone</b>. Додатковий запас (всередині safe‑zone) — <b>2–3%</b>.</p>
       <div class="rules">
         <strong>Просте пояснення:</strong>
         <ol>
           <li>Художники малюють фон на весь екран.</li>
-          <li>У «сліпих зонах» (10% зверху, 12% знизу, 5% збоку) — <b>тільки декор</b>.</li>
+          <li>У "сліпих зонах" (10% зверху, 12% знизу, 5% збоку) — <b>тільки декор</b>.</li>
           <li>Усе клікабельне й критично важливе — <b>всередині safe‑zone</b> та ще з <b>додатковим запасом 2–3%</b> від країв safe‑zone.</li>
           <li>Так ми гарантуємо, що на жодному пристрої елементи не обріжуться та не підуть під жести/чолку.</li>
         </ol>
@@ -142,17 +142,17 @@ <h2 class="section-title">Налаштування екрана</h2>
 
       <div class="row">
         <div>
-          <label>Верхня «сліпа зона», % H</label>
+          <label>Верхня "сліпа зона", % H</label>
           <input id="pTop" type="number" value="10" min="0" step="0.5" />
         </div>
         <div>
-          <label>Нижня «сліпа зона», % H</label>
+          <label>Нижня "сліпа зона", % H</label>
           <input id="pBottom" type="number" value="12" min="0" step="0.5" />
         </div>
       </div>
       <div class="row">
         <div>
-          <label>Бокові «сліпі зони», % W</label>
+          <label>Бокові "сліпі зони", % W</label>
           <input id="pSide" type="number" value="5" min="0" step="0.5" />
         </div>
         <div></div>
@@ -252,7 +252,7 @@ <h2>Популярні пресети (таблиця)</h2>
           <tbody></tbody>
         </table>
       </div>
-      <p class="note">Правило універсальне: відсотки «сліпих зон» однакові для всіх артбордів; мінімальні розміри натискань переводимо в пікселі через dpi (Android) або scale (iOS). Додатковий внутрішній запас (2–3%) гарантує, що важливе не обріжеться на різних пропорціях екранів.</p>
+      <p class="note">Правило універсальне: відсотки "сліпих зон" однакові для всіх артбордів; мінімальні розміри натискань переводимо в пікселі через dpi (Android) або scale (iOS). Додатковий внутрішній запас (2–3%) гарантує, що важливе не обріжеться на різних пропорціях екранів.</p>
     </section>
   </div>
 
@@ -319,6 +319,7 @@ <h2>Популярні пресети (таблиця)</h2>
       show(text, x, y){
         this.content.textContent = text;
         this.element.setAttribute('data-show', '1');
+        this.element.style.transform = 'none';
         this.visible = true;
         this.position(x, y);
       }