/*
Theme Name: Dragon Stone Theme
Theme URI: https://hytale-dragon-stone.ru/
Author: Dragon Stone
Author URI: https://hytale-dragon-stone.ru/
Description: Полная тема WordPress для сайта привилегий Dragon Stone с реальным Hytale/HyQuery мониторингом.
Version: 1.0.52.7
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary
Text Domain: dragonstone-theme
*/

@import url("./styles.css?v=1.0.51.7");

/* WordPress theme reset for Dragon Stone fullscreen page */
html, body {
  margin: 0;
  padding: 0;
}

body.dragonstone-theme {
  background: #04070b;
}

.admin-bar .top {
  top: 42px;
}

@media (max-width: 782px) {
  .admin-bar .top {
    top: 0;
  }
}


/* v1.0.1 fix: WordPress theme asset paths after JS re-render */
.nav-icon img,
.benefit-icon img{
  display:block;
}

.nav-btn img:not([src]),
.nav-btn img[src=""],
.contact-qr img:not([src]),
.contact-qr img[src=""]{
  display:none !important;
}

/* Contact QR block: no white broken-image rectangle */
.contact-qr,
[data-qr-image]{
  background:transparent !important;
}

[data-qr-image]{
  object-fit:contain !important;
}

/* Правка в текущей теме 1.0.51: увеличен именно верхний логотип/баннер "КОНТАКТЫ DRAGON STONE" в окне Контакты. Номер версии темы не менялся. */
body.is-contacts-page-open .contacts-page-banner-wrap{
  margin:0 auto 10px !important;
  padding:0 !important;
}

body.is-contacts-page-open .contacts-page-banner-img{
  width:min(1200px, 92vw) !important;
  max-width:1200px !important;
  height:auto !important;
}

@media(max-width:900px){
  body.is-contacts-page-open .contacts-page-banner-img{
    width:min(560px, 96vw) !important;
    max-width:560px !important;
  }
}

/* Правка в текущей теме 1.0.51: верхний логотип/баннер "ДОНАТЫ DRAGON STONE" добавлен в окно Донаты. Номер версии темы не менялся. */
body.is-privileges-page-open .privileges-page-window{
  padding-top:150px !important;
}

.privileges-page-banner-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:0 auto 14px !important;
  padding:0 !important;
  position:relative !important;
  z-index:20 !important;
  pointer-events:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.privileges-page-banner-img{
  display:block !important;
  width:min(1200px, 92vw) !important;
  max-width:1200px !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.46)) !important;
  user-select:none !important;
}

body.is-privileges-page-open .privileges-page-panel{
  margin-top:0 !important;
}

@media(max-width:900px){
  body.is-privileges-page-open .privileges-page-window{
    padding-top:70px !important;
  }

  .privileges-page-banner-wrap{
    margin-bottom:10px !important;
  }

  .privileges-page-banner-img{
    width:min(560px, 96vw) !important;
    max-width:560px !important;
  }
}



/* Правка в текущей теме 1.0.51: баннер "ДОНАТЫ DRAGON STONE" опущен ниже, чтобы не заезжал на верхние кнопки. */
body.is-privileges-page-open .privileges-page-window{
  padding-top:255px !important;
}

body.is-privileges-page-open .privileges-page-banner-wrap{
  margin:8px auto 18px !important;
}

body.is-privileges-page-open .privileges-page-banner-img{
  width:min(1080px, 86vw) !important;
  max-width:1080px !important;
  height:auto !important;
}

body.is-privileges-page-open .privileges-page-panel{
  margin-top:6px !important;
}

@media(max-width:1200px){
  body.is-privileges-page-open .privileges-page-window{
    padding-top:210px !important;
  }

  body.is-privileges-page-open .privileges-page-banner-img{
    width:min(980px, 88vw) !important;
    max-width:980px !important;
  }
}

@media(max-width:900px){
  body.is-privileges-page-open .privileges-page-window{
    padding-top:110px !important;
  }

  body.is-privileges-page-open .privileges-page-banner-wrap{
    margin:0 auto 12px !important;
  }

  body.is-privileges-page-open .privileges-page-banner-img{
    width:min(560px, 96vw) !important;
    max-width:560px !important;
  }
}


/* Правка в текущей теме 1.0.51: страница Привилегии приведена по посадке баннера к тому же виду, как на странице Контакты. */
body.is-privileges-page-open .privileges-page-window{
  padding-top:150px !important;
}

body.is-privileges-page-open .privileges-page-banner-wrap{
  position:relative !important;
  z-index:3 !important;
  margin:0 auto 10px !important;
  padding:0 !important;
}

body.is-privileges-page-open .privileges-page-banner-img{
  width:min(1200px, 92vw) !important;
  max-width:1200px !important;
  height:auto !important;
  display:block !important;
}

body.is-privileges-page-open .privileges-page-panel{
  margin-top:0 !important;
}

body.is-privileges-page-open header.top,
body.is-privileges-page-open .top{
  z-index:50 !important;
}

@media(max-width:900px){
  body.is-privileges-page-open .privileges-page-window{
    padding-top:70px !important;
  }

  body.is-privileges-page-open .privileges-page-banner-wrap{
    margin-bottom:10px !important;
  }

  body.is-privileges-page-open .privileges-page-banner-img{
    width:min(560px, 96vw) !important;
    max-width:560px !important;
  }
}


/* Правка в текущей теме 1.0.51: баннер "ДОНАТЫ DRAGON STONE" опущен ниже и не заезжает на кнопки при прокрутке, в том числе в WordPress admin-bar. */
body.is-privileges-page-open .privileges-page-window{
  padding-top:170px !important;
}

.admin-bar.is-privileges-page-open .privileges-page-window{
  padding-top:220px !important;
}

body.is-privileges-page-open .privileges-page-banner-wrap{
  position:relative !important;
  z-index:3 !important;
  margin:8px auto 14px !important;
  padding:0 !important;
}

body.is-privileges-page-open .privileges-page-banner-img{
  width:min(1040px, 86vw) !important;
  max-width:1040px !important;
  height:auto !important;
  display:block !important;
}

body.is-privileges-page-open .privileges-page-panel{
  margin-top:0 !important;
}

body.is-privileges-page-open header.top,
body.is-privileges-page-open .top{
  z-index:50 !important;
}

@media(max-width:1200px){
  body.is-privileges-page-open .privileges-page-window{
    padding-top:160px !important;
  }

  .admin-bar.is-privileges-page-open .privileges-page-window{
    padding-top:205px !important;
  }

  body.is-privileges-page-open .privileges-page-banner-img{
    width:min(960px, 88vw) !important;
    max-width:960px !important;
  }
}

@media(max-width:900px){
  body.is-privileges-page-open .privileges-page-window{
    padding-top:90px !important;
  }

  .admin-bar.is-privileges-page-open .privileges-page-window{
    padding-top:120px !important;
  }

  body.is-privileges-page-open .privileges-page-banner-wrap{
    margin:0 auto 10px !important;
  }

  body.is-privileges-page-open .privileges-page-banner-img{
    width:min(560px, 96vw) !important;
    max-width:560px !important;
  }
}


/* Правка в текущей теме 1.0.51: баннер "ДОНАТЫ DRAGON STONE" поднят вверх на 4 сантиметра. */
body.is-privileges-page-open .privileges-page-banner-wrap{
  margin:-4cm auto 10px !important;
}

@media(max-width:900px){
  body.is-privileges-page-open .privileges-page-banner-wrap{
    margin:-4cm auto 10px !important;
  }
}


/* Правка в текущей теме 1.0.51: баннер "ДОНАТЫ DRAGON STONE" поднят ещё на столько же. Итого: на 8 сантиметров вверх относительно исходной позиции. */
body.is-privileges-page-open .privileges-page-banner-wrap{
  margin:-8cm auto 10px !important;
}

@media(max-width:900px){
  body.is-privileges-page-open .privileges-page-banner-wrap{
    margin:-8cm auto 10px !important;
  }
}


/* Правка в текущей теме 1.0.51: возвращён крупный размер баннера "ДОНАТЫ DRAGON STONE"; меняется только высота/позиция, не масштаб. */
body.is-privileges-page-open .privileges-page-banner-img{
  width:min(1200px, 92vw) !important;
  max-width:1200px !important;
  height:auto !important;
  object-fit:contain !important;
}

@media(max-width:900px){
  body.is-privileges-page-open .privileges-page-banner-img{
    width:min(560px, 96vw) !important;
    max-width:560px !important;
  }
}


/* Правка в текущей теме 1.0.51: баннер Привилегии опущен на 2 сантиметра ниже от текущей позиции, а баннер Контакты поднят на такой же уровень. */
body.is-privileges-page-open .privileges-page-banner-wrap{
  margin:-6cm auto 10px !important;
}

body.is-contacts-page-open .contacts-page-banner-wrap{
  margin:-6cm auto 10px !important;
}

@media(max-width:900px){
  body.is-privileges-page-open .privileges-page-banner-wrap{
    margin:-6cm auto 10px !important;
  }

  body.is-contacts-page-open .contacts-page-banner-wrap{
    margin:-6cm auto 10px !important;
  }
}


/* Правка в текущей теме 1.0.51: баннер "КОНТАКТЫ DRAGON STONE" опущен на 2 сантиметра ниже от последней позиции. */
body.is-contacts-page-open .contacts-page-banner-wrap{
  margin:-4cm auto 10px !important;
}

@media(max-width:900px){
  body.is-contacts-page-open .contacts-page-banner-wrap{
    margin:-4cm auto 10px !important;
  }
}


/* Правка в текущей теме 1.0.51: видимая кнопка "Правила" рядом с "КОНТАКТЫ" и новая страница правил. */
@media (min-width:1151px){
  .nav[data-nav],
  .nav{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .nav-btn{
    min-width:0 !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }

  .nav-label{
    white-space:nowrap !important;
  }
}

.rules-page-window{
  display:none !important;
  min-height:calc(100vh - 150px) !important;
  padding:150px 0 70px !important;
  scroll-margin-top:160px !important;
}

body.is-rules-page-open .rules-page-window{
  display:block !important;
}

body.is-rules-page-open .hero,
body.is-rules-page-open .benefits,
body.is-rules-page-open .content,
body.is-rules-page-open .about-project-page,
body.is-rules-page-open .privileges-page-window,
body.is-rules-page-open .contacts-page-window,
body.is-rules-page-open .footer{
  display:none !important;
}

body.is-rules-page-open .top-dragon-frame-wrap{
  display:none !important;
}

body.is-rules-page-open header.top,
body.is-rules-page-open .top{
  z-index:50 !important;
}

.rules-page-panel{
  width:min(1180px, 94vw) !important;
  margin:0 auto !important;
  padding:30px 34px 34px !important;
  position:relative !important;
  background:linear-gradient(180deg,rgba(7,13,21,.78),rgba(4,7,12,.66)) !important;
  border:1px solid rgba(224,172,77,.34) !important;
  box-shadow:0 24px 58px rgba(0,0,0,.44), inset 0 0 38px rgba(0,0,0,.32) !important;
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px) !important;
}

.rules-page-head{
  text-align:center !important;
  margin:0 auto 22px !important;
}

.rules-page-title{
  margin:0 0 8px !important;
  font-size:clamp(30px,3vw,48px) !important;
  letter-spacing:.04em !important;
  color:#ffe2a0 !important;
  text-shadow:0 3px 0 rgba(54,30,7,.8), 0 0 18px rgba(255,197,83,.28) !important;
}

.rules-page-subtitle{
  margin:0 !important;
  color:#eadcc3 !important;
  font-family:Arial,sans-serif !important;
  font-size:16px !important;
  text-shadow:0 2px 6px rgba(0,0,0,.8) !important;
}

.rules-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}

.rule-card{
  min-height:128px !important;
  padding:20px 22px !important;
  background:linear-gradient(180deg,rgba(14,35,55,.58),rgba(5,10,17,.68)) !important;
  border:1px solid rgba(88,190,255,.24) !important;
  box-shadow:inset 0 0 24px rgba(0,0,0,.28), 0 12px 28px rgba(0,0,0,.22) !important;
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px) !important;
}

.rule-card strong{
  display:block !important;
  margin:0 0 10px !important;
  font-size:20px !important;
  line-height:1.12 !important;
  color:#ffd986 !important;
  text-transform:uppercase !important;
  text-shadow:0 2px 0 rgba(0,0,0,.76) !important;
}

.rule-card span{
  display:block !important;
  font-family:Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1.45 !important;
  color:#f1e7d5 !important;
  text-shadow:0 2px 5px rgba(0,0,0,.78) !important;
}

.rules-note{
  margin:22px auto 0 !important;
  padding:14px 18px !important;
  width:min(900px,100%) !important;
  text-align:center !important;
  color:#ffedbd !important;
  font-family:Arial,sans-serif !important;
  font-weight:700 !important;
  background:rgba(142,92,22,.18) !important;
  border:1px solid rgba(255,211,118,.24) !important;
  box-shadow:inset 0 0 22px rgba(0,0,0,.25) !important;
}

@media(max-width:1150px){
  .rules-page-window{
    padding-top:70px !important;
  }

  .rules-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:700px){
  .rules-page-panel{
    padding:24px 16px 28px !important;
  }

  .rule-card{
    padding:18px 16px !important;
  }
}


/* Правка в текущей теме 1.0.51: защита переключения страниц, чтобы "Правила" не блокировали остальные разделы. */
body.is-about-page-open:not(.is-rules-page-open) .about-project-page{
  display:block !important;
}

body.is-privileges-page-open:not(.is-rules-page-open) .privileges-page-window{
  display:block !important;
}

body.is-contacts-page-open:not(.is-rules-page-open) .contacts-page-window{
  display:block !important;
}

body.is-rules-page-open:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open) .rules-page-window{
  display:block !important;
}

body.is-about-page-open .rules-page-window,
body.is-privileges-page-open .rules-page-window,
body.is-contacts-page-open .rules-page-window{
  display:none !important;
}


/* Правка в текущей теме 1.0.51: на странице Правила поставлен баннер "ПРАВИЛА DRAGON STONE". */
.rules-page-panel{
  width:min(1400px, 96vw) !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
}

.rules-page-banner-wrap{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
}

.rules-page-banner-img{
  display:block !important;
  width:min(1320px, 94vw) !important;
  max-width:1320px !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.46)) !important;
  user-select:none !important;
}

@media(max-width:900px){
  .rules-page-banner-img{
    width:min(560px, 96vw) !important;
    max-width:560px !important;
  }
}


/* Правка в текущей теме 1.0.51: все верхние баннеры страниц выровнены на один уровень, баннеры подняты на 4 сантиметра выше текущей позиции страницы Правила. */
body.is-privileges-page-open .privileges-page-window,
body.is-contacts-page-open .contacts-page-window,
body.is-rules-page-open .rules-page-window{
  padding-top:150px !important;
}

.admin-bar.is-privileges-page-open .privileges-page-window,
.admin-bar.is-contacts-page-open .contacts-page-window,
.admin-bar.is-rules-page-open .rules-page-window{
  padding-top:150px !important;
}

