/* ============================================================
   site.css — общие улучшения для всех страниц (подключается после inline-стилей)
   ============================================================ */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

* , *::before, *::after {
  -webkit-tap-highlight-color: transparent;
}

/* Изображения не должны вылезать за контейнер и создавать горизонтальный скролл */
img, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

/* Меньше «дёрганья» страницы при скролле в Telegram/iOS */
body {
  overscroll-behavior-y: none;
  text-rendering: optimizeSpeed;
}

/* Уважаем настройку «уменьшить движение»: отключаем тяжёлые анимации и декор */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
  #starfield, .starfield, .star, .floating-symbols, .floating-symbol, .ascii-bg, .lunar-symbol {
    display: none !important;
  }
}

/* На очень узких экранах чуть уменьшаем базовый межстрочный «шум» */
@media (max-width: 360px) {
  body { font-size: 93%; }
}

/* Безопасные зоны (для устройств с «вырезом»), если понадобится */
@supports (padding: max(0px)) {
  .safe-top { padding-top: max(0px, env(safe-area-inset-top)); }
  .safe-bottom { padding-bottom: max(0px, env(safe-area-inset-bottom)); }
}