/* Заставка-вход (assets/fx/zastavka.js): ромб переворачивается боком, выезжает знак «плей AI»,
   на ромбе — та же клавиша play экрана входа. Решение владельца 19.09: быстрый вариант, заставка = вход. */
body.fx-zs .gateCol{max-width:min(640px,100%)}
.zsRow{display:flex;align-items:center;justify-content:center;gap:30px}
.zsL{flex:none;opacity:0;will-change:transform,opacity;pointer-events:none}
.zsL .logo{display:inline-flex;align-items:center;gap:12px}
.zsL .bw{font:700 clamp(44px,4.8vw,68px)/1 Onest,sans-serif;letter-spacing:-.04em;
  background:linear-gradient(90deg,#4C86F0,#9A5BB0,#E8412E,#FF7A2A,#FFC24A,#FF7A2A,#E8412E,#9A5BB0,#4C86F0);background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:flow 7s linear infinite;
  filter:drop-shadow(0 2px 16px rgba(255,120,40,.4))}
.zsL .bb{width:clamp(42px,4.2vw,56px);height:clamp(42px,4.2vw,56px);border-radius:15px;background:#F7F4EF;display:grid;place-items:center;
  box-shadow:0 6px 18px rgba(0,0,0,.45)}
.zsL .bb i{font:700 clamp(18px,1.8vw,24px)/1 Onest,sans-serif;font-style:normal;color:#101114}
/* ромб — место под клавишей; сама клавиша .gateWrap стоит по центру ромба */
.zsR{position:relative;display:grid;place-items:center;width:clamp(230px,21vw,300px);height:clamp(230px,21vw,300px);flex:none;will-change:transform}
.zsR canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;cursor:pointer;transition:none}
.zsK{position:relative;z-index:1;display:grid;place-items:center;opacity:var(--ko,0);transform:scale(var(--ks,.4))}
@media (max-width:760px){.zsRow{flex-direction:column;gap:14px}}
@media (prefers-reduced-motion:reduce){.zsL .bw{animation:none}}
/* Телефон: колонка входа стала выше на ромб и знак, а layoutGate центрирует её по экрану —
   реплика Александра тогда ложится ему на лицо. Поднимаем ряд со знаком и ромбом за счёт
   пустоты под шапкой: отрицательный отступ уменьшает высоту колонки, которую считает layoutGate,
   и низ колонки (плашка) встаёт выше. Чем ниже экран, тем меньше подъём. */
@media (max-width:760px){
  .zsR{width:210px;height:210px}
  .zsL .bw{font-size:40px}.zsL .bb{width:38px;height:38px;border-radius:12px}.zsL .bb i{font-size:17px}
  body.fx-zs .zsRow{margin-top:calc(-1 * clamp(0px, 100vh - 640px, 190px))}
}