/* ============================================================
   rtl.css — правки для арабского
   Основная работа сделана логическими свойствами
   (inset-inline, padding-inline, text-align: start/end),
   здесь только то, что ими не покрывается.
   Игровое поле НЕ зеркалится — см. ТЗ, п. 5.3.
   ============================================================ */

html[dir="rtl"] .speaker { right: auto; left: 0; }

/* Треугольник кнопки перехода НЕ зеркалится: это глиф «плей»,
   а не стрелка направления. Включается флагом APP.meta.mirrorGoArrow. */
html[dir="rtl"] body.mirror-go .go svg { transform: scaleX(-1); }

/* Футер НЕ переопределяем вручную: grid сам разворачивает колонки
   при dir="rtl". Явные grid-column здесь конфликтовали с
   автоматическим размещением и сбрасывали блок выходных данных
   на третий ряд, за пределы карточки. */

/* Флаг остаётся слева от подписи в обоих направлениях —
   это опознавательный знак, а не часть текста */
html[dir="rtl"] .lang-head,
html[dir="rtl"] .lang-opt { flex-direction: row-reverse; }

/* Стрелка «назад» — указатель направления, зеркалится всегда,
   в отличие от глифа «плей» на кнопке перехода */
html[dir="rtl"] .home svg .mirror { transform: translateX(48px) scaleX(-1); }