/* Y666 · MAG-портал · веб-версия (/tv, /android) — ТОЛЬКО для ПК-браузера.
 *
 * Жалоба: на компьютере текст слишком мелкий. Интерфейс нарисован под кадр
 * 1280x720 и на любом окне масштабируется целиком множителем --mk, поэтому
 * «крупнее» его собственными средствами можно сделать двумя ручками:
 *
 *   --mk  («Масштаб интерфейса» 100/110/120 %) — ужимает ЛОГИЧЕСКИЙ кадр,
 *         то есть вместе с буквами режет и содержимое: на 120 % шапка меню
 *         наезжает на часы, а в карточке фильма «Похожее» перекрывает кнопки.
 *   --ts  («Размер шрифта» S/M/L/XL = .85/1/1.15/1.3) — множитель ТОЛЬКО у
 *         font-size, раскладка и число строк не меняются.
 *
 * Берём --ts. Правило поднимает всю лесенку на одну ступень и ТОЛЬКО там,
 * где есть мышь и широкое окно (ПК). На приставке MAG (/stb/, другая вёрстка),
 * на телевизорах и телефонах — указатель coarse/none, правило не срабатывает.
 * Абонент по-прежнему управляет размером в «Настройки → Размер шрифта»:
 *   S = прежний размер 100 %, M = 115 %, L = 130 %, XL = 145 %.
 *
 * Подключается инжектом <link> через nginx sub_filter (см. apply.sh).
 * Откат — rollback.sh.
 */
@media (hover: hover) and (pointer: fine) and (min-width: 900px) {
  .tv        { --ts: 1.15 }  /* «M» и когда абонент ничего не выбирал */
  .tv.ts-s   { --ts: 1    }  /* «S» — вернуть прежний размер */
  .tv.ts-l   { --ts: 1.3  }
  .tv.ts-xl  { --ts: 1.45 }
}

/* ------------------------------------------------------------------------
 * «Выйти из аккаунта» — красная объёмная кнопка.
 *
 * В портале выход стоит последней строкой «Настроек», рядом со «Справкой по
 * кнопкам», и выглядит так же серо, как она, — абонент его не находит.
 * Красим только его: красный градиент + нижний «уступ» (тень 0 5px 0) даёт
 * объём, в фокусе кнопка «вдавливается» (уступ короче) и получает белое
 * кольцо с красным свечением — видно с дивана.
 *
 * Отдельного класса у строки нет, поэтому селектор — по месту:
 * последняя карточка `.setrow` в `.setwrap`, и в ней ВТОРАЯ и последняя
 * кнопка строки. Если в сборке выхода не окажется, «Справка» останется
 * первой и единственной — `:nth-child(2):last-child` не совпадёт и красным
 * НИЧЕГО не покрасится. Размеры — в тех же `var(--mk)`, что и весь портал,
 * поэтому кнопка масштабируется вместе с ним.
 *
 * Это правило НЕ в медиазапросе: выход одинаково плохо заметен и в
 * Android-сборке той же SPA.
 * ---------------------------------------------------------------------- */
.tv .setwrap > .setrow:last-child .line > .act:nth-child(2):last-child{
  color:#fff;font-weight:700;letter-spacing:.01em;
  padding-left:calc(22 * var(--mk));padding-right:calc(22 * var(--mk));
  border-radius:calc(10 * var(--mk));
  background:linear-gradient(180deg,#f0555b 0%,#d32b33 46%,#a8141b 100%);
  border:calc(1 * var(--mk)) solid #ff8a8f;
  box-shadow:0 calc(5 * var(--mkv)) 0 #6d0c11,
             0 calc(9 * var(--mkv)) calc(18 * var(--mk)) rgba(0,0,0,.55),
             inset 0 calc(1 * var(--mkv)) 0 rgba(255,255,255,.45),
             inset 0 calc(-3 * var(--mkv)) calc(6 * var(--mk)) rgba(0,0,0,.28);
  text-shadow:0 calc(1 * var(--mkv)) calc(2 * var(--mk)) rgba(0,0,0,.55);
  transform:translateY(calc(-3 * var(--mkv)));
}
.tv .setwrap > .setrow:last-child .line > .act:nth-child(2):last-child::before{
  content:"\2192";display:inline-block;margin-right:calc(9 * var(--mk));font-weight:800;
}
.tv .setwrap > .setrow:last-child .line > .act:nth-child(2):last-child.foc{
  background:linear-gradient(180deg,#ff6b71 0%,#e23640 46%,#bd1119 100%);
  border-color:#ffd5d7;
  box-shadow:0 calc(2 * var(--mkv)) 0 #6d0c11,
             0 calc(4 * var(--mkv)) calc(10 * var(--mk)) rgba(0,0,0,.5),
             inset 0 calc(1 * var(--mkv)) 0 rgba(255,255,255,.5),
             0 0 0 calc(3 * var(--mk)) rgba(255,255,255,.9),
             0 0 calc(22 * var(--mk)) calc(6 * var(--mk)) rgba(255,60,70,.45);
  transform:translateY(0);
}