/* ===== ЦВЕТА САЙТА — меняются при сетапе под бренд =====
   Главные: --btn-bg (акцент/кнопки), --header-bg, --footer-bg, --body-bg, --toc-bg. */
:root {
  --btn-bg: #ff9a4a;  /* кнопки (фон) */
  --header-bg: #17132f;  /* шапка */
  --body-heading: #ffffff;  /* заголовки */
  --footer-bg: #17132f;  /* футер */
  --body-color: #ffffff;  /* текст */
  --body-bg: #110e24;  /* фон страницы */
  --btn-color: #2a1200;
  --btn-color-hover: #2a1200;
  --btn-border: #ffffff;
  --menu-hover: #ffc08f;  /* наведение в меню */
  --copy: #cbcbcb;
  --menu-btn: #ffffff;
  --faq_color: #ffffff;
  --faq_color_open: #ffffff;
  --navigation_back_mob: #17132f;
  --navigation_color_mob: #fff;
  --table_of_content_back: #110e24;
  --table_of_content_color: #000;
  --font-family: Inter;
  --game-name-color: #ffffff;
  --hover-btn-1: #ffc08f;  /* наведение на кнопку */
  --hover-btn-2: #ffc08f;  /* наведение на кнопку 2 */
  --tc-color: #000;
  --banner-back: #110e24;  /* фон баннера */
  --license-title: #000;
  --license-text: #cbcbcb;
  --toc-btn-color: #000;
  --toc-btn-color-background: #fff;
  --toc-bg: #1f1a42;  /* блок оглавления */
  --table-link: #b9a3ff;  /* ссылки в таблицах */
}

/* ---- template additions ---- */
.main .container > p > a.btn{display:inline-block;width:auto;padding:0 32px;margin:8px 0 20px;color:var(--btn-color)}
.main .container > p > img{display:block;max-width:100%;height:auto;border-radius:12px}
.footer .copy p{margin:4px 0}
.footer .copy a{color:inherit;text-decoration:underline}
.mobile-sticky-cta__wrap > a.mobile-btn{flex:0 0 auto;width:120px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
.navigation-btn a{text-decoration:none}
.main table tbody tr:first-child th{font-weight:700}
/* нижняя липкая панель на мобильном — в цвет кнопок сайта */
.mobile-btn--login{border-color:var(--btn-bg) !important}
.mobile-btn--register{background:var(--btn-bg) !important}
/* мобильное меню: закрытая панель не должна давать горизонтальный скролл страницы */
@media screen and (max-width: 992px) {
  .navigation{overflow:hidden}
  .navigation.open{overflow-y:auto}
}
/* таблицы: слова не рвутся посередине (в main.css стоит break-all); на телефоне шапка переносится, отступы меньше */
.main table{word-break:normal}
@media screen and (max-width: 768px) {
  .main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .main table tbody{display:table;width:100%}
  .main table th{white-space:normal;padding:12px 10px;font-size:14px;line-height:20px}
  .main table td{padding:12px 10px;font-size:14px;line-height:20px}
}
/* мобильная липкая панель — в цвет шапки (в main.css стоял синий #1b2a55) */
.mobile-sticky-cta{background:var(--header-bg) !important}

/* кнопки и картинки в тексте по центру (просьба Maks, 05.10.2026) */
.main .container > p:has(> a.btn:only-child), .main .container > p:has(> img:only-child){text-align:center}
.main .container > p > a.btn:only-child{margin-left:auto;margin-right:auto}
.main .container > p > img:only-child, .main .container > img{display:block;margin-left:auto;margin-right:auto}

/* 19.10.2026: длинный домен в H1/H2 не раздвигает страницу на 320px */
h1,h2{overflow-wrap:anywhere}
/* 19.10.2026: длинный текст CTA в тексте переносится на 2 строки, а не уходит за кнопку (было height/line-height 56px) */
.main .container > p > a.btn{height:auto;min-height:56px;line-height:1.25;padding:15px 28px;max-width:100%;text-align:center;vertical-align:middle}

/* winspiritplayca.com */
:root{--table-bg:#15112d;--table-bg-2:#2e2670;--table-border:#2a2458;--table-border-soft:#1f1a42;--table-th-bg:linear-gradient(180deg,#2a2360 0%,#1f1a42 100%);--table-row-hover:#241e4f;--table-link-hover:#ffc08f}
.main .container > p a:not(.btn), .main .container li a, .main .container td a{color:#b9a3ff}