/* Боковая колонка с рекламой — как на Яндекс.Играх: игра слева, блоки РСЯ
   справа. Колонка живёт на СТРАНИЦЕ, а не внутри игры: билд рекламы не
   содержит, а фулскрин/прелоадер/rewarded показывает внешний SDK GamePush.
   Здесь — только два обычных блока сайта 19740894.

   Колонки нет (см. adrail.js): на узком экране, в полноэкранном режиме, во
   время тихого часа (игрок выкупил его роликом) и после платного отключения.
   Плюс она сама схлопывается, если РСЯ ничего не налила — держать пустую
   полосу вместо игры незачем. */

/* Своё box-sizing: /play/ — отдельная страница, глобального сброса там нет,
   и без этого паддинги колонки прибавились бы к её ширине. */
.stage, .stage__game, .adrail, .adrail__slot { box-sizing: border-box; }

.stage {
    display: flex;
    width: 100%;
    height: 100%;
}

/* min-width: 0 обязателен: без него флекс-элемент с iframe внутри не даёт
   себя сжать, и колонка выталкивается за экран. */
.stage__game {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
}

.stage__game iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.adrail {
    flex: 0 0 320px;
    width: 320px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 10px 14px;
    background: rgb(14, 12, 9);
    border-left: 1px solid rgba(217, 199, 153, 0.14);
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

.adrail[hidden] { display: none; }

/* Ниже 1200px колонка не помещается рядом с игрой, а липкая полоса снизу
   отклонена (ест карту). На узких экранах рекламы на странице просто нет. */
@media (max-width: 1199px) {
    .adrail { display: none !important; }
}

.adrail__off {
    flex: 0 0 auto;
    width: 100%;
    padding: 9px 12px;
    border-radius: 6px;
    border: 1px solid rgba(217, 199, 153, 0.22);
    background: rgb(30, 27, 21);
    color: rgb(217, 199, 153);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.adrail__off:hover {
    background: rgb(42, 38, 29);
    color: rgb(250, 240, 214);
}

/* Ролик заказан, ответа ещё нет: повторный клик ничего не даст, и это должно
   быть видно. Кнопку разблокирует либо ответ сети, либо сторож adrail.js. */
.adrail__off:disabled {
    cursor: default;
    opacity: 0.55;
    background: rgb(30, 27, 21);
    color: rgb(217, 199, 153);
}

.adrail__note {
    flex: 0 0 auto;
    margin: -4px 0 0;
    color: rgb(120, 114, 102);
    font-size: 11px;
    line-height: 1.3;
    text-align: center;
}

.adrail__slot {
    flex: 0 0 auto;
    width: 300px;
    margin: 0 auto;
}

/* Нижний блок прижат к низу колонки — как второй баннер на Яндекс.Играх. */
.adrail__slot--bottom { margin-top: auto; }

/* Влезает ли нижний блок — решает adrail.js по ФАКТИЧЕСКОМУ остатку места,
   а не медиазапрос по высоте окна. Раньше здесь стоял порог 1000px, и он
   отсекал ровно тех, кто должен был блок увидеть: у ноутбука 1080p с панелями
   браузера остаётся ~900, а верхний блок сплошь и рядом приходит не на все
   600 (в панели у него «адаптивный с ограничениями»). Порог ниже опускать
   было нельзя — при верхнем на 600px нижний уехал бы под обрез, и это уже
   не мелочь: показ засчитан, игрок его не видел, у РСЯ так нельзя.

   Здесь остаётся только страховка на совсем низкое окно, где нижний блок не
   поместится ни при каком раскладе. Скрывает его сам JS, атрибутом hidden. */
@media (max-height: 699px) {
    .adrail__slot--bottom { display: none; }
}

.adrail__slot[hidden] { display: none; }

/* Подтверждение отключения. Живёт поверх игры пару секунд и исчезает. */
.adrail-toast {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 200;
    padding: 10px 16px;
    border-radius: 6px;
    border: 1px solid rgba(217, 199, 153, 0.2);
    background: rgba(20, 18, 14, 0.94);
    color: rgb(250, 240, 214);
    font: 13px/1.3 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}

.adrail-toast.is-on { opacity: 1; }