Новые правила Золотой подковы
Отмечайте по порядку числа из таблицы в своих билетах. Игра проходит в несколько туров, в которых разные условия выигрыша.
1 тур: выигрывают билеты, где раньше других совпали все числа в любой горизонтальной строке.
2 тур: выигрывают билеты, где раньше других совпали все числа в двух горизонтальных строках.
3 и далее: выигрывают билеты, в которых совпали все числа билета.
Суперприз: билет, в котором совпадут все числа на 20‑м ходу игры.
По окончании розыгрыша оставшиеся в лототроне шары в игре не участвуют.
| Тур | Порядок выпадения шаров | Победители | Выигрыш |
|---|
| 1 | 18331511725343713912844 | 309 | 1 618 |
| 2 | 42411614303127 | 19 | 42 105 |
| 3 | 26193652293540 | 8 | 12 500 |
| 4 | 20 | 21 | 500 |
| 5 | 32 | 20 | 250 |
| 6 | 38 | 30 | 170 |
| 7 | 24 | 89 | 170 |
| 8 | 6 | 116 | 150 |
| 9 | 43 | 761 | 150 |
| 10 | 3 | 540 | 150 |
| 11 | 17 | 789 | 120 |
| 12 | 22 | 1 832 | 120 |
| 13 | 10 | 1 819 | 120 |
| 14 | 39 | 2 552 | 100 |
| 15 | 23 | 5 126 | 100 |
| 16 | 21 | 6 832 | 100 |
const btn = document.getElementById('showrules');
const rules = document.getElementById('loadrules');
btn.addEventListener('click', () => {
if (!rules.classList.contains('open')) {
rules.style.display = 'block'; // показать, чтобы можно было измерить
const height = rules.scrollHeight + 'px';
rules.style.maxHeight = '0';
// небольшая пауза, чтобы браузер применил 0
requestAnimationFrame(() => {
rules.style.transition = 'max-height 0.4s ease, opacity 0.4s ease';
rules.style.maxHeight = height;
rules.style.opacity = '1';
});
rules.classList.add('open');
btn.innerHTML = '❌ Скрыть правила';
} else {
rules.style.transition = 'max-height 0.4s ease, opacity 0.4s ease';
rules.style.maxHeight = '0';
rules.style.opacity = '0';
rules.addEventListener('transitionend', function end() {
rules.style.display = 'none';
rules.removeEventListener('transitionend', end);
});
rules.classList.remove('open');
btn.innerHTML = '📜 Правила';
}
});
.loadrules {
background: #fff8f9;
border: 1px solid #ffd6da;
border-radius: 8px;
padding: 15px 20px;
margin-top: 15px;
font-size: 15px;
color: #333;
line-height: 1.55;
overflow: hidden; /* важно для анимации высоты */
max-height: 0; /* стартовая высота */
opacity: 0;
transition: max-height 0.4s ease, opacity 0.4s ease;
}
.loadrules.open {
/* сюда JS установит нужную max-height */
opacity: 1;
}
.tirazh-wrapper {
max-width: 900px;
margin: 25px auto;
padding: 22px 24px;
border: 2px solid #ffe0e3;
border-radius: 10px;
background: #fff;
box-shadow: 0 3px 10px rgba(0,0,0,0.08);
font-family: "Segoe UI", Arial, sans-serif;
}
.tirazh-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px;
}
.title-block h1 {
margin: 0;
font-size: 22px;
color: #333;
}
.title-block h2 {
margin: 4px 0 0;
font-size: 18px;
color: #666;
}
/* кнопка "Правила" */
.rules-btn {
background: linear-gradient(135deg, #ff5a69, #ff8a5c);
color: #fff;
border: none;
border-radius: 8px;
padding: 9px 18px;
cursor: pointer;
font-weight: 600;
font-size: 15px;
transition: all 0.25s ease;
box-shadow: 0 3px 6px rgba(255, 90, 105, 0.32);
height: fit-content;
}
.rules-btn:hover {
transform: translateY(-1px) scale(1.05);
box-shadow: 0 4px 10px rgba(255, 90, 105, 0.45);
}
.rules-btn:active {
transform: scale(0.97);
}
/* блок с правилами */
.loadrules {
background: #fff8f9;
border: 1px solid #ffd6da;
border-radius: 8px;
padding: 15px 20px;
margin-top: 15px;
font-size: 15px;
color: #333;
line-height: 1.55;
display: none;
opacity: 0;
transform: translateY(-10px);
transition: all 0.35s ease;
}
.loadrules.open {
display: block;
opacity: 1;
transform: translateY(0);
}
.bold {
color: #ff5a69;
font-weight: 600;
}
.tirazh {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
.tirazh th, .tirazh td {
border: 1px solid #eee;
padding: 8px;
text-align: center;
}
.tirazh-header {
display: flex;
justify-content: space-between; /* кнопка справа */
align-items: center; /* выровнять по вертикали */
flex-wrap: nowrap; /* держит всё в одну линию */
gap: 10px;
}
/* если хочешь, чтобы при узком экране кнопка красиво переносилась вниз,
можно добавить небольшой отступ */
@media (max-width: 600px) {
.rules-btn {
margin-top: 10px;
width: 100%;
}
}
.rules-btn {
margin-left: auto; /* отправляет кнопку в край справа */
}