/* ─────────────────────────────────────────────────────────────────────
   VM GEO - сцена карты первого экрана (assets/geo/geo-scene.js).
   Скрипт добавляет контейнеру классы .geo-scene и .is-live и кладёт внутрь
   canvas. Статичная SVG-карта в том же контейнере остаётся запасным
   вариантом без JS и прячется, как только сцена запустилась.
   Маска гасит левую часть: там заголовок и поле проверки.
   --geo-scene-left - сколько карты видно слева (0 - ничего, 1 - всё).
   ───────────────────────────────────────────────────────────────────── */
.geo-scene{overflow:hidden;pointer-events:none}
.geo-scene.is-live>svg{display:none}
.geo-scene__cv{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none;
  -webkit-mask-image:
    linear-gradient(90deg,rgba(0,0,0,var(--geo-scene-left,.14)) 0%,rgba(0,0,0,var(--geo-scene-left,.14)) 30%,#000 62%),
    linear-gradient(180deg,transparent 0,#000 120px,#000 calc(100% - 110px),transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(90deg,rgba(0,0,0,var(--geo-scene-left,.14)) 0%,rgba(0,0,0,var(--geo-scene-left,.14)) 30%,#000 62%),
    linear-gradient(180deg,transparent 0,#000 120px,#000 calc(100% - 110px),transparent 100%);
  mask-composite:intersect}
/* телефон: сцена - полоса внизу первого экрана (высоту и отступ ставит скрипт), гаснет кверху.
   Затухание привязано к низу текста первого экрана внутри полосы (--geo-band-text ставит скрипт):
   на высоком телефоне полоса выше, и в процентах карта начиналась бы ниже текста. */
.geo-scene--band .geo-scene__cv{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,transparent calc(var(--geo-band-text,45%) - 110px),
    rgba(0,0,0,.5) calc(var(--geo-band-text,45%) - 30px),#000 calc(var(--geo-band-text,45%) + 45px));
  mask-image:linear-gradient(180deg,transparent 0,transparent calc(var(--geo-band-text,45%) - 110px),
    rgba(0,0,0,.5) calc(var(--geo-band-text,45%) - 30px),#000 calc(var(--geo-band-text,45%) + 45px));
  -webkit-mask-composite:source-over;mask-composite:add}
.geo-scene--nomask .geo-scene__cv{-webkit-mask-image:none;mask-image:none}