<!--HTML--><div class="daymare-theme-wrapper daymare-theme-card" data-daymare-theme="contests">
<div class="daymare-theme-title">
дом джима моргана: лотерея
</div><div class="daymare-theme-text">
<p>вы сворачиваете на плохо освещенную улицу, когда вас чуть не сбивает толпа детишек в костюмах в возрасте от семи до десяти лет, которые вприпрыжку посыпались с порога джима моргана. вы замечаете, что их тыковки до отказа набиты конфетами и кидаете взгляд на дом джима: из окон кухни на улицу проливается слабый свет старой лампочки. дети под аккомпанемент собственного громкого смеха скрываются за поворотом на соседнюю улицу, по пути роняя конфеты. видимо, старый рыбак в этом году тоже закупился конфетами и решил поучаствовать во всеобщей праздничной суматохе. недолго думая, вы решаете заглянуть.<br><br>

джим встречает вас хитрой улыбкой. вы даже не успеваете открыть рот, когда он спрашивает: <i>сладость или гадость?</i> кажется, это была ваша речь... после этого джим молча исчезает в потемках коридора и, не заставив себя долго ждать, возвращается с двумя тыквами. он смотрит на вас пристально и снова говорит, вполголоса, заговорщически: <i>вы верите в шестое чувство?</i> он кивает на тыквы, предлагая вам выбрать одну из двух и предупреждает: в одной тыкве вы найдете сладость, в другой — может оказаться гадость. вы уйдете с его порога с чем-то одним, а с чем — зависит от того, на вашей ли стороне играет ваша собственная интуиция или ее уже переманили на свою злые силы. а может быть, вы и вовсе уйдете ни с чем... никто не знает, чего ожидать от джима.<br><br>

сейчас вы можете <b>выбрать одну тыковку</b> при условии участия в праздничном фестивале: для того чтобы сыграть в лотерею, необходимо <b>приложить ссылку на участие в одном другом конкурсе фестиваля.</b> внутри тыквы может оказаться разное: это могут быть <b>конфеты в разном количестве</b>, может быть пустая тыква, в которой нет <b>ничего вообще</b>, а может быть старый рыбак и вовсе окончательно сошел с ума и потянется за вашим кошельком, пока вы выбираете тыкву — в таком случае вы обнаружите <b>минус 100 фишек на счету</b>. попробуйте все-таки договориться со своим шестым чувством, раз уж вы решили заглянуть к джиму.<br><br>

однако джим говорит, что <b>70% тыкв выигрышные, 15% пустые и 15% несчастливые.</b> вы верите джиму?<br><br>
</p>
</div></div></div>

<!--HTML-->

 <div class="slots-container">
      
 <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700&display=swap" rel="stylesheet">

<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">1</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">2</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">3</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">4</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">5</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-frog"></div> <span class="number">6</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-ghost"></div> <span class="number">7</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-ghost"></div> <span class="number">8</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-ghost"></div> <span class="number">9</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">10</span></div>
   
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">11</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">12</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">13</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">14</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">15</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">16</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-frog"></div> <span class="number">17</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">18</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">19</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">20</span></div>
   
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">21</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">22</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-frog"></div> <span class="number">23</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">24</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">25</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-frog"></div> <span class="number">26</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">27</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-ghost"></div> <span class="number">28</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">29</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">30</span></div>
   
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">31</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">32</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">33</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">34</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">35</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">36</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">37</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">38</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">39</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">40</span></div>
   
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">41</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">42</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">43</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">44</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-frog"></div> <span class="number">45</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">46</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">47</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">48</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-pump"></div> <span class="number">49</span></div>
<div class="lottery-lot"><div class="lottery-icon lot-sweet"></div> <span class="number">50</span></div>
</div>

 <style>
   
 .slots-container {
    width: 650px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    justify-items: center;
    align-items: center;
    gap: 5px 5px;
    padding: 10px;
    border-radius: 10px;
    background: #f3f3f3;
    box-sizing: border-box;

}
   
.lottery-lot {
    width: 55px;
    height: 55px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lottery-icon {
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease;
}
   
.lottery-lot:hover .lottery-icon {
     animation: horseshoe-shake 0.6s ease-in-out;
}
   
@keyframes horseshoe-shake {
    0% {transform: translateY(0) rotate(0);}
    20% {transform: translateY(-3px) rotate(-18deg);}
    40% {transform: translateY(1px) rotate(14deg);}
    60% {transform: translateY(-1px) rotate(-8deg);}
    80% {transform: translateY(0) rotate(4deg);}
    100% {transform: translateY(0) rotate(0);}
}

/* Закрытый лот*/
.lot-pump {
    background-image: url('https://forumstatic.ru/files/001b/97/87/17938.png');
}

/* Сладость */
.lot-sweet {
    background-image: url('https://forumstatic.ru/files/001b/97/87/77185.png');
}
/* Гадость */
.lot-frog {
    background-image: url('https://forumstatic.ru/files/001b/97/87/21704.png');
}
/* Пусто */
.lot-ghost {
    background-image: url('https://forumstatic.ru/files/001b/97/87/25073.png');
}

.number {
    position: absolute;
    top: 19px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Comic Sans', cursive;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1;
    pointer-events: auto;
    cursor: pointer;
}
    
</style>