/* Испытание: the night fog behind the page. Colours and type are in tokens.css; this file only draws the backdrop.
   screen-economy: endless-motion the fog drift is the theme's atmosphere, the child picks this theme on purpose, it stops under reduced motion */
body.trial { background: radial-gradient(120% 60% at 50% -10%, #e7d6d0 0%, transparent 60%) fixed, var(--surface-page); }
.fog { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.fog i { position: absolute; width: 220%; height: 60%; left: -60%; opacity: 0.55;
  background: radial-gradient(closest-side, rgb(150 135 140 / 0.22), transparent 70%);
  filter: blur(18px); animation: drift 48s linear infinite alternate; }
.fog i:nth-child(1) { top: 6%; }
.fog i:nth-child(2) { top: 44%; animation-duration: 64s; animation-delay: -20s; }
.fog i:nth-child(3) { top: 72%; animation-duration: 80s; animation-delay: -35s; }
@keyframes drift { from { transform: translateX(-12%); } to { transform: translateX(18%); } }
@media (prefers-color-scheme: dark) {
  body.trial { background: radial-gradient(120% 60% at 50% -10%, #2a0d10 0%, #120a0d 45%, transparent 80%) fixed, var(--surface-page); }
  .fog i { opacity: 1; background: radial-gradient(closest-side, rgb(170 160 175 / 0.16), transparent 70%); }
}
@media (prefers-reduced-motion: reduce) { .fog i { animation: none; } }