/* Каркас фронта стелы ВЭФ-2026. Экран жёстко 1080×1920 (портрет, по макету Figma),
   масштабируется под окно; на стеле рендерится нативно.

   Токены ниже сняты из нового дизайна (Figma «Призма новый дизайн», 3-я итерация,
   node 6891:289 и стартовый 6838:88617) — цвета, скругления и типографика берутся
   только отсюда, чтобы экраны не разъезжались по стилю. */

:root {
  /* фон и подложки */
  --nd-bg: #09192c;                       /* фон экрана */
  --nd-bg-deep: #0b1f36;                  /* фон под контентными экранами */
  --nd-card: rgba(255,255,255,0.08);      /* стеклянная плашка */
  --nd-card-br: rgba(255,255,255,0.25);   /* её граница */
  --nd-btn-br: rgba(144,217,244,0.3);     /* граница кнопки-действия */
  /* акценты */
  --nd-accent: #90d9f4;                   /* голубой акцент (заголовки блоков, язык) */
  --nd-live: #3fcb94;                     /* рамка карточки идущей сессии */
  --nd-live-bg: #e4f1ec;                  /* бейдж «Идёт сейчас» */
  --nd-live-fg: #26876f;
  --nd-soon-bg: #e8f0fc;                  /* бейдж «Предстоит» */
  --nd-soon-fg: #1c4f94;
  --nd-ink: #1c4f94;                      /* синий текст на белой карточке */
  --nd-ink-soft: #1c558d;                 /* зал/адрес на белой карточке */
  --nd-chip-fg: #123361;                  /* текст активного чипа */
  /* рекламная карточка «Особый статус» */
  --nd-ad: linear-gradient(104deg, #3267e7 2%, #0c2139 99%);
  --nd-ad-shadow: 0 15px 13px rgba(29,29,29,0.2);
  /* скругления */
  --nd-r-card: 16px; --nd-r-btn: 18px; --nd-r-chip: 22px; --nd-r-ad: 24px;
}

/* touch-action НЕ наследуется: задать его только на html/body мало — под пальцем
   оказывается вложенный элемент со своим auto, и браузер разрешает щипок. Поэтому
   pan-y всем элементам: остаётся вертикальная прокрутка списков, зум жестами — нет. */
* { box-sizing: border-box; margin: 0; padding: 0; touch-action: pan-y; }

html, body {
  height: 100%;
  background: var(--nd-bg);
  overflow: hidden;
  font-family: 'Rubik', -apple-system, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
  /* Тачскрин киоска: жест только вертикальная прокрутка списков — щипок и двойной
     тап масштаб не меняют. Выделение текста и long-press меню тоже не нужны. */
  touch-action: pan-y;
  overscroll-behavior: none;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

#viewport {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Жёстко зафиксированный холст стелы */
#stage {
  position: relative;
  width: 1080px;
  height: 1920px;
  flex: 0 0 auto;
  transform-origin: center center;
  overflow: hidden;
}

.screen {
  position: absolute;
  inset: 0;
  width: 1080px;
  height: 1920px;
  display: none;
}
.screen.active { display: block; }

/* Полноэкранные слои-подложки */
.layer-full { position: absolute; left: 0; top: 0; width: 1080px; height: 1920px; }
.layer-full img, .layer-img { display: block; width: 100%; height: 100%; }

/* Фон по макету: размытые цветовые пятна сверху и белый лотос внизу справа.
   Общий слой под всеми экранами — рисуется один раз, экраны идут поверх. */
#stage::before, #stage::after { content: ''; position: absolute; pointer-events: none; z-index: 0; }
#stage::before { left: -1039px; top: -804px; width: 3085px; height: 2668px;
  background: url('../assets/nd/bg-blobs.svg') no-repeat center / contain; opacity: 0.9; }
#stage::after { right: -200px; bottom: 470px; width: 900px; height: 480px;
  background: url('../assets/nd/lotus.svg') no-repeat center / contain; opacity: 0.22; }
.screen, .brandhead, .lang, .vip, .kbd { z-index: 1; }