<!--HTML-->


<script>
$(document).ready(function() {

    $(document).on('click', '#bank_generate', function() { 
        // Доступные числа награды
        let rewards = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];

        // Генерируем случайное число из массива
        let randomReward = rewards[Math.floor(Math.random() * rewards.length)];

        // Формируем текст награды
        let text = `Твоя награда на сегодня [img]https://forumstatic.ru/files/001c/29/61/97088.png[/img] [b][font=unboreg]${randomReward}[/font][/b]`;

        // Вставляем текст в readonly поле для отображения
        $('#main-reply').val(text);

        // Вставляем текст в поле сообщения формы форума
        $('#forum-reply').val(text);
        
        // Программно вызываем клик на кнопке отправки формы
        $('.button.submit').click();
    });
});
</script>

<div class="block_bank">
<div class="bank_cont">

<div class="bank_col">
<span class="bank_h">старт:</span><br><br>
<b>регистрация</b> — 500<br>
<b>первый пост</b> — 100<br>
<b>первый открытый эпизод </b>— 300<br>
<br><br>

<span class="bank_h">интерактив:</span><br><br>
<b>пазл х1</b> — 150<br>
<b>пазл х2</b> — 300<br>
<b>пазл х3</b> — 500<br>
<b>тест</b> — 100<br>
<b>бинго</b> — 100<br>
<b>ивент</b> — 500 <span style="font-size:8px"><br>(+ доп награда)</span> <br>
<br><br>

<span class="bank_h">гача на dick:</span><br>
<br>
<b>больше 25</b> — 50<br>
<b>меньше 24</b> — 10<br>
</div>

<div class="bank_col">
<span class="bank_h">дейлики за 50: </span><br><br>
зайти на форум<br>
отметиться в болталке<br>
скинуть мем или песню<br>
покрутить гачу<br>
<br><br>

<span class="bank_h">недельные за 300: </span><br><br>
оставить сообщений х10<br>
любой интерактив <br>
<br><br>

<span class="bank_h">сезонные за 1000: </span><br><br>
отписать пост x3<br>
оставить сообщений x50<br>
<br><br>

</div>

<div class="bank_col">
<span class="bank_h">растерять:</span><br><br>
<b>баннер </b>— 1000<br>
<b>плашка</b> — 1000<br>
<b>иконки</b> — 1000<br>
<b>полный комплект</b> — 2500 <br>
<b>покрасоваться в шапке</b> — 500<br>
<b>заказать аватар</b> — 500<br>
<b>заказать рекламу</b> — 700<br>
<br>

<b>иммунитет на удаление<br> по постам</b><br>
<span style="font-size:8px">(на 1 месяц)</span> — 2000<br>

<div class="bank_img" id="bank_generate"></div>
<span style="font-size:8px">*погладь кота*</span>

</div>

</div>

<div class="smile_devil"></div>
<div class="smile_flower "></div>
<div class="smile_line"></div>
<div class="smile_line2"></div>
</div>


<style>
.block_bank {
  width: 800px;
  height: 100%;
  min-height: 300px;
  padding: 0 30px 30px 30px;
  gap: 30px;
  margin: 0px auto 20px auto;
  border-radius: 30px;
  background-position: center center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

.bank_cont {
  display: grid;
  grid-template-columns: repeat(3, 250px);
  gap: 10px 20px;
}

.bank_col {
  text-align: center;
  color: var(--text-color-10);
  border: 2px dashed #d1999a;
  border-radius: 20px;
  padding: 20px 10px 10px 10px;
}

.bank_h {
  border-radius: 30px;
  padding: 3px 18px;
  color: var(--text-color-1);
  background: #b7b7b74d;
  font: 500 16px/14px urabum;
}

.bank_img {
  width: 106px;
  background: url(https://forumstatic.ru/files/001c/2a/af/25268.png) no-repeat;
  height:  106px;
  background-size: contain;
  opacity: 0.8;
  margin: 33px auto 0 auto;
  z-index: 9999;
  cursor: grab;
}

.punbb #p156  .quote-box {
  color: var(--text-color-1);
  padding: 0.8em 1.1em 1.0em 1.1em;
  border-radius: 10px;
  margin: 1.1em 0.1em 1.5em 0.1em;
  background: none;
  border: 0;
}
.punbb #p156 blockquote p {
  font: 500 16px/14px urabum;
  color: var(--text-color-13);
}

#p156 .post-body {
  width: 100% !important;
  padding: 0.1em 1em 0px 1em;
  margin: 0px auto 2em auto;
  background: url(https://upforme.ru/uploads/001c/2a/af/8/94682.jpg);
  border-radius: 20px; overflow: hidden;
}

.smile_devil {
background: url(https://forumstatic.ru/files/001c/2a/af/76955.png);
  width: 85px;
  height: 85px;
  background-size: cover;
  top: 163px;
  position: absolute;
  transform: rotate(-14deg);
  z-index: 0; left: -3px; }

.smile_flower {
background: url(https://forumstatic.ru/files/001c/2a/af/38958.png);
  width: 106px;
  height: 106px;
  background-size: cover;
  top: -27px;
  position: absolute;
  transform: rotate(5deg);
  z-index: 0;
  right: -34px;
  border-radius: 0 20px 0 0;
} 

.smile_line { background: url(https://forumstatic.ru/files/001c/2a/af/30833.png); 
width: 305px;
  height: 50px;
  background-size: cover;
  top: 176px;
  position: absolute;
  z-index: 0;
  right: 80px; }

.smile_line2 { background: url(https://forumstatic.ru/files/001c/2a/af/73788.png); 
  width: 350px;
  height: 55px;
  background-size: cover;
  bottom: 24px;
  position: absolute;
  z-index: 0;
  left: 120px; }
</style>