body.is-privileges-page-open .privileges-page-banner-wrap,
body.is-contacts-page-open .contacts-page-banner-wrap,
body.is-rules-page-open .rules-page-banner-wrap{
  margin:-4cm auto 10px !important;
  padding:0 !important;
}

@media(max-width:900px){
  body.is-privileges-page-open .privileges-page-window,
  body.is-contacts-page-open .contacts-page-window,
  body.is-rules-page-open .rules-page-window{
    padding-top:70px !important;
  }

  .admin-bar.is-privileges-page-open .privileges-page-window,
  .admin-bar.is-contacts-page-open .contacts-page-window,
  .admin-bar.is-rules-page-open .rules-page-window{
    padding-top:70px !important;
  }

  body.is-privileges-page-open .privileges-page-banner-wrap,
  body.is-contacts-page-open .contacts-page-banner-wrap,
  body.is-rules-page-open .rules-page-banner-wrap{
    margin:-4cm auto 10px !important;
  }
}


/* Правка в текущей теме 1.0.51: баннер "ПРАВИЛА DRAGON STONE" уменьшен на 1 сантиметр с каждой стороны. */
body.is-rules-page-open .rules-page-banner-img{
  width:min(calc(1320px - 2cm), calc(94vw - 2cm)) !important;
  max-width:calc(1320px - 2cm) !important;
}

@media(max-width:900px){
  body.is-rules-page-open .rules-page-banner-img{
    width:min(calc(560px - 2cm), calc(96vw - 2cm)) !important;
    max-width:calc(560px - 2cm) !important;
  }
}


/* Правка в текущей теме 1.0.51: увеличена рамка блока Контакты и отцентрованы нижние кнопки. */
@media(min-width:1151px){
  .content{
    grid-template-columns:minmax(0, 1fr) 520px !important;
    gap:28px !important;
  }
}

.contacts-board-panel,
.contacts-page-board-panel{
  width:100% !important;
  max-width:560px !important;
  margin:0 auto 18px !important;
}

.contacts-board,
.contacts-page-board{
  position:relative !important;
  width:min(520px, 100%) !important;
  max-width:520px !important;
  margin:0 auto !important;
}

.contacts-board-title{
  top:8.6% !important;
  width:58% !important;
  font-size:24px !important;
}

.contacts-qr-box{
  top:27.5% !important;
  height:32% !important;
  left:21% !important;
  right:21% !important;
  gap:8px !important;
}

.contacts-qr-image{
  max-width:230px !important;
  max-height:230px !important;
}

.contacts-qr-label{
  font-size:14px !important;
}

.contacts-actions{
  left:50% !important;
  right:auto !important;
  width:min(320px, 72%) !important;
  transform:translateX(-50%) !important;
  bottom:7.8% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
}

.contacts-long-btn{
  width:100% !important;
  height:66px !important;
  min-height:66px !important;
  max-height:66px !important;
  margin:0 auto !important;
  padding:0 30px !important;
}

.contacts-long-btn span,
.contacts-long-btn small{
  width:100% !important;
  text-align:center !important;
}

.contacts-long-btn span{
  font-size:17px !important;
}

.contacts-long-btn small{
  font-size:10.5px !important;
}

@media(max-width:1150px){
  .contacts-board-panel,
  .contacts-page-board-panel{
    max-width:500px !important;
  }

  .contacts-board,
  .contacts-page-board{
    width:min(480px, 100%) !important;
    max-width:480px !important;
  }

  .contacts-qr-image{
    max-width:210px !important;
    max-height:210px !important;
  }

  .contacts-actions{
    width:min(300px, 74%) !important;
  }
}


/* Правка в текущей теме 1.0.51: на странице Контакты увеличена рамка, кнопки выровнены по центру, подпись под QR убрана. */
body.is-contacts-page-open .contacts-page-board{
  max-width:520px !important;
  width:100% !important;
  margin:0 auto !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-board-frame{
  width:100% !important;
  height:auto !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-board-title{
  top:7.1% !important;
  width:58% !important;
  font-size:25px !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-qr-box{
  top:28% !important;
  left:21% !important;
  right:21% !important;
  height:31% !important;
  gap:8px !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-qr-image{
  max-width:195px !important;
  max-height:195px !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-qr-label{
  display:none !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-actions{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:min(72%, 310px) !important;
  bottom:8.6% !important;
  gap:12px !important;
  justify-items:center !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-long-btn{
  width:100% !important;
  margin:0 auto !important;
  text-align:center !important;
  align-items:center !important;
  justify-content:center !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-long-btn span,
body.is-contacts-page-open .contacts-page-board .contacts-long-btn small{
  width:100% !important;
  text-align:center !important;
}

@media(max-width:900px){
  body.is-contacts-page-open .contacts-page-board{
    max-width:460px !important;
  }

  body.is-contacts-page-open .contacts-page-board .contacts-board-title{
    font-size:22px !important;
  }

  body.is-contacts-page-open .contacts-page-board .contacts-actions{
    width:min(74%, 290px) !important;
    bottom:8.2% !important;
  }
}


/* Правка в текущей теме 1.0.51: на главной странице убрана подпись @DRAGONSTONERU под QR-кодом. */
body:not(.is-contacts-page-open) .contacts-board:not(.contacts-page-board) .contacts-qr-label,
body:not(.is-contacts-page-open) [data-qr-label]{
  display:none !important;
}


/* Правка в текущей теме 1.0.51: на главной странице подпись под QR-кодом принудительно скрыта. */
#contacts .contacts-qr-label,
#contacts [data-qr-label]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}


/* Правка в текущей теме 1.0.51: на странице Правила добавлен блок "Правила покупки" размером как блок "О проекте". */
body.is-rules-page-open .rules-page-panel{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:16px !important;
}

body.is-rules-page-open .rules-purchase-wrap{
  width:min(820px, 92vw) !important;
  margin:0 auto 18px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.42)) !important;
}

body.is-rules-page-open .rules-purchase-img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  user-select:none !important;
}

@media(max-width:900px){
  body.is-rules-page-open .rules-purchase-wrap{
    width:min(820px, 94vw) !important;
    margin:0 auto 14px !important;
  }
}


/* Правка в текущей теме 1.0.51: блок "Правила покупки" увеличен ещё на такой же визуальный шаг. */
body.is-rules-page-open .rules-purchase-wrap{
  width:min(1040px, 96vw) !important;
  max-width:1040px !important;
}

body.is-rules-page-open .rules-purchase-img{
  width:100% !important;
  max-width:1040px !important;
}

@media(max-width:900px){
  body.is-rules-page-open .rules-purchase-wrap{
    width:min(1040px, 96vw) !important;
    max-width:96vw !important;
  }
}


/* Правка в текущей теме 1.0.51: блок "Правила покупки" увеличен ещё на 5 сантиметров с каждой стороны. */
body.is-rules-page-open .rules-purchase-wrap{
  width:min(calc(1040px + 10cm), 99vw) !important;
  max-width:calc(1040px + 10cm) !important;
}

body.is-rules-page-open .rules-purchase-img{
  width:100% !important;
  max-width:calc(1040px + 10cm) !important;
}

@media(max-width:900px){
  body.is-rules-page-open .rules-purchase-wrap{
    width:min(calc(1040px + 4cm), 98vw) !important;
    max-width:98vw !important;
  }

  body.is-rules-page-open .rules-purchase-img{
    max-width:98vw !important;
  }
}


/* Правка в текущей теме 1.0.51: правила покупки сверстаны живым HTML-текстом в одном блоке. */
body.is-rules-page-open .rules-page-panel{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:18px !important;
}

body.is-rules-page-open .rules-purchase-wrap,
body.is-rules-page-open .rules-purchase-img{
  display:none !important;
}

body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1400px, 98vw) !important;
  margin:0 auto 34px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  filter:drop-shadow(0 22px 44px rgba(0,0,0,.48)) !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  width:100% !important;
  box-sizing:border-box !important;
  position:relative !important;
  padding:54px 62px 58px !important;
  color:#21140a !important;
  font-family:Georgia, 'Times New Roman', serif !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,246,216,.95), rgba(240,214,160,.94) 45%, rgba(200,158,92,.96) 100%),
    linear-gradient(180deg, #f7e9c7, #d7ad69) !important;
  border:16px solid rgba(24,31,32,.98) !important;
  border-radius:34px !important;
  box-shadow:
    inset 0 0 0 8px rgba(90,69,40,.48),
    inset 0 0 42px rgba(77,43,16,.28),
    0 0 0 2px rgba(244,190,75,.6) !important;
  text-shadow:none !important;
}

body.is-rules-page-open .rules-purchase-html-block::before{
  content:'' !important;
  position:absolute !important;
  inset:-31px !important;
  z-index:-1 !important;
  border-radius:44px !important;
  background:
    linear-gradient(180deg, #2a3132, #101516 48%, #30383a) !important;
  border:3px solid rgba(236,179,70,.55) !important;
  box-shadow:inset 0 0 0 7px rgba(0,0,0,.45), inset 0 0 34px rgba(0,0,0,.72) !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  text-align:center !important;
  margin:0 auto 26px !important;
  max-width:1100px !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  margin:0 !important;
  font-size:clamp(40px, 4.2vw, 72px) !important;
  line-height:.96 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
  color:#3c2416 !important;
  text-shadow:0 2px 0 rgba(255,247,220,.65), 0 4px 5px rgba(77,38,12,.22) !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  display:block !important;
  margin-top:8px !important;
  font-size:clamp(27px, 2.7vw, 46px) !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  color:#71411f !important;
  letter-spacing:.06em !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  margin:18px auto 0 !important;
  font-size:clamp(17px, 1.35vw, 24px) !important;
  line-height:1.33 !important;
  font-weight:700 !important;
  color:#24180e !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
  gap:40px !important;
  position:relative !important;
}

body.is-rules-page-open .rules-purchase-html-columns::before{
  content:'' !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  width:2px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(180deg, transparent, rgba(114,66,30,.55), transparent) !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  min-width:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block section{
  margin:0 0 18px !important;
  break-inside:avoid !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  margin:0 0 7px !important;
  font-size:clamp(21px, 1.55vw, 30px) !important;
  line-height:1.08 !important;
  color:#7a3e1c !important;
  text-shadow:0 1px 0 rgba(255,246,219,.62) !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  margin:0 0 5px !important;
  font-size:clamp(15px, 1.05vw, 19px) !important;
  line-height:1.28 !important;
  font-weight:700 !important;
  color:#24190f !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:4px 0 6px 20px !important;
  padding:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block li{
  padding-left:3px !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(940px, 94vw) !important;
  }

  body.is-rules-page-open .rules-purchase-html-block{
    padding:42px 38px 44px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns::before{
    display:none !important;
  }
}

@media(max-width:600px){
  body.is-rules-page-open .rules-purchase-html-block{
    padding:34px 22px 34px !important;
    border-width:10px !important;
    border-radius:24px !important;
  }

  body.is-rules-page-open .rules-purchase-html-block::before{
    inset:-18px !important;
    border-radius:30px !important;
  }
}


/* Правка в текущей теме 1.0.51: HTML-текст правил помещён внутрь загруженного каменного блока. */
body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1400px, 99vw) !important;
  max-width:1400px !important;
  margin:0 auto 34px !important;
  filter:drop-shadow(0 22px 44px rgba(0,0,0,.48)) !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  width:100% !important;
  box-sizing:border-box !important;
  position:relative !important;
  aspect-ratio:1131 / 1391 !important;
  min-height:auto !important;
  padding:20.5% 17.8% 9.5% !important;
  overflow:visible !important;
  background:url("assets/rules-html-frame.png") center/100% 100% no-repeat !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  color:#21140a !important;
}

body.is-rules-page-open .rules-purchase-html-block::before{
  display:none !important;
  content:none !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  margin:0 auto 16px !important;
  max-width:100% !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(32px, 3.35vw, 58px) !important;
  line-height:.94 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  font-size:clamp(22px, 2.15vw, 36px) !important;
  margin-top:4px !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  font-size:clamp(14px, 1.05vw, 18px) !important;
  line-height:1.22 !important;
  margin-top:12px !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  gap:28px !important;
}

body.is-rules-page-open .rules-purchase-html-block section{
  margin:0 0 12px !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  font-size:clamp(17px, 1.28vw, 23px) !important;
  line-height:1.05 !important;
  margin:0 0 5px !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  font-size:clamp(12.5px, .92vw, 16px) !important;
  line-height:1.17 !important;
  margin:0 0 3px !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:3px 0 4px 18px !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(900px, 98vw) !important;
  }

  body.is-rules-page-open .rules-purchase-html-block{
    aspect-ratio:auto !important;
    padding:210px 142px 120px !important;
    min-height:1180px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns::before{
    display:none !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(560px, 98vw) !important;
  }

  body.is-rules-page-open .rules-purchase-html-block{
    padding:150px 64px 72px !important;
    min-height:980px !important;
  }

  body.is-rules-page-open .rules-purchase-html-head h2{
    font-size:28px !important;
  }

  body.is-rules-page-open .rules-purchase-html-head strong{
    font-size:20px !important;
  }

  body.is-rules-page-open .rules-purchase-html-head p,
  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{
    font-size:12px !important;
    line-height:1.16 !important;
  }
}


/* Правка в текущей теме 1.0.51: увеличен каменный блок правил и скорректирована внутренняя вёрстка, чтобы буквы не выезжали за границы. */
body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1560px, 99vw) !important;
  max-width:1560px !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  aspect-ratio:1131 / 1391 !important;
  padding:26.8% 18.2% 9.2% !important;
  min-height:auto !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  margin:0 auto 14px !important;
  max-width:92% !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(27px, 2.55vw, 48px) !important;
  line-height:0.96 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  font-size:clamp(18px, 1.7vw, 30px) !important;
  margin-top:4px !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  font-size:clamp(11px, 0.82vw, 15px) !important;
  line-height:1.2 !important;
  margin-top:10px !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  gap:22px !important;
}

body.is-rules-page-open .rules-purchase-html-block section{
  margin:0 0 10px !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  font-size:clamp(14.5px, 0.98vw, 19px) !important;
  line-height:1.05 !important;
  margin:0 0 4px !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  font-size:clamp(10.5px, 0.73vw, 13.2px) !important;
  line-height:1.17 !important;
  margin:0 0 2px !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 4px 16px !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(1000px, 98vw) !important;
  }

  body.is-rules-page-open .rules-purchase-html-block{
    aspect-ratio:auto !important;
    padding:220px 138px 110px !important;
    min-height:1280px !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(620px, 98vw) !important;
  }

  body.is-rules-page-open .rules-purchase-html-block{
    padding:165px 64px 78px !important;
    min-height:1060px !important;
  }

  body.is-rules-page-open .rules-purchase-html-head h2{
    font-size:24px !important;
  }

  body.is-rules-page-open .rules-purchase-html-head strong{
    font-size:18px !important;
  }
}


