/* Дизайн-система коробочки — СВОЙ бренд, не связан с BT|BT.
   Уточнение пользователя 2026-09-07: это отдельный продаваемый продукт (см. PLAN.md §0.2/§5 —
   подписка, лицензирование, "защита продукта"), а не сателлит турнира BT|BT — визуально не
   должен читаться как та же линейка. Предыдущая версия ошибочно переиспользовала палитру
   BT|BT (тёмный+золото) как "раз тот же стиль, что уже отработан" — это была экономия на
   вёрстке, а не осознанное решение по бренду. Переделано с нуля.

   Направление: современный sport-tech — холодный почти чёрный фон (не тёплый коричнево-чёрный
   BT|BT), яркий бирюзовый акцент вместо золота (читается на солнце не хуже, но не ассоциируется
   с конкретным турниром), тёплый коралл для срочных состояний (матчбол и т.п.) — контрастная
   пара с бирюзой, а не производная от одного золотого оттенка.

   ⚠️ Принципиально: НИКАКИХ внешних шрифтов/CDN (Google Fonts и т.п.). Коробочка обязана
   работать без интернета на площадке (PLAN.md §4.3) — внешний шрифт тихо сломал бы именно то,
   ради чего вообще есть локальная коробочка, а не Lite-вариант через VPS. Системный шрифт-стек
   — это не компромисс, а осознанный выбор: он же и красивее на каждой платформе (родной для iOS/
   Android глаз), и не требует сети.

   Все цвета — переменные, меняются в одном месте. Оверлейный режим (body.оверлей, фикс.
   1920×1080) сохранён на будущее (HDMI-компоновка, PLAN.md Phase 2.5/3). */
:root {
  --фон:          #0A0F14;
  --фон-2:        #131B22;
  --акцент:       #22E5C0;
  --акцент-ярк:   #8FFFE6;
  --акцент-тёмн:  #0E5F52;
  --текст:        #EDF2F4;
  --текст-туск:   #8FA1AA;
  --подача:       #22E5C0;
  --срочно:       #FF6B4A;
  --тень:         0 8px 30px rgba(0, 0, 0, .55);
  --шрифт: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--шрифт);
  -webkit-font-smoothing: antialiased;
}

/* Оверлей/HDMI-вывод — прозрачный или полноэкранный фон, без интерфейса браузера. */
body.оверлей {
  background: transparent;
  overflow: hidden;
  width: 1920px;
  height: 1080px;
}