/* TUNDRA AI · общий фон сайта.
   Раньше тёплое свечение жило только на главной, из-за чего внутренние страницы
   выглядели «плоскими». Теперь один и тот же фон подключается ко всем вкладкам.
   Переменные с фолбэками: у страниц разный набор токенов. */

.glow-field {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(1300px 820px at 50% -18%, rgba(255, 122, 41, .08), transparent 58%),
    radial-gradient(1100px 760px at 96% 108%, rgba(217, 119, 87, .05), transparent 58%);
}
.glow-field i {
  position: absolute;
  border-radius: 50%;
  filter: blur(130px);
  opacity: .16;
  will-change: transform;
}
.glow-field .g1 {
  width: 52vw; height: 40vh; right: -8%; top: -14%;
  background: radial-gradient(closest-side, rgba(255, 138, 60, .3), transparent 70%);
  animation: tdDrift1 19s var(--ease, cubic-bezier(.22,.61,.36,1)) infinite alternate;
}
.glow-field .g2 {
  width: 42vw; height: 34vh; left: -10%; top: 30%;
  background: radial-gradient(closest-side, rgba(255, 77, 28, .16), transparent 70%);
  animation: tdDrift2 25s var(--ease, cubic-bezier(.22,.61,.36,1)) infinite alternate;
}
@keyframes tdDrift1 { to { transform: translate3d(-5vw, 6vh, 0) scale(1.12); } }
@keyframes tdDrift2 { to { transform: translate3d(6vw, -4vh, 0); } }

.aurora-bg { position: fixed; inset: 0; z-index: -3; pointer-events: none; overflow: hidden; }
.aurora-bg i {
  position: absolute;
  border-radius: 50%;
  filter: blur(110px);
  opacity: .12;
  will-change: transform;
}
.aurora-bg .a1 {
  width: 45vw; height: 35vh; left: -5%; top: 5%;
  background: radial-gradient(closest-side, rgba(255, 138, 60, .3), transparent 70%);
  animation: tdAurora1 22s var(--ease, cubic-bezier(.22,.61,.36,1)) infinite alternate;
}
.aurora-bg .a2 {
  width: 38vw; height: 30vh; right: -8%; top: 25%;
  background: radial-gradient(closest-side, rgba(255, 77, 28, .18), transparent 70%);
  animation: tdAurora2 28s var(--ease, cubic-bezier(.22,.61,.36,1)) infinite alternate;
}
.aurora-bg .a3 {
  width: 40vw; height: 32vh; left: 30%; bottom: 5%;
  background: radial-gradient(closest-side, rgba(217, 119, 87, .12), transparent 70%);
  animation: tdAurora3 25s var(--ease, cubic-bezier(.22,.61,.36,1)) infinite alternate;
}
@keyframes tdAurora1 { to { transform: translate3d(8vw, 10vh, 0) scale(1.15); } }
@keyframes tdAurora2 { to { transform: translate3d(-6vw, -8vh, 0) scale(.9); } }
@keyframes tdAurora3 { to { transform: translate3d(-4vw, 6vh, 0) scale(1.1); } }

.grain {
  position: fixed;
  inset: 0;
  z-index: 40;
  pointer-events: none;
  opacity: .05;
  mix-blend-mode: overlay;
  background-image:
    radial-gradient(circle at 22px 28px, rgba(255, 255, 255, .85) 0 1px, transparent 1.4px),
    radial-gradient(circle at 92px 78px, rgba(255, 255, 255, .6) 0 1px, transparent 1.5px);
  background-size: 190px 190px, 240px 240px;
}

@media (max-width: 640px) {
  .glow-field i, .aurora-bg i { filter: blur(70px); animation: none; }
}
@media (prefers-reduced-motion: reduce) {
  .glow-field i, .aurora-bg i { animation: none; }
  .grain { display: none; }
}

/* страховка: если полотно liquid-ether всё же появится на внутренней странице,
   оно должно остаться фоном, а не лечь поверх текста */
#tundra-liquid-ether { z-index: -1 !important; pointer-events: none; }