/* Правка в текущей теме 1.0.51: текст правил сделан белым для лучшей читаемости. */
body.is-rules-page-open .rules-purchase-html-block{
  color:#f4f1ea !important;
}

body.is-rules-page-open .rules-purchase-html-head h2,
body.is-rules-page-open .rules-purchase-html-head strong,
body.is-rules-page-open .rules-purchase-html-head p,
body.is-rules-page-open .rules-purchase-html-block h3,
body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li,
body.is-rules-page-open .rules-purchase-html-block ul,
body.is-rules-page-open .rules-purchase-html-block section{
  color:#f4f1ea !important;
  text-shadow:0 1px 2px rgba(0,0,0,.88), 0 0 8px rgba(0,0,0,.35) !important;
}

body.is-rules-page-open .rules-purchase-html-block h3,
body.is-rules-page-open .rules-purchase-html-head h2,
body.is-rules-page-open .rules-purchase-html-head strong{
  color:#fffaf2 !important;
}


/* Правка в текущей теме 1.0.51: белым оставлен только основной ранее чёрный текст, заголовки возвращены в золотисто-коричневый стиль. */
body.is-rules-page-open .rules-purchase-html-block{
  color:#f4f1ea !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  color:#3b2314 !important;
  text-shadow:0 1px 0 rgba(255,245,214,.36), 0 2px 3px rgba(0,0,0,.28) !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  color:#8b4a22 !important;
  text-shadow:0 1px 0 rgba(255,245,214,.32), 0 2px 3px rgba(0,0,0,.22) !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  color:#a45d32 !important;
  text-shadow:0 1px 0 rgba(255,238,196,.26), 0 2px 3px rgba(0,0,0,.28) !important;
}

body.is-rules-page-open .rules-purchase-html-head p,
body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  color:#f4f1ea !important;
  text-shadow:0 1px 2px rgba(0,0,0,.88), 0 0 8px rgba(0,0,0,.38) !important;
}


/* Правка в текущей теме 1.0.51: каменный блок правил увеличен на 2 сантиметра с каждой стороны. */
body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(calc(1560px + 4cm), 99vw) !important;
  max-width:calc(1560px + 4cm) !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  padding:26.4% 17.6% 9.1% !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(calc(1000px + 2cm), 98vw) !important;
    max-width:98vw !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(calc(620px + 1cm), 98vw) !important;
    max-width:98vw !important;
  }
}


/* Правка в текущей теме 1.0.51: текст правил распределён по всей площади баннера, а не собран в кучу. */
body.is-rules-page-open .rules-purchase-html-block{
  padding:22.6% 14.8% 9.4% !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  margin:0 auto 20px !important;
  max-width:100% !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(30px, 2.7vw, 52px) !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  font-size:clamp(21px, 1.85vw, 32px) !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  font-size:clamp(12px, 0.92vw, 16px) !important;
  line-height:1.24 !important;
  max-width:92% !important;
  margin:10px auto 0 !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:44px !important;
  min-height:880px !important;
  align-items:stretch !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:16px !important;
}

