[html]
<style>
span.ctitle { font-size: 30px; font-weight: 900; padding: 20px; display: block; width: 300px; text-align: center }
.casino {display: flex; flex-direction: column; align-items: center; background: white; height: 500px; position: relative; border-radius: 15px; }
button { padding: 10px 20px; cursor: pointer; }
#result img { max-width: 100px; object-fit: contain; margin-top: 20px; border: 2px solid #ccc; padding: 10px; border-radius: 8px; }
button#spin { width: 200px; height: 45px; border-radius: 15px; border: none; background: rgb(var(--light-accent)); font-weight: 700; color: rgb(var(--accent))}
.casino-win {width: 200px; height: 150px; box-shadow: inset 0 0 15px -5px rgb(0, 0, 0, .5); border-radius: 10px; margin-top: 30px }
span.cdesc {font-size: 12px; font-weight: 500; padding: 20px; display: block; width: 500px}
</style>
<section class='casino'>
<span class='ctitle'> НАЗВАНИЕ! </span>
<span class='cdesc'> Описание способов получения покемонов и принципов, цены и прочего нужного. </span>
<button id="spin">КРУТИТЬ</button>
<div class='casino-win'>
<div id="result"></div>
</div>
</section>
[/html]