body.is-rules-page-open .rules-purchase-html-block section{
  margin:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  font-size:clamp(16px, 1.12vw, 21px) !important;
  line-height:1.08 !important;
  margin:0 0 6px !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  font-size:clamp(11.5px, 0.8vw, 14px) !important;
  line-height:1.22 !important;
  margin:0 0 3px !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:3px 0 5px 18px !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-block{
    padding:210px 118px 96px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    min-height:auto !important;
    gap:26px !important;
  }

  body.is-rules-page-open .rules-purchase-html-col{
    gap:14px !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-block{
    padding:162px 54px 72px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  body.is-rules-page-open .rules-purchase-html-col{
    justify-content:flex-start !important;
    gap:12px !important;
  }
}


/* Правка в текущей теме 1.0.51: блок правил выровнен по центру страницы. */
body.is-rules-page-open .rules-page-window{
  display:flex !important;
  justify-content:center !important;
}

body.is-rules-page-open .rules-page-panel{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

body.is-rules-page-open .rules-page-banner-wrap,
body.is-rules-page-open .rules-purchase-html-wrap{
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center !important;
}

body.is-rules-page-open .rules-purchase-html-wrap{
  position:relative !important;
  left:auto !important;
  right:auto !important;
}


/* Правка в текущей теме 1.0.51: текст правил удержан внутри светлой части блока и не заезжает на чёрную рамку. */
body.is-rules-page-open .rules-purchase-html-wrap{
  display:flex !important;
  justify-content:center !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  box-sizing:border-box !important;
  overflow:hidden !important;
  padding:24.8% 18.9% 11.2% !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  max-width:90% !important;
  margin:0 auto 18px !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(28px, 2.45vw, 46px) !important;
  line-height:0.98 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  font-size:clamp(19px, 1.6vw, 28px) !important;
  line-height:1.02 !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  max-width:88% !important;
  margin:10px auto 0 !important;
  font-size:clamp(11px, 0.82vw, 14px) !important;
  line-height:1.18 !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:28px !important;
  min-height:auto !important;
  align-items:start !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  gap:12px !important;
  justify-content:flex-start !important;
}

body.is-rules-page-open .rules-purchase-html-block section{
  margin:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  font-size:clamp(14px, 0.98vw, 18px) !important;
  line-height:1.06 !important;
  margin:0 0 5px !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  font-size:clamp(10.2px, 0.72vw, 12.4px) !important;
  line-height:1.16 !important;
  margin:0 0 2px !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 4px 17px !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-block{
    padding:218px 126px 100px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    gap:22px !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-block{
    padding:170px 58px 76px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}


/* Правка в текущей теме 1.0.51: задействовано нижнее свободное место внутри светлой области блока правил. */
body.is-rules-page-open .rules-purchase-html-block{
  overflow:hidden !important;
  padding:23.8% 18.4% 7.2% !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  margin:0 auto 16px !important;
  max-width:92% !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(30px, 2.6vw, 48px) !important;
  line-height:0.96 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  font-size:clamp(20px, 1.72vw, 30px) !important;
  line-height:1 !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  font-size:clamp(11px, 0.8vw, 14px) !important;
  line-height:1.18 !important;
  margin:9px auto 0 !important;
  max-width:90% !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  gap:32px !important;
  min-height:860px !important;
  align-items:stretch !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  min-height:100% !important;
  gap:10px !important;
}

body.is-rules-page-open .rules-purchase-html-block section{
  margin:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  font-size:clamp(14px, 0.96vw, 18px) !important;
  line-height:1.05 !important;
  margin:0 0 4px !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  font-size:clamp(10.3px, 0.72vw, 12.6px) !important;
  line-height:1.16 !important;
  margin:0 0 2px !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 4px 17px !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-block{
    padding:214px 122px 84px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    min-height:auto !important;
    gap:22px !important;
  }

  body.is-rules-page-open .rules-purchase-html-col{
    justify-content:flex-start !important;
    gap:12px !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-block{
    padding:168px 58px 72px !important;
  }
}


/* Правка в текущей теме 1.0.51: шрифт правил увеличен, текст распределён по всей светлой области баннера и не заезжает на чёрную рамку. */
body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1680px, 99vw) !important;
  max-width:1680px !important;
  margin:0 auto 28px !important;
  display:flex !important;
  justify-content:center !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  padding:22.2% 16.2% 7.6% !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  max-width:94% !important;
  margin:0 auto 18px !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(32px, 2.85vw, 54px) !important;
  line-height:0.96 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  font-size:clamp(22px, 1.95vw, 34px) !important;
  line-height:1.02 !important;
  margin-top:3px !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  font-size:clamp(11.6px, 0.88vw, 15px) !important;
  line-height:1.18 !important;
  max-width:88% !important;
  margin:10px auto 0 !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:34px !important;
  min-height:980px !important;
  align-items:stretch !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  display:grid !important;
  grid-template-rows:repeat(5, min-content) !important;
  align-content:space-between !important;
  min-height:100% !important;
  gap:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block section{
  margin:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  font-size:clamp(15.5px, 1.08vw, 20px) !important;
  line-height:1.08 !important;
  margin:0 0 5px !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  font-size:clamp(11.2px, 0.78vw, 13.6px) !important;
  line-height:1.18 !important;
  margin:0 0 2px !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 4px 17px !important;
  padding:0 !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(1120px, 98vw) !important;
  }

  body.is-rules-page-open .rules-purchase-html-block{
    padding:212px 118px 78px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    min-height:auto !important;
    gap:24px !important;
  }

  body.is-rules-page-open .rules-purchase-html-col{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:14px !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-block{
    padding:166px 56px 70px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body.is-rules-page-open .rules-purchase-html-col{
    gap:12px !important;
  }
}


/* Финальная правка в текущей теме 1.0.51: правила разложены по всей светлой области, увеличен шрифт, текст не заезжает на чёрную рамку. */
body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1660px, 99vw) !important;
  max-width:1660px !important;
  margin:0 auto 26px !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  padding:18.6% 15.8% 7.8% !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  max-width:94% !important;
  margin:0 auto 14px !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(28px, 2.45vw, 46px) !important;
  line-height:0.96 !important;
  margin:0 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  display:block !important;
  font-size:clamp(20px, 1.7vw, 30px) !important;
  line-height:1 !important;
  margin-top:2px !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  font-size:clamp(11.4px, 0.82vw, 14px) !important;
  line-height:1.14 !important;
  max-width:90% !important;
  margin:8px auto 0 !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:34px !important;
  min-height:920px !important;
  align-items:stretch !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  display:grid !important;
  grid-template-rows:repeat(5, 1fr) !important;
  gap:10px !important;
  min-height:920px !important;
}

body.is-rules-page-open .rules-purchase-html-col > section{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-height:0 !important;
  margin:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  font-size:clamp(15.5px, 1.02vw, 19px) !important;
  line-height:1.06 !important;
  margin:0 0 5px !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  font-size:clamp(11.2px, 0.76vw, 13.2px) !important;
  line-height:1.14 !important;
  margin:0 0 2px !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 4px 16px !important;
  padding:0 !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(1120px, 98vw) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block{
    padding:186px 108px 72px !important;
  }
  body.is-rules-page-open .rules-purchase-html-columns,
  body.is-rules-page-open .rules-purchase-html-col{
    min-height:auto !important;
  }
  body.is-rules-page-open .rules-purchase-html-col{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-block{
    padding:154px 52px 66px !important;
  }
  body.is-rules-page-open .rules-purchase-html-columns{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  body.is-rules-page-open .rules-purchase-html-col{
    gap:12px !important;
  }
}


/* Финальная правка 1.0.51: текст правил не сжат сверху, распределён по всей светлой области рамки и не залезает на чёрную часть. */
body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1500px, 98vw) !important;
  max-width:1500px !important;
  margin:0 auto 28px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  width:100% !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  aspect-ratio:1131 / 1391 !important;
  min-height:auto !important;
  overflow:hidden !important;
  padding:18.9% 15.2% 8.2% !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  flex:0 0 auto !important;
  max-width:94% !important;
  margin:0 auto 1.6% !important;
  text-align:center !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(28px, 2.55vw, 48px) !important;
  line-height:.96 !important;
  margin:0 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  font-size:clamp(20px, 1.75vw, 31px) !important;
  line-height:1 !important;
  margin-top:2px !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  font-size:clamp(11.2px, .82vw, 14.2px) !important;
  line-height:1.14 !important;
  max-width:90% !important;
  margin:8px auto 0 !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:auto !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:34px !important;
  align-items:stretch !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  min-height:0 !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:10px !important;
}

body.is-rules-page-open .rules-purchase-html-col > section{
  margin:0 !important;
  min-height:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  font-size:clamp(15px, 1.02vw, 19px) !important;
  line-height:1.05 !important;
  margin:0 0 5px !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  font-size:clamp(10.8px, .76vw, 13.1px) !important;
  line-height:1.14 !important;
  margin:0 0 2px !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 4px 16px !important;
  padding:0 !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(1080px, 98vw) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block{
    aspect-ratio:auto !important;
    padding:190px 112px 82px !important;
    min-height:1260px !important;
  }
  body.is-rules-page-open .rules-purchase-html-columns{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  body.is-rules-page-open .rules-purchase-html-col{
    height:auto !important;
    justify-content:flex-start !important;
    gap:14px !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-block{
    padding:155px 50px 70px !important;
    min-height:1120px !important;
  }
  body.is-rules-page-open .rules-purchase-html-head h2{
    font-size:24px !important;
  }
  body.is-rules-page-open .rules-purchase-html-head strong{
    font-size:18px !important;
  }
  body.is-rules-page-open .rules-purchase-html-head p,
  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{
    font-size:11px !important;
  }
}


/* Итоговая правка правил 1.0.51: текст целиком внутри светлой части, использует всю площадь баннера и не выезжает на чёрную рамку. */
body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1140px, 94vw) !important;
  max-width:1140px !important;
  margin:0 auto 28px !important;
  display:flex !important;
  justify-content:center !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  width:100% !important;
  aspect-ratio:1131 / 1391 !important;
  min-height:auto !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:url("assets/rules-html-frame.png") center/100% 100% no-repeat !important;
  color:#f3eee6 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.9) !important;
  padding:25.2% 16.1% 7.6% !important;
}

body.is-rules-page-open .rules-purchase-html-head,
body.is-rules-page-open .rules-purchase-html-columns,
body.is-rules-page-open .rules-purchase-html-col,
body.is-rules-page-open .rules-purchase-html-col > section,
body.is-rules-page-open .rules-purchase-html-block h3,
body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li,
body.is-rules-page-open .rules-purchase-html-block ul{
  position:relative !important;
  z-index:2 !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  flex:0 0 auto !important;
  text-align:center !important;
  max-width:94% !important;
  margin:0 auto 1.4% !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  margin:0 !important;
  font-size:clamp(26px, 2.35vw, 42px) !important;
  line-height:.96 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  color:#4b2b17 !important;
  text-shadow:0 1px 0 rgba(255,244,213,.38), 0 1px 4px rgba(0,0,0,.15) !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  display:block !important;
  margin-top:3px !important;
  font-size:clamp(18px, 1.7vw, 30px) !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  color:#8f4d23 !important;
  text-shadow:0 1px 0 rgba(255,238,205,.42), 0 1px 4px rgba(0,0,0,.15) !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  margin:8px auto 0 !important;
  max-width:92% !important;
  font-size:clamp(10.1px, .76vw, 12.6px) !important;
  line-height:1.14 !important;
  font-weight:700 !important;
  color:#f4eee7 !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  flex:1 1 auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:4.8% !important;
  align-items:stretch !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:1.2% !important;
}

body.is-rules-page-open .rules-purchase-html-col > section{
  min-height:0 !important;
  margin:0 !important;
}

body.is-rules-page-open .rules-purchase-html-col:first-child > section:nth-child(1){ flex:1.2 1 0 !important; }
body.is-rules-page-open .rules-purchase-html-col:first-child > section:nth-child(2){ flex:1.08 1 0 !important; }
body.is-rules-page-open .rules-purchase-html-col:first-child > section:nth-child(3){ flex:1.28 1 0 !important; }
body.is-rules-page-open .rules-purchase-html-col:first-child > section:nth-child(4){ flex:1.65 1 0 !important; }
body.is-rules-page-open .rules-purchase-html-col:first-child > section:nth-child(5){ flex:1.02 1 0 !important; }
body.is-rules-page-open .rules-purchase-html-col:last-child > section:nth-child(1){ flex:1.4 1 0 !important; }
body.is-rules-page-open .rules-purchase-html-col:last-child > section:nth-child(2){ flex:1.03 1 0 !important; }
body.is-rules-page-open .rules-purchase-html-col:last-child > section:nth-child(3){ flex:1.04 1 0 !important; }
body.is-rules-page-open .rules-purchase-html-col:last-child > section:nth-child(4){ flex:1.22 1 0 !important; }
body.is-rules-page-open .rules-purchase-html-col:last-child > section:nth-child(5){ flex:.88 1 0 !important; }

body.is-rules-page-open .rules-purchase-html-block h3{
  margin:0 0 4px !important;
  font-size:clamp(13.6px, .98vw, 18px) !important;
  line-height:1.06 !important;
  font-weight:700 !important;
  color:#c57e4e !important;
  text-shadow:0 1px 0 rgba(55,20,4,.55) !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  margin:0 0 2px !important;
  font-size:clamp(10.2px, .74vw, 12.6px) !important;
  line-height:1.14 !important;
  color:#f4f1eb !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 3px 16px !important;
  padding:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block li{ margin-bottom:1px !important; }

@media (max-width: 1200px){
  body.is-rules-page-open .rules-purchase-html-wrap{ width:min(980px, 96vw) !important; }
  body.is-rules-page-open .rules-purchase-html-block{ padding:25.4% 16.2% 7.8% !important; }
  body.is-rules-page-open .rules-purchase-html-head h2{ font-size:clamp(24px, 2.6vw, 36px) !important; }
  body.is-rules-page-open .rules-purchase-html-head strong{ font-size:clamp(17px, 1.9vw, 26px) !important; }
  body.is-rules-page-open .rules-purchase-html-head p,
  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{ font-size:11px !important; }
}

@media (max-width: 900px){
  body.is-rules-page-open .rules-purchase-html-wrap{ width:min(760px, 98vw) !important; }
  body.is-rules-page-open .rules-purchase-html-block{
    aspect-ratio:auto !important;
    min-height:1260px !important;
    padding:190px 76px 66px !important;
  }
  body.is-rules-page-open .rules-purchase-html-columns{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  body.is-rules-page-open .rules-purchase-html-col{ gap:12px !important; }
  body.is-rules-page-open .rules-purchase-html-col > section{ flex:none !important; }
}


/* Финальная правка v1.0.51: баннер правил увеличен, чтобы HTML-текст помещался внутри светлой области. */
body.is-rules-page-open .rules-page-window{
  overflow-x:hidden !important;
}

body.is-rules-page-open .rules-page-panel{
  width:100% !important;
  max-width:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1900px, calc(100vw + 6cm)) !important;
  max-width:none !important;
  margin:0 auto 30px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  transform:none !important;
  left:auto !important;
  right:auto !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  width:100% !important;
  max-width:none !important;
  aspect-ratio:1131 / 1391 !important;
  min-height:auto !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:url("assets/rules-html-frame.png") center/100% 100% no-repeat !important;
  border:0 !important;
  box-shadow:none !important;
  padding:24.9% 16.4% 8.2% !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  flex:0 0 auto !important;
  text-align:center !important;
  max-width:93% !important;
  margin:0 auto 1.4% !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  margin:0 !important;
  font-size:clamp(28px, 2.55vw, 52px) !important;
  line-height:.96 !important;
  color:#4b2b17 !important;
  text-shadow:0 1px 0 rgba(255,244,213,.42), 0 2px 4px rgba(0,0,0,.22) !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  display:block !important;
  margin-top:3px !important;
  font-size:clamp(20px, 1.8vw, 34px) !important;
  line-height:1 !important;
  color:#8f4d23 !important;
  text-shadow:0 1px 0 rgba(255,238,205,.42), 0 2px 4px rgba(0,0,0,.2) !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  max-width:90% !important;
  margin:8px auto 0 !important;
  font-size:clamp(9.8px, .78vw, 13.6px) !important;
  line-height:1.13 !important;
  color:#f4f1eb !important;
  text-shadow:0 1px 2px rgba(0,0,0,.92) !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  flex:1 1 auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:4.6% !important;
  align-items:stretch !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  min-height:0 !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:1.05% !important;
}

body.is-rules-page-open .rules-purchase-html-col > section{
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  margin:0 0 4px !important;
  font-size:clamp(13.2px, .98vw, 18.5px) !important;
  line-height:1.06 !important;
  color:#c57e4e !important;
  text-shadow:0 1px 0 rgba(55,20,4,.55) !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  margin:0 0 2px !important;
  font-size:clamp(9.4px, .72vw, 12.8px) !important;
  line-height:1.12 !important;
  color:#f4f1eb !important;
  text-shadow:0 1px 2px rgba(0,0,0,.92) !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 3px 15px !important;
  padding:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block li{
  padding-left:2px !important;
}

@media(max-width:1200px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(1500px, calc(100vw + 5cm)) !important;
  }

  body.is-rules-page-open .rules-purchase-html-block{
    padding:25.2% 16.6% 8.4% !important;
  }

  body.is-rules-page-open .rules-purchase-html-head h2{
    font-size:clamp(24px, 3.05vw, 42px) !important;
  }

  body.is-rules-page-open .rules-purchase-html-head strong{
    font-size:clamp(17px, 2.1vw, 30px) !important;
  }

  body.is-rules-page-open .rules-purchase-html-block h3{
    font-size:clamp(12px, 1.55vw, 16px) !important;
  }

  body.is-rules-page-open .rules-purchase-html-head p,
  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{
    font-size:clamp(8.8px, 1.25vw, 11.3px) !important;
    line-height:1.1 !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(960px, calc(100vw + 4cm)) !important;
  }

  body.is-rules-page-open .rules-purchase-html-block{
    aspect-ratio:auto !important;
    min-height:1280px !important;
    padding:165px 54px 70px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body.is-rules-page-open .rules-purchase-html-col{
    height:auto !important;
    justify-content:flex-start !important;
    gap:12px !important;
  }
}


/* Targeted fix: enlarge the rules background block by about 2 cm on each side, without changing the text styles. */
body.is-rules-page-open .rules-page-panel{
  width:min(1400px, calc(100vw - 10px)) !important;
  max-width:1400px !important;
  padding:22px 22px 28px !important;
}

body.is-rules-page-open .rules-purchase-html-wrap{
  width:100% !important;
  max-width:1320px !important;
  margin:0 auto 34px !important;
}

@media (max-width: 1200px){
  body.is-rules-page-open .rules-page-panel{
    width:min(1320px, calc(100vw - 8px)) !important;
    max-width:1320px !important;
    padding:18px 16px 24px !important;
  }
  body.is-rules-page-open .rules-purchase-html-wrap{
    max-width:1260px !important;
  }
}

@media (max-width: 900px){
  body.is-rules-page-open .rules-page-panel{
    width:min(1120px, calc(100vw - 6px)) !important;
    max-width:1120px !important;
    padding:14px 10px 20px !important;
  }
  body.is-rules-page-open .rules-purchase-html-wrap{
    max-width:1060px !important;
  }
}


/* FINAL RULES TEXT FIT v1.0.51:
   Keep the HTML text inside the light parchment area only.
   Do not enlarge/shrink the frame here; only fit the text safely inside the beige field. */
body.is-rules-page-open .rules-purchase-html-content{
  left:18.8% !important;
  right:18.8% !important;
  top:18.6% !important;
  bottom:18.4% !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  box-sizing:border-box !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  flex:0 0 auto !important;
  max-width:94% !important;
  margin:0 auto 10px !important;
  text-align:center !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  margin:0 !important;
  font-size:clamp(21px, 2.45vw, 38px) !important;
  line-height:.95 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  margin:2px 0 0 !important;
  font-size:clamp(15px, 1.75vw, 26px) !important;
  line-height:1 !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  max-width:92% !important;
  margin:6px auto 0 !important;
  font-size:clamp(8.7px, .76vw, 11px) !important;
  line-height:1.08 !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:auto !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:34px !important;
  align-items:stretch !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  min-height:0 !important;
  height:100% !important;
  display:grid !important;
  grid-template-rows:1.16fr .95fr 1.16fr 1.46fr .95fr !important;
  gap:8px !important;
}

body.is-rules-page-open .rules-purchase-html-col:last-child{
  grid-template-rows:1.34fr .95fr .96fr 1.18fr .78fr !important;
}

body.is-rules-page-open .rules-purchase-html-col > section{
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  margin:0 0 3px !important;
  font-size:clamp(12.2px, .95vw, 16px) !important;
  line-height:1.04 !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  margin:0 0 1px !important;
  font-size:clamp(8.4px, .68vw, 10.9px) !important;
  line-height:1.08 !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:1px 0 2px 14px !important;
  padding:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block li{
  padding-left:1px !important;
}

@media(max-width:900px){
  body.is-rules-page-open .rules-purchase-html-content{
    left:18.6% !important;
    right:18.6% !important;
    top:18.8% !important;
    bottom:18.8% !important;
  }
  body.is-rules-page-open .rules-purchase-html-columns{
    gap:20px !important;
  }
  body.is-rules-page-open .rules-purchase-html-col{
    gap:6px !important;
  }
}


/* FINAL FIX RULES INSIDE PARCHMENT v1.0.51
   The text is locked inside the light parchment field. The frame/lanterns stay visible. */
body.is-rules-page-open .rules-page-panel{
  width:min(1500px, 98vw) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:18px 16px 30px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  overflow:visible !important;
}

body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1360px, 98vw) !important;
  max-width:1360px !important;
  margin:0 auto 36px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  overflow:visible !important;
  filter:drop-shadow(0 22px 44px rgba(0,0,0,.48)) !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  aspect-ratio:1131 / 1391 !important;
  min-height:auto !important;
  padding:0 !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  background:url("assets/rules-html-frame.png") center/100% 100% no-repeat !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  font-family:Georgia, 'Times New Roman', serif !important;
}

body.is-rules-page-open .rules-purchase-html-block::before,
body.is-rules-page-open .rules-purchase-html-block::after{
  display:none !important;
  content:none !important;
}

body.is-rules-page-open .rules-purchase-html-content{
  position:absolute !important;
  left:18.7% !important;
  right:18.9% !important;
  top:18.9% !important;
  bottom:18.0% !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  z-index:2 !important;
  color:#f4f1eb !important;
  text-shadow:0 1px 2px rgba(0,0,0,.92) !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  flex:0 0 auto !important;
  max-width:94% !important;
  margin:0 auto 8px !important;
  padding:0 !important;
  text-align:center !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  margin:0 !important;
  padding:0 !important;
  font-size:clamp(22px, 2.45vw, 40px) !important;
  line-height:.94 !important;
  text-transform:uppercase !important;
  letter-spacing:.025em !important;
  color:#422515 !important;
  text-shadow:0 1px 0 rgba(255,244,213,.42), 0 2px 4px rgba(0,0,0,.22) !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  display:block !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  font-size:clamp(15px, 1.65vw, 27px) !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  color:#8f4d23 !important;
  text-shadow:0 1px 0 rgba(255,238,205,.42), 0 2px 4px rgba(0,0,0,.2) !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  max-width:92% !important;
  margin:5px auto 0 !important;
  padding:0 !important;
  font-size:clamp(8.2px, .66vw, 10.8px) !important;
  line-height:1.06 !important;
  font-weight:700 !important;
  color:#f4f1eb !important;
  text-shadow:0 1px 2px rgba(0,0,0,.92) !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:auto !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:4.2% !important;
  align-items:stretch !important;
  position:relative !important;
  overflow:hidden !important;
}

body.is-rules-page-open .rules-purchase-html-columns::before{
  content:'' !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  width:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(180deg, transparent, rgba(110,65,30,.38), transparent) !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  display:grid !important;
  grid-template-rows:1.13fr .91fr 1.13fr 1.36fr .88fr !important;
  gap:7px !important;
  overflow:hidden !important;
}

body.is-rules-page-open .rules-purchase-html-col:last-child{
  grid-template-rows:1.25fr .88fr .90fr 1.08fr .70fr !important;
}

body.is-rules-page-open .rules-purchase-html-col > section{
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  break-inside:avoid !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  margin:0 0 3px !important;
  padding:0 !important;
  font-size:clamp(11.8px, .86vw, 15.5px) !important;
  line-height:1.03 !important;
  font-weight:700 !important;
  color:#c57e4e !important;
  text-shadow:0 1px 0 rgba(55,20,4,.55) !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  margin:0 0 1px !important;
  padding:0 !important;
  font-size:clamp(7.9px, .58vw, 10.1px) !important;
  line-height:1.055 !important;
  font-weight:700 !important;
  color:#f4f1eb !important;
  text-shadow:0 1px 2px rgba(0,0,0,.92) !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:1px 0 2px 13px !important;
  padding:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block li{
  padding-left:1px !important;
}

@media(max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(1280px, 99vw) !important;
  }

  body.is-rules-page-open .rules-purchase-html-content{
    left:18.6% !important;
    right:18.8% !important;
    top:19.0% !important;
    bottom:18.2% !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    gap:3.8% !important;
  }

  body.is-rules-page-open .rules-purchase-html-col{
    gap:5px !important;
  }

  body.is-rules-page-open .rules-purchase-html-block h3{
    font-size:clamp(10.5px, 1.2vw, 14px) !important;
  }

  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{
    font-size:clamp(7.3px, .88vw, 9.2px) !important;
    line-height:1.035 !important;
  }
}

@media(max-width:700px){
  body.is-rules-page-open .rules-purchase-html-block{
    aspect-ratio:auto !important;
    min-height:1250px !important;
  }

  body.is-rules-page-open .rules-purchase-html-content{
    left:17.8% !important;
    right:17.8% !important;
    top:170px !important;
    bottom:74px !important;
  }

  body.is-rules-page-open .rules-purchase-html-columns{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body.is-rules-page-open .rules-purchase-html-col,
  body.is-rules-page-open .rules-purchase-html-col:last-child{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
}


/* FINAL RULES BLOCK ENLARGED + READABLE v1.0.51
   Increase the lantern frame by about 3 cm on each side and enlarge readable HTML text inside. */
body.is-rules-page-open .rules-page-panel{
  width:min(1720px, 99vw) !important;
  max-width:1720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:8px 10px 28px !important;
  overflow:visible !important;
}

body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1600px, 99vw) !important;
  max-width:1600px !important;
  margin:0 auto 34px !important;
  overflow:visible !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  width:100% !important;
  max-width:none !important;
  aspect-ratio:1131 / 1391 !important;
  overflow:visible !important;
  background:url("assets/rules-html-frame.png") center/100% 100% no-repeat !important;
}

body.is-rules-page-open .rules-purchase-html-content{
  left:16.7% !important;
  right:16.9% !important;
  top:16.9% !important;
  bottom:15.9% !important;
  overflow:hidden !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  max-width:95% !important;
  margin:0 auto 10px !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(28px, 2.7vw, 48px) !important;
  line-height:.95 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  font-size:clamp(19px, 1.95vw, 31px) !important;
  line-height:1 !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  max-width:94% !important;
  margin:6px auto 0 !important;
  font-size:clamp(9.8px, .82vw, 12.6px) !important;
  line-height:1.12 !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  gap:4.4% !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  grid-template-rows:1.15fr .98fr 1.16fr 1.42fr .98fr !important;
  gap:8px !important;
}

body.is-rules-page-open .rules-purchase-html-col:last-child{
  grid-template-rows:1.30fr .96fr .96fr 1.14fr .84fr !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  margin:0 0 4px !important;
  font-size:clamp(14px, 1vw, 19px) !important;
  line-height:1.06 !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  margin:0 0 1px !important;
  font-size:clamp(9.8px, .74vw, 12.4px) !important;
  line-height:1.12 !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 3px 16px !important;
}

@media (max-width: 1280px){
  body.is-rules-page-open .rules-page-panel{
    width:min(1500px, 99vw) !important;
    max-width:1500px !important;
  }
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(1400px, 99vw) !important;
    max-width:1400px !important;
  }
  body.is-rules-page-open .rules-purchase-html-content{
    left:17.1% !important;
    right:17.2% !important;
    top:17.2% !important;
    bottom:16.2% !important;
  }
  body.is-rules-page-open .rules-purchase-html-head h2{
    font-size:clamp(24px, 2.55vw, 40px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-head strong{
    font-size:clamp(17px, 1.75vw, 27px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-head p{
    font-size:clamp(8.8px, .82vw, 11.4px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block h3{
    font-size:clamp(12.6px, 1.05vw, 16px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{
    font-size:clamp(8.8px, .78vw, 10.9px) !important;
    line-height:1.09 !important;
  }
}

@media (max-width: 700px){
  body.is-rules-page-open .rules-purchase-html-wrap{
    width:min(1000px, 99vw) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block{
    min-height:1320px !important;
  }
}


/* FINAL RULES POSITION + TRANSPARENT FRAME BACKGROUND v1.0.51 */
body.is-rules-page-open .rules-page-panel{
  width:min(1400px, 98vw) !important;
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:6px 8px 24px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1400px, 98vw) !important;
  max-width:1400px !important;
  margin:0 auto 28px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  overflow:visible !important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.44)) !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  aspect-ratio:1131 / 1391 !important;
  padding:0 !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  background:url("assets/rules-html-frame.png") center/100% 100% no-repeat !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  font-family:Georgia, "Times New Roman", serif !important;
}

body.is-rules-page-open .rules-purchase-html-block::before,
body.is-rules-page-open .rules-purchase-html-block::after{
  display:none !important;
  content:none !important;
}

body.is-rules-page-open .rules-purchase-html-content{
  position:absolute !important;
  left:12.8% !important;
  right:12.8% !important;
  top:11.1% !important;
  bottom:7.6% !important;
  display:grid !important;
  grid-template-rows:auto 1fr !important;
  row-gap:10px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  color:#f6f2eb !important;
  text-shadow:0 1px 2px rgba(0,0,0,.92) !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  text-align:center !important;
  transform:translateY(-22px) !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  margin:0 !important;
  font-size:clamp(32px, 3.1vw, 58px) !important;
  line-height:.94 !important;
  text-transform:uppercase !important;
  letter-spacing:.025em !important;
  color:#4d2a17 !important;
  text-shadow:0 1px 0 rgba(255,246,218,.55), 0 2px 4px rgba(0,0,0,.22) !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  display:block !important;
  margin:2px 0 0 !important;
  font-size:clamp(20px, 1.95vw, 34px) !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  color:#8d4a23 !important;
  text-shadow:0 1px 0 rgba(255,238,206,.5), 0 2px 4px rgba(0,0,0,.18) !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  max-width:96% !important;
  margin:5px auto 0 !important;
  font-size:clamp(10px, .85vw, 13px) !important;
  line-height:1.14 !important;
  font-weight:700 !important;
  color:#f6f2eb !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  min-height:0 !important;
  height:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:4.6% !important;
  align-items:stretch !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  min-height:0 !important;
  display:grid !important;
  gap:10px !important;
}
body.is-rules-page-open .rules-purchase-html-col:first-child{
  grid-template-rows:1.04fr 0.95fr 1.14fr 1.28fr 0.92fr !important;
}
body.is-rules-page-open .rules-purchase-html-col:last-child{
  grid-template-rows:1.14fr 0.88fr 0.88fr 1.08fr 0.72fr !important;
}

body.is-rules-page-open .rules-purchase-html-col > section{
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  margin:0 0 4px !important;
  font-size:clamp(14px, 1.02vw, 19px) !important;
  line-height:1.06 !important;
  font-weight:700 !important;
  color:#d28955 !important;
  text-shadow:0 1px 0 rgba(55,20,4,.62) !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  margin:0 0 2px !important;
  font-size:clamp(10px, .78vw, 12.6px) !important;
  line-height:1.12 !important;
  font-weight:700 !important;
  color:#f7f4ee !important;
  text-shadow:0 1px 2px rgba(0,0,0,.92) !important;
  overflow-wrap:break-word !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 2px 16px !important;
  padding:0 !important;
}

@media (max-width: 1100px){
  body.is-rules-page-open .rules-purchase-html-content{
    left:13.3% !important;
    right:13.3% !important;
    top:11.6% !important;
    bottom:8.1% !important;
  }
  body.is-rules-page-open .rules-purchase-html-head{ transform:translateY(-16px) !important; }
  body.is-rules-page-open .rules-purchase-html-head h2{ font-size:clamp(28px, 3.0vw, 48px) !important; }
  body.is-rules-page-open .rules-purchase-html-head strong{ font-size:clamp(18px, 1.9vw, 28px) !important; }
  body.is-rules-page-open .rules-purchase-html-block h3{ font-size:clamp(12.6px, 1.08vw, 16px) !important; }
  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{ font-size:clamp(8.8px, .78vw, 10.8px) !important; line-height:1.08 !important; }
}


/* FINAL SAFE RULES LAYOUT v1.0.51: text stays inside the light parchment area. */
body.is-rules-page-open .rules-page-panel{
  width:min(1500px, 98vw) !important;
  max-width:1500px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:8px 8px 26px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  overflow:visible !important;
}

body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1400px, 98vw) !important;
  max-width:1400px !important;
  margin:0 auto 30px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  overflow:visible !important;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.46)) !important;
}

body.is-rules-page-open .rules-purchase-html-block{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  aspect-ratio:1131 / 1391 !important;
  min-height:auto !important;
  padding:0 !important;
  margin:0 auto !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  background:url("assets/rules-html-frame.png") center/100% 100% no-repeat !important;
  background-color:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  font-family:Georgia, "Times New Roman", serif !important;
}

body.is-rules-page-open .rules-purchase-html-block::before,
body.is-rules-page-open .rules-purchase-html-block::after{
  display:none !important;
  content:none !important;
}

body.is-rules-page-open .rules-purchase-html-content{
  position:absolute !important;
  left:15.8% !important;
  right:15.8% !important;
  top:17.4% !important;
  bottom:9.4% !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-rows:auto 1fr !important;
  row-gap:12px !important;
  overflow:hidden !important;
  z-index:2 !important;
  color:#f5f1eb !important;
  text-shadow:0 1px 2px rgba(0,0,0,.92) !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  grid-row:1 !important;
  max-width:94% !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  transform:none !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  margin:0 !important;
  padding:0 !important;
  font-size:clamp(28px, 2.7vw, 50px) !important;
  line-height:.95 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  color:#4d2b17 !important;
  text-shadow:0 1px 0 rgba(255,244,213,.5), 0 2px 4px rgba(0,0,0,.22) !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  display:block !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  font-size:clamp(18px, 1.85vw, 31px) !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  color:#8f4d23 !important;
  text-shadow:0 1px 0 rgba(255,238,205,.5), 0 2px 4px rgba(0,0,0,.18) !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  max-width:94% !important;
  margin:6px auto 0 !important;
  padding:0 !important;
  font-size:clamp(9.2px, .76vw, 11.8px) !important;
  line-height:1.12 !important;
  font-weight:700 !important;
  color:#f5f1eb !important;
  text-shadow:0 1px 2px rgba(0,0,0,.92) !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  grid-row:2 !important;
  min-height:0 !important;
  height:100% !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:4.4% !important;
  align-items:stretch !important;
  overflow:hidden !important;
  position:relative !important;
}

body.is-rules-page-open .rules-purchase-html-columns::before{
  content:'' !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  width:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(180deg, transparent, rgba(110,65,30,.35), transparent) !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  min-width:0 !important;
  min-height:0 !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:8px !important;
  overflow:hidden !important;
}

body.is-rules-page-open .rules-purchase-html-col > section{
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  break-inside:avoid !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  margin:0 0 4px !important;
  padding:0 !important;
  font-size:clamp(13.2px, .96vw, 17.4px) !important;
  line-height:1.06 !important;
  font-weight:700 !important;
  color:#d08755 !important;
  text-shadow:0 1px 0 rgba(55,20,4,.62) !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  margin:0 0 1px !important;
  padding:0 !important;
  font-size:clamp(8.6px, .66vw, 10.8px) !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  color:#f7f4ee !important;
  text-shadow:0 1px 2px rgba(0,0,0,.92) !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:1px 0 2px 14px !important;
  padding:0 !important;
}

body.is-rules-page-open .rules-purchase-html-block li{
  padding-left:1px !important;
}

@media (max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-content{
    left:16.2% !important;
    right:16.2% !important;
    top:17.8% !important;
    bottom:9.8% !important;
    row-gap:9px !important;
  }
  body.is-rules-page-open .rules-purchase-html-block h3{
    font-size:clamp(11.8px, 1.05vw, 15px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{
    font-size:clamp(7.8px, .78vw, 9.6px) !important;
    line-height:1.05 !important;
  }
}


/* FINAL RULES BIGGER FONT FILL v1.0.51 */
body.is-rules-page-open .rules-page-panel{
  width:min(1500px, 98vw) !important;
  max-width:1500px !important;
  padding:8px 8px 24px !important;
}

body.is-rules-page-open .rules-purchase-html-wrap{
  width:min(1400px, 98vw) !important;
  max-width:1400px !important;
  margin:0 auto 28px !important;
}

body.is-rules-page-open .rules-purchase-html-content{
  left:14.9% !important;
  right:14.9% !important;
  top:16.2% !important;
  bottom:7.8% !important;
  row-gap:10px !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  max-width:96% !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(31px, 2.95vw, 54px) !important;
  line-height:.95 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  font-size:clamp(20px, 2.0vw, 33px) !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  max-width:96% !important;
  margin:6px auto 0 !important;
  font-size:clamp(10.2px, .84vw, 13px) !important;
  line-height:1.13 !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  gap:4.2% !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  gap:10px !important;
  justify-content:space-between !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  margin:0 0 4px !important;
  font-size:clamp(15.5px, 1.10vw, 20px) !important;
  line-height:1.05 !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  margin:0 0 2px !important;
  font-size:clamp(10.8px, .80vw, 13.2px) !important;
  line-height:1.12 !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 3px 16px !important;
}

@media (max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-content{
    left:15.4% !important;
    right:15.4% !important;
    top:16.7% !important;
    bottom:8.2% !important;
  }
  body.is-rules-page-open .rules-purchase-html-head h2{
    font-size:clamp(26px, 2.8vw, 42px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-head strong{
    font-size:clamp(17px, 1.8vw, 28px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-head p{
    font-size:clamp(9px, .86vw, 11.5px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block h3{
    font-size:clamp(12.8px, 1.06vw, 16px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{
    font-size:clamp(8.8px, .80vw, 10.2px) !important;
    line-height:1.08 !important;
  }
}


/* FINAL RULES INNER INSET +1CM v1.0.51 */
body.is-rules-page-open .rules-purchase-html-content{
  left:18.3% !important;
  right:18.3% !important;
  top:18.9% !important;
  bottom:10.5% !important;
  row-gap:10px !important;
}

body.is-rules-page-open .rules-purchase-html-head{
  max-width:92% !important;
}

body.is-rules-page-open .rules-purchase-html-head h2{
  font-size:clamp(28px, 2.75vw, 48px) !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  font-size:clamp(18px, 1.85vw, 29px) !important;
}

body.is-rules-page-open .rules-purchase-html-head p{
  max-width:92% !important;
  font-size:clamp(9.2px, .76vw, 11.8px) !important;
  line-height:1.12 !important;
}

body.is-rules-page-open .rules-purchase-html-columns{
  gap:4.8% !important;
}

body.is-rules-page-open .rules-purchase-html-col{
  gap:10px !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  font-size:clamp(14.2px, 1.0vw, 18px) !important;
  line-height:1.06 !important;
}

body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  font-size:clamp(9.4px, .72vw, 11.6px) !important;
  line-height:1.1 !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:2px 0 3px 15px !important;
}

@media (max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-content{
    left:18.7% !important;
    right:18.7% !important;
    top:19.2% !important;
    bottom:10.8% !important;
  }
  body.is-rules-page-open .rules-purchase-html-head h2{
    font-size:clamp(24px, 2.7vw, 40px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-head strong{
    font-size:clamp(16px, 1.7vw, 25px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block h3{
    font-size:clamp(12.4px, 1.0vw, 15.5px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{
    font-size:clamp(8.2px, .74vw, 9.8px) !important;
    line-height:1.08 !important;
  }
}


/* FINAL RULES COLORS: black text + gold headings v1.0.51 */
body.is-rules-page-open .rules-purchase-html-head h2,
body.is-rules-page-open .rules-purchase-html-head strong,
body.is-rules-page-open .rules-purchase-html-block h3{
  color:#c89a43 !important;
  text-shadow:0 1px 0 rgba(78,46,10,.45), 0 1px 2px rgba(0,0,0,.18) !important;
}

body.is-rules-page-open .rules-purchase-html-head p,
body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  color:#17110d !important;
  text-shadow:none !important;
}

body.is-rules-page-open .rules-purchase-html-block ul,
body.is-rules-page-open .rules-purchase-html-block li::marker{
  color:#17110d !important;
}


/* FINAL RULES HEADING COLOR + BIGGER TYPE v1.0.51 */
body.is-rules-page-open .rules-purchase-html-head h2{
  color:#8b4f1f !important;
  text-shadow:0 1px 0 rgba(255,236,188,.45), 0 2px 4px rgba(0,0,0,.14) !important;
  font-size:clamp(34px, 3.15vw, 58px) !important;
  line-height:.96 !important;
}

body.is-rules-page-open .rules-purchase-html-head strong{
  color:#a86628 !important;
  text-shadow:0 1px 0 rgba(255,236,188,.38), 0 2px 4px rgba(0,0,0,.12) !important;
  font-size:clamp(22px, 2.1vw, 36px) !important;
  line-height:1 !important;
}

body.is-rules-page-open .rules-purchase-html-block h3{
  color:#a8652a !important;
  text-shadow:0 1px 0 rgba(255,238,202,.30), 0 1px 2px rgba(0,0,0,.10) !important;
  font-size:clamp(16px, 1.16vw, 21px) !important;
  line-height:1.08 !important;
  margin:0 0 5px !important;
}

body.is-rules-page-open .rules-purchase-html-head p,
body.is-rules-page-open .rules-purchase-html-block p,
body.is-rules-page-open .rules-purchase-html-block li{
  font-size:clamp(10.6px, .82vw, 13.4px) !important;
  line-height:1.14 !important;
}

body.is-rules-page-open .rules-purchase-html-block ul{
  margin:3px 0 4px 17px !important;
}

@media (max-width:1100px){
  body.is-rules-page-open .rules-purchase-html-head h2{
    font-size:clamp(28px, 3vw, 44px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-head strong{
    font-size:clamp(18px, 1.9vw, 28px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-block h3{
    font-size:clamp(13px, 1.03vw, 16px) !important;
  }
  body.is-rules-page-open .rules-purchase-html-head p,
  body.is-rules-page-open .rules-purchase-html-block p,
  body.is-rules-page-open .rules-purchase-html-block li{
    font-size:clamp(8.9px, .78vw, 10.6px) !important;
    line-height:1.10 !important;
  }
}


/* FINAL RULES HEADINGS DARK BROWN v1.0.51 */
body.is-rules-page-open .rules-purchase-html-head h2,
body.is-rules-page-open .rules-purchase-html-head strong,
body.is-rules-page-open .rules-purchase-html-block h3{
  color:#5a3218 !important;
  text-shadow:0 1px 0 rgba(255,235,205,.18), 0 1px 2px rgba(0,0,0,.10) !important;
}


/* Правка в текущей теме v1.0.51: блок игровых привилегий убран с главной страницы. Страница Привилегии не затронута. */
body:not(.is-privileges-page-open) .content > .privileges-overview#privileges-overview{
  display:none !important;
}


/* Правка v1.0.51: после удаления блока привилегий с главной, Контакты и Статус сервера возвращены в правый угол. */
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 430px !important;
  gap:24px !important;
  align-items:start !important;
  width:min(1780px, 99vw) !important;
  margin:18px auto 0 !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right{
  grid-column:2 !important;
  justify-self:end !important;
  align-self:start !important;
  width:430px !important;
  max-width:430px !important;
  display:grid !important;
  gap:16px !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right .contacts-board-panel,
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right .right-status-panel{
  width:100% !important;
  max-width:430px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

@media(max-width:900px){
  body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content{
    grid-template-columns:1fr !important;
    width:min(430px, 96vw) !important;
  }

  body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right{
    grid-column:1 !important;
    justify-self:center !important;
    width:100% !important;
    max-width:430px !important;
  }
}


/* Правка v1.0.51: правый блок Контакты + Статус сервера сдвинут ещё на 3 сантиметра вправо на главной странице. */
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content{
  overflow:visible !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right{
  transform:translateX(3cm) !important;
}

@media(max-width:900px){
  body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right{
    transform:none !important;
  }
}


/* Правка v1.0.51: на главную страницу добавлена большая медиа-рамка вместо удалённых игровых привилегий. */
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .main-media-showcase{
  grid-column:1 !important;
  min-width:0 !important;
  width:100% !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-frame-wrap{
  position:relative !important;
  width:min(100%, 1240px) !important;
  margin:0 auto !important;
  aspect-ratio:1672 / 941 !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-frame-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  z-index:3 !important;
  pointer-events:none !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slots{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot{
  position:absolute !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(10,17,22,.78) 0%, rgba(11,17,22,.55) 55%, rgba(10,15,19,.72) 100%) !important;
  box-shadow:inset 0 0 28px rgba(0,0,0,.45), inset 0 0 0 1px rgba(212,165,76,.22) !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-video{
  left:9.39% !important;
  top:26.99% !important;
  width:43.00% !important;
  height:50.58% !important;
  border-radius:4.4% / 6.4% !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot{
  width:14.47% !important;
  height:16.05% !important;
  border-radius:6.5% / 9.5% !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-1{ left:58.73% !important; top:22.85% !important; }
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-2{ left:76.61% !important; top:22.85% !important; }
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-3{ left:58.73% !important; top:44.53% !important; }
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-4{ left:76.61% !important; top:44.42% !important; width:14.41% !important; height:16.15% !important; }
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-5{ left:58.73% !important; top:66.21% !important; }
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-6{ left:76.61% !important; top:66.21% !important; width:14.41% !important; height:15.83% !important; }

@media(max-width:900px){
  body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .main-media-showcase{
    grid-column:1 !important;
    order:1 !important;
  }

  body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-frame-wrap{
    width:min(100%, 760px) !important;
  }
}


/* Правка v1.0.51: медиа-блок на главной увеличен и приведён к виду превью. */
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 330px !important;
  gap:18px !important;
  align-items:start !important;
  width:min(1780px, 99vw) !important;
  max-width:1780px !important;
  margin:18px auto 0 !important;
  overflow:visible !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .main-media-showcase{
  grid-column:1 !important;
  min-width:0 !important;
  width:100% !important;
  justify-self:stretch !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-frame-wrap{
  position:relative !important;
  width:min(100%, 1320px) !important;
  max-width:1320px !important;
  margin:0 auto !important;
  aspect-ratio:1672 / 941 !important;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.46)) !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-frame-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:transparent !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slots{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot{
  position:absolute !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(8,14,16,.92), rgba(10,16,18,.86)),
    radial-gradient(circle at 50% 50%, rgba(60,80,72,.16), transparent 58%) !important;
  box-shadow:inset 0 0 34px rgba(0,0,0,.58), inset 0 0 0 1px rgba(184,139,64,.2) !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-video{
  left:9.39% !important;
  top:26.99% !important;
  width:43.00% !important;
  height:50.58% !important;
  border-radius:4.4% / 6.4% !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot{
  width:14.47% !important;
  height:16.05% !important;
  border-radius:6.5% / 9.5% !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-1{ left:58.73% !important; top:22.85% !important; }
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-2{ left:76.61% !important; top:22.85% !important; }
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-3{ left:58.73% !important; top:44.53% !important; }
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-4{ left:76.61% !important; top:44.42% !important; width:14.41% !important; height:16.15% !important; }
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-5{ left:58.73% !important; top:66.21% !important; }
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot.shot-6{ left:76.61% !important; top:66.21% !important; width:14.41% !important; height:15.83% !important; }

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right{
  grid-column:2 !important;
  justify-self:end !important;
  align-self:start !important;
  width:330px !important;
  max-width:330px !important;
  display:grid !important;
  gap:14px !important;
  transform:none !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right .contacts-board-panel,
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right .right-status-panel{
  width:100% !important;
  max-width:330px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right .contacts-board{
  width:100% !important;
  max-width:330px !important;
}

@media(max-width:900px){
  body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content{
    grid-template-columns:1fr !important;
    width:min(760px, 96vw) !important;
  }

  body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .main-media-showcase{
    grid-column:1 !important;
    order:1 !important;
  }

  body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-frame-wrap{
    width:100% !important;
    max-width:760px !important;
  }

  body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .content > .right{
    grid-column:1 !important;
    justify-self:center !important;
    width:min(430px, 100%) !important;
    max-width:430px !important;
  }
}


/* Правка v1.0.51: кнопки Контактов компактнее и ближе друг к другу, QR больше не перекрывается. */
body:not(.is-contacts-page-open) #contacts .contacts-qr-box{
  top:24.5% !important;
  height:36% !important;
  left:22% !important;
  right:22% !important;
  gap:4px !important;
  overflow:visible !important;
}

body:not(.is-contacts-page-open) #contacts .contacts-qr-image{
  max-width:185px !important;
  max-height:185px !important;
  padding:6px !important;
  border-radius:14px !important;
}

body:not(.is-contacts-page-open) #contacts .contacts-actions{
  width:min(255px, 68%) !important;
  bottom:8.8% !important;
  gap:5px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
}

body:not(.is-contacts-page-open) #contacts .contacts-long-btn{
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 18px !important;
}

body:not(.is-contacts-page-open) #contacts .contacts-long-btn span{
  font-size:14px !important;
  line-height:1 !important;
}

body:not(.is-contacts-page-open) #contacts .contacts-long-btn small{
  font-size:8px !important;
  line-height:1 !important;
  margin-top:2px !important;
}

/* Та же компактная посадка для отдельной страницы Контакты. */
body.is-contacts-page-open .contacts-page-board .contacts-qr-box{
  top:25% !important;
  height:35% !important;
  left:22% !important;
  right:22% !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-qr-image{
  max-width:185px !important;
  max-height:185px !important;
  padding:6px !important;
  border-radius:14px !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-actions{
  width:min(255px, 68%) !important;
  bottom:9% !important;
  gap:5px !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-long-btn{
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 18px !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-long-btn span{
  font-size:14px !important;
  line-height:1 !important;
}

body.is-contacts-page-open .contacts-page-board .contacts-long-btn small{
  font-size:8px !important;
  line-height:1 !important;
  margin-top:2px !important;
}


/* Правка v1.0.51: YouTube-видео поставлено в большой слот медиа-рамки на главной странице. */
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-video{
  background:#000 !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-video-iframe{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  display:block !important;
  background:#000 !important;
  z-index:2 !important;
}


/* Правка v1.0.51: 6 игровых скриншотов поставлены в правые слоты медиа-рамки на главной странице. */
body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-shot-img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:#000 !important;
}

body:not(.is-about-page-open):not(.is-privileges-page-open):not(.is-contacts-page-open):not(.is-rules-page-open) .main-media-slot-shot{
  background:#000 !important;
}


/* Правка v1.0.51: обновлён текст карточек привилегек и добавлена компактная вёрстка длинных списков. */
.privileges-page-tiers .tier{
  min-height:620px !important;
  padding:16px 14px 72px !important;
  display:flex !important;
  flex-direction:column !important;
}

.privileges-page-tiers .tier h3{
  margin:8px 0 4px !important;
  line-height:1.05 !important;
}

.privileges-page-tiers .tier-price{
  font-size:22px !important;
  line-height:1.05 !important;
  margin:4px 0 7px !important;
}

.privileges-page-tiers .tier-desc{
  position:relative !important;
  z-index:2 !important;
  margin:0 0 9px !important;
  color:#fff2c7 !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  text-shadow:0 2px 5px rgba(0,0,0,.86) !important;
}

.privileges-page-tiers .tier ul{
  position:relative !important;
  z-index:2 !important;
  flex:1 1 auto !important;
  margin:0 !important;
  padding-left:18px !important;
  display:block !important;
  overflow:visible !important;
}

.privileges-page-tiers .tier li{
  margin:0 0 6px !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.22 !important;
}

.privileges-page-tiers .tier-btn{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:16px !important;
  width:auto !important;
}

@media(max-width:1450px){
  .privileges-page-tiers .tier{
    min-height:660px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .privileges-page-tiers .tier li,
  .privileges-page-tiers .tier-desc{
    font-size:12px !important;
    line-height:1.18 !important;
  }
}

@media(max-width:900px){
  .privileges-page-tiers .tier{
    min-height:auto !important;
    padding-bottom:76px !important;
  }

  .privileges-page-tiers .tier li,
  .privileges-page-tiers .tier-desc{
    font-size:13px !important;
  }
}


/* Правка v1.0.51: порядок в карточек привилегках — заголовок, описание, бонусы, цена внизу. */
.privileges-page-tiers .tier{
  min-height:640px !important;
  padding:16px 14px 84px !important;
  display:flex !important;
  flex-direction:column !important;
}

.privileges-page-tiers .tier h3{
  margin:8px 0 8px !important;
  line-height:1.05 !important;
  text-align:center !important;
  font-size:25px !important;
}

.privileges-page-tiers .tier-desc{
  position:relative !important;
  z-index:2 !important;
  margin:0 0 11px !important;
  color:#fff2c7 !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  text-shadow:0 2px 5px rgba(0,0,0,.86) !important;
  min-height:32px !important;
}

.privileges-page-tiers .tier ul{
  position:relative !important;
  z-index:2 !important;
  flex:1 1 auto !important;
  margin:0 0 10px !important;
  padding-left:18px !important;
  display:block !important;
  overflow:visible !important;
}

.privileges-page-tiers .tier li{
  margin:0 0 6px !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.2 !important;
}

.privileges-page-tiers .tier-price{
  position:relative !important;
  z-index:2 !important;
  margin:10px 0 8px !important;
  font-size:22px !important;
  line-height:1.05 !important;
  text-align:center !important;
}

.privileges-page-tiers .tier-btn{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:16px !important;
  width:auto !important;
}

@media(max-width:1450px){
  .privileges-page-tiers .tier{
    min-height:680px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .privileges-page-tiers .tier h3{
    font-size:22px !important;
  }

  .privileges-page-tiers .tier li,
  .privileges-page-tiers .tier-desc{
    font-size:12px !important;
    line-height:1.16 !important;
  }

  .privileges-page-tiers .tier-price{
    font-size:20px !important;
  }
}

@media(max-width:900px){
  .privileges-page-tiers .tier{
    min-height:auto !important;
    padding-bottom:76px !important;
  }

  .privileges-page-tiers .tier li,
  .privileges-page-tiers .tier-desc{
    font-size:13px !important;
  }
}


/* Правка v1.0.51: порядок карточек привилегек без описания — заголовок, бонусы, цена внизу. */
.privileges-page-tiers .tier{
  min-height:620px !important;
  padding:16px 14px 84px !important;
  display:flex !important;
  flex-direction:column !important;
}

.privileges-page-tiers .tier h3{
  margin:8px 0 14px !important;
  line-height:1.05 !important;
  text-align:center !important;
  font-size:25px !important;
}

.privileges-page-tiers .tier-desc{
  display:none !important;
}

.privileges-page-tiers .tier ul{
  position:relative !important;
  z-index:2 !important;
  flex:1 1 auto !important;
  margin:0 0 10px !important;
  padding-left:18px !important;
  display:block !important;
  overflow:visible !important;
}

.privileges-page-tiers .tier li{
  margin:0 0 6px !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.2 !important;
}

.privileges-page-tiers .tier-price{
  position:relative !important;
  z-index:2 !important;
  margin:12px 0 8px !important;
  font-size:22px !important;
  line-height:1.05 !important;
  text-align:center !important;
}

.privileges-page-tiers .tier-btn{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:16px !important;
  width:auto !important;
}

@media(max-width:1450px){
  .privileges-page-tiers .tier{
    min-height:650px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .privileges-page-tiers .tier h3{
    font-size:22px !important;
  }

  .privileges-page-tiers .tier li{
    font-size:12px !important;
    line-height:1.16 !important;
  }

  .privileges-page-tiers .tier-price{
    font-size:20px !important;
  }
}

@media(max-width:900px){
  .privileges-page-tiers .tier{
    min-height:auto !important;
    padding-bottom:76px !important;
  }

  .privileges-page-tiers .tier li{
    font-size:13px !important;
  }
}


/* Правка v1.0.51: опустить надписи в карточек привилегках ниже, чтобы открыть верхние камни/эмблемы. */
.privileges-page-tiers .tier{
  padding-top:78px !important;
  min-height:650px !important;
}

.privileges-page-tiers .tier h3{
  margin-top:0 !important;
}

.privileges-page-tiers .tier ul{
  margin-top:0 !important;
}

@media(max-width:1450px){
  .privileges-page-tiers .tier{
    padding-top:72px !important;
    min-height:680px !important;
  }
}

@media(max-width:900px){
  .privileges-page-tiers .tier{
    padding-top:56px !important;
    min-height:auto !important;
  }
}


/* Правка v1.0.51: откат карточек привилегек к версии с описанием, ценой сверху и 5 основными карточками. */
.privileges-page-tiers{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:12px !important;
}

.privileges-page-tiers .tier{
  min-height:620px !important;
  padding:16px 14px 72px !important;
  display:flex !important;
  flex-direction:column !important;
}

.privileges-page-tiers .tier h3{
  margin:8px 0 4px !important;
  line-height:1.05 !important;
  text-align:center !important;
}

.privileges-page-tiers .tier-price{
  position:relative !important;
  z-index:2 !important;
  font-size:22px !important;
  line-height:1.05 !important;
  margin:4px 0 7px !important;
  text-align:center !important;
}

.privileges-page-tiers .tier-desc{
  display:block !important;
  position:relative !important;
  z-index:2 !important;
  margin:0 0 9px !important;
  color:#fff2c7 !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  text-shadow:0 2px 5px rgba(0,0,0,.86) !important;
  min-height:0 !important;
}

.privileges-page-tiers .tier ul{
  position:relative !important;
  z-index:2 !important;
  flex:1 1 auto !important;
  margin:0 !important;
  padding-left:18px !important;
  display:block !important;
  overflow:visible !important;
}

.privileges-page-tiers .tier li{
  margin:0 0 6px !important;
  font-family:Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.22 !important;
}

.privileges-page-tiers .tier-btn{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:16px !important;
  width:auto !important;
}

@media(max-width:1450px){
  .privileges-page-tiers{
    gap:10px !important;
  }

  .privileges-page-tiers .tier{
    min-height:660px !important;
    padding:16px 12px 72px !important;
  }

  .privileges-page-tiers .tier li,
  .privileges-page-tiers .tier-desc{
    font-size:12px !important;
    line-height:1.18 !important;
  }

  .privileges-page-tiers .tier-price{
    font-size:20px !important;
  }
}

@media(max-width:900px){
  .privileges-page-tiers{
    grid-template-columns:1fr !important;
  }

  .privileges-page-tiers .tier{
    min-height:auto !important;
    padding:16px 14px 76px !important;
  }

  .privileges-page-tiers .tier li,
  .privileges-page-tiers .tier-desc{
    font-size:13px !important;
  }
}


/* Правка v1.0.51: текст в 5 карточек привилегках опущен ниже, чтобы верхние камни/кристаллы были открыты. */
.privileges-page-tiers .tier{
  min-height:880px !important;
  padding:202px 14px 84px !important;
}

.privileges-page-tiers .tier h3{
  margin:0 0 8px !important;
}

.privileges-page-tiers .tier-price{
  margin:6px 0 10px !important;
}

@media(max-width:1450px){
  .privileges-page-tiers .tier{
    min-height:920px !important;
    padding-top:198px !important;
  }
}

@media(max-width:900px){
  .privileges-page-tiers .tier{
    min-height:auto !important;
    padding-top:128px !important;
  }
}


/* Правка v1.0.51: карточек привилегки укорочены примерно на 5 сантиметров, текст остаётся ниже камней. */
.privileges-page-tiers .tier{
  min-height:690px !important;
  padding-top:202px !important;
  padding-bottom:36px !important;
}

.privileges-page-tiers .tier-btn{
  bottom:10px !important;
}

@media(max-width:1450px){
  .privileges-page-tiers .tier{
    min-height:730px !important;
    padding-top:198px !important;
    padding-bottom:36px !important;
  }
}

@media(max-width:900px){
  .privileges-page-tiers .tier{
    min-height:auto !important;
    padding-top:128px !important;
    padding-bottom:58px !important;
  }
}


/* Правка v1.0.51: кнопки "Выбрать" в карточек привилегках снова кликабельны и ведут на страницу Контакты. */
.privileges-page-tiers .tier::before,
.privileges-page-tiers .tier:before{
  pointer-events:none !important;
}

.privileges-page-tiers .tier h3,
.privileges-page-tiers .tier-price,
.privileges-page-tiers .tier-desc,
.privileges-page-tiers .tier ul,
.privileges-page-tiers .tier-btn{
  position:relative !important;
  z-index:5 !important;
}

.privileges-page-tiers .tier-btn{
  pointer-events:auto !important;
  cursor:pointer !important;
}

.privileges-page-tiers .tier-btn:active{
  transform:translateY(1px) !important;
}


/* Правка v1.0.51: заголовок "Игровые привилегии" скрыт на странице Привилегии. */
body.is-privileges-page-open .privileges-page-title{
  display:none !important;
}


/* Правка v1.0.51: подпись "Выберите ранг и поддержите развитие Dragon Stone" увеличена и сделана золотой. */
body.is-privileges-page-open .privileges-page-subtitle{
  color:#d7a94a !important;
  font-size:28px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  text-align:center !important;
  text-shadow:0 2px 8px rgba(0,0,0,.65) !important;
  margin:0 0 22px !important;
}

@media(max-width:1450px){
  body.is-privileges-page-open .privileges-page-subtitle{
    font-size:24px !important;
  }
}

@media(max-width:900px){
  body.is-privileges-page-open .privileges-page-subtitle{
    font-size:20px !important;
    margin:0 0 18px !important;
  }
}














/* v1.0.51: нижние кнопки ВЫБРАТЬ сделаны реальными PNG-кнопками без шахматного фона. */
.privileges-custom-cards-row{
  width:100% !important;
  max-width:none !important;
  margin:28px auto 0 !important;
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:12px !important;
  align-items:start !important;
  justify-items:center !important;
}

.privileges-custom-card-item{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}

.privileges-custom-card-img{
  display:block !important;
  width:calc(100% - 3mm) !important;
  max-width:none !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
  background:transparent !important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.35)) !important;
}

.privileges-real-btn{
  display:block !important;
  width:220px !important;
  max-width:84% !important;
  height:auto !important;
  margin:calc(-32px - 15mm) auto 0 !important;
  position:relative !important;
  z-index:999 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

.privileges-real-btn img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  pointer-events:none !important;
  user-select:none !important;
}

.privileges-real-btn:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.08) !important;
}

.privileges-real-btn:active,
.privileges-real-btn.is-active{
  transform:scale(.985) !important;
}

@media(max-width:1300px){
  .privileges-real-btn{
    width:198px !important;
    margin:calc(-30px - 15mm) auto 0 !important;
  }
}

@media(max-width:1100px){
  .privileges-custom-cards-row{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width:700px){
  .privileges-custom-cards-row{
    grid-template-columns:1fr !important;
  }
}



/* v1.0.51: верхние карточки используют такие же реальные PNG-кнопки, как нижние. */
.privileges-page-tiers .tier-btn.tier-btn-real{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:10px !important;
  width:220px !important;
  max-width:calc(100% - 28px) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  transform:translateX(-50%) !important;
  display:block !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  text-decoration:none !important;
  line-height:0 !important;
  font-size:0 !important;
  overflow:visible !important;
  cursor:pointer !important;
  z-index:999 !important;
  clip-path:none !important;
}

.privileges-page-tiers .tier-btn.tier-btn-real img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  pointer-events:none !important;
  user-select:none !important;
}

.privileges-page-tiers .tier-btn.tier-btn-real:hover{
  filter:brightness(1.08) !important;
}

.privileges-page-tiers .tier-btn.tier-btn-real:active,
.privileges-page-tiers .tier-btn.tier-btn-real.is-active{
  transform:translateX(-50%) scale(.985) !important;
}

@media(max-width:1450px){
  .privileges-page-tiers .tier-btn.tier-btn-real{
    width:204px !important;
    bottom:10px !important;
  }
}

@media(max-width:900px){
  .privileges-page-tiers .tier-btn.tier-btn-real{
    width:220px !important;
  }
}


/* v1.0.51: убрана старая CSS-оболочка под PNG-кнопкой на верхних карточек привилегках. */
.privileges-page-tiers .tier-real-btn{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:10px !important;
  width:220px !important;
  max-width:calc(100% - 28px) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  transform:translateX(-50%) !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
  background-image:none !important;
  background-color:transparent !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  text-decoration:none !important;
  line-height:0 !important;
  font-size:0 !important;
  overflow:visible !important;
  cursor:pointer !important;
  z-index:999 !important;
  clip-path:none !important;
  filter:none !important;
}

.privileges-page-tiers .tier-real-btn::before,
.privileges-page-tiers .tier-real-btn::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  opacity:0 !important;
}

.privileges-page-tiers .tier-real-btn img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  clip-path:none !important;
  pointer-events:none !important;
  user-select:none !important;
}

.privileges-page-tiers .tier-real-btn:hover{
  transform:translateX(-50%) translateY(-2px) !important;
  filter:brightness(1.08) !important;
}

.privileges-page-tiers .tier-real-btn:active,
.privileges-page-tiers .tier-real-btn.is-active{
  transform:translateX(-50%) scale(.985) !important;
}

@media(max-width:1450px){
  .privileges-page-tiers .tier-real-btn{
    width:204px !important;
    bottom:10px !important;
  }
}

@media(max-width:900px){
  .privileges-page-tiers .tier-real-btn{
    width:220px !important;
  }
}


/* v1.0.51: верхние кнопки карточек привилегек подняты ещё на 3 мм. */
.privileges-page-tiers .tier-real-btn{
  bottom:calc(10px + 3mm) !important;
}

@media(max-width:1450px){
  .privileges-page-tiers .tier-real-btn{
    bottom:calc(10px + 3mm) !important;
  }
}


/* v1.0.51: ценник и срок 30 дней перенесены над кнопкой ВЫБРАТЬ в верхних карточек привилегках. */
.privileges-page-tiers .tier{
  position:relative !important;
}

.privileges-page-tiers .tier ul{
  margin-bottom:0 !important;
  padding-bottom:112px !important;
}

.privileges-page-tiers .tier-price{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:calc(10px + 3mm + 86px) !important;
  margin:0 !important;
  padding:0 12px !important;
  z-index:998 !important;
  text-align:center !important;
  pointer-events:none !important;
  font-size:24px !important;
  line-height:1.05 !important;
  color:#fff3b5 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.85), 0 0 10px rgba(255,210,80,.25) !important;
}

@media(max-width:1450px){
  .privileges-page-tiers .tier ul{
    padding-bottom:104px !important;
  }

  .privileges-page-tiers .tier-price{
    bottom:calc(10px + 3mm + 80px) !important;
    font-size:21px !important;
  }
}

@media(max-width:900px){
  .privileges-page-tiers .tier ul{
    padding-bottom:112px !important;
  }

  .privileges-page-tiers .tier-price{
    bottom:calc(10px + 3mm + 86px) !important;
    font-size:23px !important;
  }
}


/* v1.0.51: нижние привилегии заполнены текстом, информацией сверху и ценой над кнопкой. */
.privileges-custom-card-item{
  position:relative !important;
}

.privileges-custom-card-visual{
  position:relative !important;
  width:100% !important;
  display:block !important;
}

.privileges-custom-card-img{
  width:calc(100% - 3mm) !important;
}

.privileges-custom-card-info,
.privileges-custom-card-price{
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:calc(100% - 26px) !important;
  text-align:center !important;
  z-index:6 !important;
  pointer-events:none !important;
}

.privileges-custom-card-info{
  top:calc(14px + 15mm) !important;
}

.privileges-custom-card-info h3{
  margin:0 !important;
  color:#f8e8b1 !important;
  font-size:24px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.9), 0 0 8px rgba(255,215,120,.18) !important;
}

.privileges-custom-card-info p{
  margin:8px 0 0 !important;
  color:#ffffff !important;
  font-size:18px !important;
  line-height:1.16 !important;
  font-weight:700 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.88) !important;
}

.privileges-custom-card-info--long h3{
  font-size:22px !important;
}

.privileges-custom-card-info--long p{
  font-size:16px !important;
}

.privileges-custom-card-price{
  bottom:98px !important;
  color:#fff1a8 !important;
  font-size:24px !important;
  line-height:1.06 !important;
  font-weight:900 !important;
  text-shadow:0 2px 8px rgba(0,0,0,.92), 0 0 10px rgba(255,210,80,.22) !important;
}

.privileges-real-btn{
  margin:calc(-32px - 15mm) auto 0 !important;
}

@media(max-width:1450px){
  .privileges-custom-card-info h3{ font-size:21px !important; }
  .privileges-custom-card-info p{ font-size:16px !important; }
  .privileges-custom-card-info--long h3{ font-size:19px !important; }
  .privileges-custom-card-info--long p{ font-size:14px !important; }
  .privileges-custom-card-price{ bottom:92px !important; font-size:22px !important; }
}

@media(max-width:1100px){
  .privileges-custom-card-item{ max-width:330px !important; }
}

@media(max-width:700px){
  .privileges-custom-card-info{ top:calc(16px + 15mm) !important; }
  .privileges-custom-card-price{ bottom:96px !important; }
}







/* v1.0.51: страница Начать игру использует конкретную загруженную рамку. */
.start-page-window{
  display:none !important;
  min-height:calc(100vh - 150px) !important;
  padding:150px 0 70px !important;
  scroll-margin-top:160px !important;
}
body.is-start-page-open .start-page-window{ display:block !important; }
body.is-start-page-open .hero,
body.is-start-page-open .benefits,
body.is-start-page-open .content,
body.is-start-page-open .about-project-page,
body.is-start-page-open .privileges-page-window,
body.is-start-page-open .contacts-page-window,
body.is-start-page-open .rules-page-window,
body.is-start-page-open .footer,
body.is-start-page-open .top-dragon-frame-wrap{ display:none !important; }
body.is-start-page-open header.top, body.is-start-page-open .top{ z-index:50 !important; }
.start-page-panel{
  width:min(1180px,94vw) !important;
  margin:0 auto !important;
  padding:30px 34px 34px !important;
  position:relative !important;
  background:linear-gradient(180deg,rgba(7,13,21,.78),rgba(4,7,12,.66)) !important;
  border:1px solid rgba(224,172,77,.34) !important;
  box-shadow:0 24px 58px rgba(0,0,0,.44), inset 0 0 38px rgba(0,0,0,.32) !important;
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px) !important;
}
body.is-start-page-open .start-page-frame-wrap{
  width:min(1560px,99vw) !important;
  max-width:1560px !important;
  margin:0 auto 34px !important;
  filter:drop-shadow(0 22px 44px rgba(0,0,0,.48)) !important;
}
body.is-start-page-open .start-page-frame-block{
  width:100% !important;
  box-sizing:border-box !important;
  position:relative !important;
  aspect-ratio:1131 / 1391 !important;
  min-height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  background:transparent !important;
}
body.is-start-page-open .start-page-frame-img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  margin:0 auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.is-start-page-open .start-page-frame-content{ position:absolute !important; inset:18% 16% 10% !important; }
@media(max-width:1150px){ .start-page-window{ padding-top:70px !important; } }
@media(max-width:700px){ .start-page-panel{ padding:24px 16px 28px !important; } }


/* v1.0.51: финальный фикс страницы Начать игру — рамка вставлена как настоящая картинка, без обрезки. */
.start-page-window{
  display:none !important;
  min-height:calc(100vh - 150px) !important;
  padding:150px 0 70px !important;
  scroll-margin-top:160px !important;
  text-align:center !important;
  overflow:visible !important;
}

body.is-start-page-open .start-page-window{
  display:block !important;
}

body.is-start-page-open .hero,
body.is-start-page-open .benefits,
body.is-start-page-open .content,
body.is-start-page-open .about-project-page,
body.is-start-page-open .privileges-page-window,
body.is-start-page-open .contacts-page-window,
body.is-start-page-open .rules-page-window,
body.is-start-page-open .footer,
body.is-start-page-open .top-dragon-frame-wrap{
  display:none !important;
}

body.is-start-page-open header.top,
body.is-start-page-open .top{
  z-index:50 !important;
}

body.is-start-page-open .start-page-frame-wrap{
  width:min(1560px,99vw) !important;
  max-width:1560px !important;
  margin:0 auto 34px !important;
  position:relative !important;
  line-height:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  filter:drop-shadow(0 22px 44px rgba(0,0,0,.48)) !important;
  overflow:visible !important;
}

body.is-start-page-open .start-page-frame-img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
}

body.is-start-page-open .start-page-frame-content{
  position:absolute !important;
  inset:18% 16% 10% !important;
  pointer-events:none !important;
}

body.is-start-page-open .start-page-panel,
body.is-start-page-open .start-page-frame-block{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  clip-path:none !important;
  padding:0 !important;
  overflow:visible !important;
}

@media(max-width:1150px){
  .start-page-window{ padding-top:70px !important; }
}

@media(max-width:700px){
  body.is-start-page-open .start-page-frame-wrap{
    width:100vw !important;
    margin-left:50% !important;
    transform:translateX(-50%) !important;
  }
}


/* v1.0.51: надпись Hytale Dragon Stone над рамкой на странице Начать игру. */
body.is-start-page-open .start-page-title-img{
  display:block !important;
  width:min(860px,76vw) !important;
  max-width:860px !important;
  height:auto !important;
  margin:0 auto 16px !important;
  padding:0 !important;
  position:relative !important;
  z-index:20 !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.72)) !important;
  pointer-events:none !important;
  user-select:none !important;
}

@media(max-width:900px){
  body.is-start-page-open .start-page-title-img{
    width:min(720px,88vw) !important;
    margin-bottom:10px !important;
  }
}

/* v1.0.51: надпись HYTALE DRAGON STONE поднята на 4см и сдвинута вправо на 2мм. */
body.is-start-page-open .start-page-title-img{
  position:relative !important;
  left:2mm !important;
  margin-top:-4cm !important;
  margin-bottom:calc(16px + 4cm) !important;
}


/* v1.0.51: финальный сдвиг надписи HYTALE DRAGON STONE — вверх 4см, вправо 2мм. */
body.is-start-page-open .start-page-frame-wrap .start-page-title-img{
  margin:-4cm auto calc(16px + 4cm) !important;
  transform:translateX(2mm) !important;
  left:auto !important;
  right:auto !important;
}
@media(max-width:900px){
  body.is-start-page-open .start-page-frame-wrap .start-page-title-img{
    margin:-4cm auto calc(10px + 4cm) !important;
    transform:translateX(2mm) !important;
  }
}


/* v1.0.51: рамка на странице Начать игру поднята на 3 сантиметра вверх. */
body.is-start-page-open .start-page-frame-img{
  margin-top:-3cm !important;
  position:relative !important;
  z-index:10 !important;
}

body.is-start-page-open .start-page-frame-content{
  transform:none !important;
}


/* v1.0.51: текст инструкции внутри рамки на странице "Начать игру". */
body.is-start-page-open .start-page-frame-content{
  pointer-events:auto !important;
  overflow:visible !important;
  color:#120b04 !important;
  font-family:Georgia, "Times New Roman", serif !important;
  line-height:1.26 !important;
  z-index:30 !important;
  text-align:left !important;
  scrollbar-width:thin !important;
}

body.is-start-page-open .start-guide-text{
  width:100% !important;
  max-width:900px !important;
  margin:0 auto !important;
  padding:0 10px 18px !important;
  box-sizing:border-box !important;
  color:#120b04 !important;
  text-shadow:none !important;
}

body.is-start-page-open .start-guide-text h2{
  margin:0 0 16px !important;
  color:#6b3510 !important;
  font-size:clamp(28px, 2.55vw, 46px) !important;
  line-height:1.02 !important;
  font-weight:900 !important;
  text-align:center !important;
  letter-spacing:.02em !important;
  text-shadow:0 1px 0 rgba(255,235,170,.55) !important;
}

body.is-start-page-open .start-guide-text h3{
  margin:18px 0 8px !important;
  color:#7a3c12 !important;
  font-size:clamp(18px, 1.35vw, 26px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  text-shadow:0 1px 0 rgba(255,235,170,.45) !important;
}

body.is-start-page-open .start-guide-text p{
  margin:0 0 9px !important;
  color:#150d05 !important;
  font-size:clamp(13px, .86vw, 17px) !important;
  line-height:1.28 !important;
  font-weight:600 !important;
}

body.is-start-page-open .start-guide-text strong{
  color:#221104 !important;
  font-weight:900 !important;
}

body.is-start-page-open .start-guide-text a{
  color:#5b2a07 !important;
  font-weight:900 !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
  overflow-wrap:anywhere !important;
}

body.is-start-page-open .start-guide-text section{
  margin:0 0 8px !important;
  padding:0 !important;
}

body.is-start-page-open .start-guide-ip{
  display:inline-block !important;
  margin:2px 0 9px !important;
  padding:6px 12px !important;
  color:#120b04 !important;
  font-size:clamp(15px, 1.05vw, 20px) !important;
  font-weight:900 !important;
  letter-spacing:.03em !important;
  background:rgba(117,72,18,.12) !important;
  border:1px solid rgba(92,46,9,.38) !important;
  border-radius:8px !important;
}

body.is-start-page-open .start-guide-final{
  margin:16px 0 0 !important;
  color:#6b3510 !important;
  font-size:clamp(17px, 1.25vw, 25px) !important;
  font-weight:900 !important;
  text-align:center !important;
}

@media(max-width:1150px){
  body.is-start-page-open .start-page-frame-content{
    inset:18% 15% 10% !important;
  }

  body.is-start-page-open .start-guide-text p{
    font-size:14px !important;
  }
}

@media(max-width:700px){
  body.is-start-page-open .start-page-frame-content{
    inset:19% 13% 9% !important;
  }

  body.is-start-page-open .start-guide-text{
    padding:0 4px 16px !important;
  }

  body.is-start-page-open .start-guide-text h2{
    font-size:26px !important;
  }

  body.is-start-page-open .start-guide-text h3{
    font-size:18px !important;
  }

  body.is-start-page-open .start-guide-text p{
    font-size:13px !important;
  }
}


/* v1.0.51: текст на странице Начать игру опущен вниз на 10 см и поставлен в рамку. */
body.is-start-page-open .start-page-frame-content{
  position:absolute !important;
  top:calc(18% + 2cm) !important;
  left:16% !important;
  right:16% !important;
  bottom:10% !important;
  transform:none !important;
  z-index:30 !important;
  pointer-events:auto !important;
  overflow:visible !important;
}




/* v1.0.51: возврат текста на странице Начать игру — текст больше не трогаем при переносе статуса. */
body.is-start-page-open .start-page-frame-content,
body.is-start-page-open .start-page-frame-stage .start-page-frame-content{
  position:absolute !important;
  top:calc(18% + 2cm) !important;
  left:16% !important;
  right:16% !important;
  bottom:10% !important;
  transform:none !important;
  z-index:30 !important;
  pointer-events:auto !important;
  overflow:visible !important;
}




/* v1.0.51: финал — статус как старый нижний блок, внутри рамки Начать игру, внизу по центру. */
body.is-start-page-open .start-page-frame-stage{
  position:relative !important;
  overflow:visible !important;
}

body.is-start-page-open .start-page-frame-stage .start-page-frame-content{
  position:absolute !important;
  top:calc(18% + 2cm) !important;
  left:16% !important;
  right:16% !important;
  bottom:34% !important;
  transform:none !important;
  z-index:30 !important;
  pointer-events:auto !important;
  overflow:visible !important;
}

body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:5.2% !important;
  transform:translateX(-50%) !important;
  width:430px !important;
  max-width:46% !important;
  margin:0 !important;
  z-index:70 !important;
}

body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .right-status-thumb,
body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .right-status-meta{
  display:none !important;
}

body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor h2{
  margin-bottom:10px !important;
}

@media(max-width:1150px){
  body.is-start-page-open .start-page-frame-stage .start-page-frame-content{
    bottom:35% !important;
  }
  body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor{
    width:390px !important;
    max-width:62% !important;
    bottom:5% !important;
  }
}

@media(max-width:700px){
  body.is-start-page-open .start-page-frame-stage .start-page-frame-content{
    bottom:36% !important;
  }
  body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor{
    width:340px !important;
    max-width:74% !important;
    bottom:4.6% !important;
  }
}


/* v1.0.51: текст на странице Начать игру поднят на 10 см выше. */
body.is-start-page-open .start-page-frame-content,
body.is-start-page-open .start-page-frame-stage .start-page-frame-content{
  top:calc(18% + 2cm) !important;
  transform:none !important;
}




/* v1.0.51: статус сервера укорочен без масштабирования/приплющивания. */
body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor{
  transform:translateX(-50%) !important;
  transform-origin:center center !important;
  aspect-ratio:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:12px 16px 14px !important;
  overflow:visible !important;
  background-size:100% 100% !important;
}

body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor h2{
  margin:0 0 6px !important;
}

body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .right-status-live{
  padding:2px 0 8px !important;
  margin-bottom:8px !important;
}

body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .right-monitor-btn,
body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .monitor-btn.right-monitor-btn{
  min-height:50px !important;
  height:50px !important;
}


/* v1.0.51: у текста Начать игру убран ползунок, главный заголовок уменьшен. */
body.is-start-page-open .start-page-frame-content,
body.is-start-page-open .start-page-frame-stage .start-page-frame-content{
  overflow:visible !important;
  scrollbar-width:none !important;
}

body.is-start-page-open .start-page-frame-content::-webkit-scrollbar,
body.is-start-page-open .start-page-frame-stage .start-page-frame-content::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}

body.is-start-page-open .start-guide-text h2{
  font-size:clamp(18px, 1.55vw, 28px) !important;
  line-height:1.02 !important;
  margin:0 0 10px !important;
}


/* v1.0.51: текст на странице Начать игру опущен вниз на 5 см. */
body.is-start-page-open .start-page-frame-content,
body.is-start-page-open .start-page-frame-stage .start-page-frame-content{
  top:calc(18% + 2cm) !important;
  transform:none !important;
}


/* v1.0.51: кнопка Обновить статус увеличена, чтобы текст не вылезал за границы. */
body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .right-monitor-btn,
body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .monitor-btn.right-monitor-btn{
  width:310px !important;
  max-width:92% !important;
  min-height:74px !important;
  height:74px !important;
  padding:0 42px !important;
  box-sizing:border-box !important;
  font-size:15px !important;
  line-height:1.05 !important;
  white-space:normal !important;
  text-align:center !important;
  background-size:100% 100% !important;
}

@media(max-width:700px){
  body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .right-monitor-btn,
  body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .monitor-btn.right-monitor-btn{
    width:260px !important;
    max-width:92% !important;
    min-height:64px !important;
    height:64px !important;
    padding:0 32px !important;
    font-size:13px !important;
  }
}


/* v1.0.51: кнопка ОБНОВИТЬ СТАТУС увеличена, текст больше не вылезает. */
body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .right-monitor-btn,
body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .monitor-btn.right-monitor-btn{
  width:330px !important;
  max-width:94% !important;
  min-height:72px !important;
  height:72px !important;
  padding:0 38px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:hidden !important;
  font-size:16px !important;
  line-height:1.04 !important;
  letter-spacing:.02em !important;
  background-size:100% 100% !important;
}

@media(max-width:700px){
  body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .right-monitor-btn,
  body.is-start-page-open .start-page-frame-stage > .right-status-panel.start-frame-monitor .monitor-btn.right-monitor-btn{
    width:280px !important;
    min-height:64px !important;
    height:64px !important;
    padding:0 28px !important;
    font-size:14px !important;
  }
}


/* v1.0.51: заголовок "Как начать играть на Dragon Stone" увеличен до 12см × 2.5см. */
body.is-start-page-open .start-guide-text h2{
  width:12cm !important;
  max-width:100% !important;
  height:2.5cm !important;
  min-height:2.5cm !important;
  margin:0 auto 14px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  font-size:0.82cm !important;
  line-height:0.96 !important;
  color:#6b3510 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  text-shadow:0 1px 0 rgba(255,235,170,.55) !important;
}


/* v1.0.51: на странице Начать игру скрыты блок контактов, видео и скриншотов; главная не изменяется. */
body.is-start-page-open .content,
body.is-start-page-open .main-media-showcase,
body.is-start-page-open .main-media-frame-wrap,
body.is-start-page-open .content > .right,
body.is-start-page-open .content > aside.right,
body.is-start-page-open .contacts-board-panel,
body.is-start-page-open .contacts-board,
body.is-start-page-open .right-status-panel:not(.start-frame-monitor){
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

body.is-start-page-open .start-page-window{
  display:block !important;
  visibility:visible !important;
}


/* v1.0.51: на главной скрыты блоки страницы Начать игру; они видны только на #start-page. */
body:not(.is-start-page-open) .start-page-window,
body:not(.is-start-page-open) .start-page-frame-wrap,
body:not(.is-start-page-open) .start-page-frame-stage,
body:not(.is-start-page-open) .start-page-title-img,
body:not(.is-start-page-open) .start-page-frame-img,
body:not(.is-start-page-open) .start-frame-monitor{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

body.is-start-page-open .start-page-window{
  display:block !important;
  visibility:visible !important;
}