Hugging Face's logo

Spaces:
timoon811
/
zeusland
Running

App Files Community
zeusland / index.html
timoon811's picture
timoon811
Add 3 files
5019afe verified
raw
history blame contribute delete
41.1 kB
<!DOCTYPE html>
<html lang="ru">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Zeus vs Hades — Пророчество Победы</title>
 <script src="https://cdn.tailwindcss.com"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
 <style>
 @import url('https://fonts.googleapis.com/css2?family=MedievalSharp&family=Montserrat:wght@400;700&display=swap');
body {
 font-family: 'Montserrat', sans-serif;
 background-color: #0a0a0a;
 color: #f0f0f0;
 background-image: url('https://images.unsplash.com/photo-1563089145-599997674d42?q=80&w=1470&auto=format&fit=crop');
 background-size: cover;
 background-attachment: fixed;
 background-position: center;
 }
.title-font {
 font-family: 'MedievalSharp', cursive;
 }
.zeus-gradient {
 background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #93c5fd 100%);
 }
.hades-gradient {
 background: linear-gradient(135deg, #7c2d12 0%, #dc2626 50%, #f97316 100%);
 }
.glow {
 box-shadow: 0 0 15px currentColor;
 }
.lightning {
 position: absolute;
 width: 100%;
 height: 100%;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M50,0 L60,40 L90,50 L60,60 L70,100 L50,70 L30,100 L40,60 L10,50 L40,40 Z" fill="white" opacity="0.2"/></svg>');
 background-size: 200px 200px;
 opacity: 0.1;
 pointer-events: none;
 }
.fire {
 position: absolute;
 width: 100%;
 height: 100%;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M50,100 C30,70 20,50 30,30 C40,10 60,20 70,40 C80,60 70,90 50,100 Z" fill="red" opacity="0.2"/></svg>');
 background-size: 200px 200px;
 opacity: 0.1;
 pointer-events: none;
 }
.marble-bg {
 background: linear-gradient(135deg, #2d3748 0%, #4a5568 50%, #2d3748 100%);
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M0,0 L100,0 L100,100 L0,100 Z" fill="none" stroke="white" stroke-width="1" stroke-opacity="0.05"/></svg>');
 }
.progress-bar {
 height: 10px;
 background: linear-gradient(90deg, #f59e0b 0%, #ef4444 50%, #ec4899 100%);
 border-radius: 5px;
 transition: width 0.5s ease;
 }
@keyframes pulse {
 0% { transform: scale(1); }
 50% { transform: scale(1.05); }
 100% { transform: scale(1); }
 }
.pulse {
 animation: pulse 2s infinite;
 }
@keyframes shake {
 0% { transform: translateX(0); }
 25% { transform: translateX(-5px); }
 50% { transform: translateX(5px); }
 75% { transform: translateX(-5px); }
 100% { transform: translateX(0); }
 }
.shake {
 animation: shake 0.5s;
 }
.slot-machine {
 position: relative;
 perspective: 1000px;
 }
.slot-reel {
 position: relative;
 transform-style: preserve-3d;
 transition: transform 1s cubic-bezier(0.17, 0.85, 0.45, 1);
 }
.slot-item {
 position: absolute;
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
 backface-visibility: hidden;
 }
 </style>
</head>
<body class="min-h-screen">
 <!-- Lightning/Fire Background Effects -->
 <div id="zeusEffect" class="lightning hidden"></div>
 <div id="hadesEffect" class="fire hidden"></div>
<!-- Header -->
 <header class="bg-black bg-opacity-80 py-4 px-6 shadow-lg">
 <div class="container mx-auto flex justify-between items-center">
 <div class="flex items-center space-x-2">
 <div class="w-12 h-12 rounded-full zeus-gradient flex items-center justify-center">
 <i class="fas fa-bolt text-white text-xl"></i>
 </div>
 <div class="w-12 h-12 rounded-full hades-gradient flex items-center justify-center">
 <i class="fas fa-fire text-white text-xl"></i>
 </div>
 <h1 class="title-font text-2xl md:text-3xl text-white">Zeus vs Hades</h1>
 </div>
 <div class="flex items-center space-x-4">
 <span class="hidden md:inline-block bg-yellow-500 text-black px-3 py-1 rounded-full text-sm font-bold">3783 пользователей сегодня</span>
 <button class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-full font-bold transition">
 <i class="fas fa-crown mr-2"></i> VIP доступ
 </button>
 </div>
 </div>
 </header>
<!-- Hero Section -->
 <section class="py-12 md:py-20 px-4 relative overflow-hidden">
 <div class="container mx-auto max-w-6xl">
 <div class="flex flex-col md:flex-row items-center">
 <div class="md:w-1/2 mb-10 md:mb-0">
 <h2 class="title-font text-4xl md:text-6xl mb-6 text-white">
 <span class="text-blue-400">Пророчество</span> <span class="text-red-400">Победы</span>
 </h2>
 <p class="text-xl mb-8 text-gray-300">
 Раскройте секреты слотов с помощью нашего AI-оракула. Получайте точные прогнозы на бонусы, стратегии ставок и эксклюзивные подсказки для максимальных выигрышей.
 </p>
<div class="bg-gray-900 bg-opacity-70 p-6 rounded-xl mb-8">
 <h3 class="text-xl font-bold mb-4">Выберите свою сторону:</h3>
 <div class="flex space-x-4 mb-6">
 <button id="zeusBtn" class="zeus-gradient text-white px-6 py-3 rounded-lg font-bold flex items-center transition hover:opacity-90 active:scale-95">
 <i class="fas fa-bolt mr-2"></i> ⚡ Zeus
 </button>
 <button id="hadesBtn" class="hades-gradient text-white px-6 py-3 rounded-lg font-bold flex items-center transition hover:opacity-90 active:scale-95">
 <i class="fas fa-fire mr-2"></i> 🔥 Hades
 </button>
 </div>
<div class="mb-4">
 <label for="accountId" class="block text-sm font-medium mb-2">Введите ID аккаунта из вашего казино:</label>
 <div class="flex">
 <input type="text" id="accountId" class="flex-grow px-4 py-3 rounded-l-lg bg-gray-800 text-white focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Например: 123456789">
 <button id="analyzeBtn" class="bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-r-lg font-bold transition">
 Анализировать
 </button>
 </div>
 </div>
 </div>
 </div>
<div class="md:w-1/2 flex justify-center">
 <div class="relative w-64 h-64 md:w-80 md:h-80">
 <div class="absolute inset-0 bg-gray-900 rounded-xl transform rotate-3"></div>
 <div class="absolute inset-0 bg-gray-800 rounded-xl transform -rotate-3"></div>
 <div class="relative slot-machine w-full h-full rounded-xl overflow-hidden">
 <div id="slotReel" class="slot-reel w-full h-full">
 <div class="slot-item zeus-gradient flex flex-col items-center justify-center">
 <i class="fas fa-bolt text-5xl mb-2 text-white"></i>
 <span class="text-white font-bold text-xl">ZEUS</span>
 </div>
 <div class="slot-item hades-gradient flex flex-col items-center justify-center">
 <i class="fas fa-fire text-5xl mb-2 text-white"></i>
 <span class="text-white font-bold text-xl">HADES</span>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- Prediction Section -->
 <section id="predictionSection" class="py-12 px-4 bg-gray-900 bg-opacity-70 hidden">
 <div class="container mx-auto max-w-6xl">
 <div class="bg-gray-800 rounded-xl p-6 shadow-lg">
 <div class="flex justify-between items-center mb-6">
 <h3 class="text-2xl font-bold">
 <span id="godName" class="text-blue-400">Zeus</span> <span class="text-white">предсказывает:</span>
 </h3>
 <div class="flex items-center">
 <span class="text-sm mr-3">Обновление через:</span>
 <div id="countdown" class="bg-gray-700 text-white px-3 py-1 rounded font-mono">00:10</div>
 </div>
 </div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
 <div class="bg-gray-700 p-4 rounded-lg">
 <div class="flex items-center mb-2">
 <i class="fas fa-gem text-yellow-500 mr-2"></i>
 <h4 class="font-bold">Вероятность бонуса</h4>
 </div>
 <div class="text-3xl font-bold mb-2" id="bonusChance">78%</div>
 <div class="text-sm text-gray-400">в ближайшие 3 спина</div>
 </div>
<div class="bg-gray-700 p-4 rounded-lg">
 <div class="flex items-center mb-2">
 <i class="fas fa-coins text-green-500 mr-2"></i>
 <h4 class="font-bold">Рекомендуемая ставка</h4>
 </div>
 <div class="text-3xl font-bold mb-2" id="recommendedBet">$0.60</div>
 <div class="text-sm text-gray-400" id="betStrategy">Режим Hades = оптимальный ROI</div>
 </div>
<div class="bg-gray-700 p-4 rounded-lg">
 <div class="flex items-center mb-2">
 <i class="fas fa-thermometer-half text-red-500 mr-2"></i>
 <h4 class="font-bold">Фаза слота</h4>
 </div>
 <div class="text-3xl font-bold mb-2" id="slotPhase">Горячая</div>
 <div class="text-sm text-gray-400" id="phaseAdvice">Идеальное время для игры</div>
 </div>
 </div>
<div class="mb-6">
 <h4 class="font-bold mb-2">Персональный анализ для ID: <span id="displayAccountId" class="text-yellow-400">123456789</span></h4>
 <div class="bg-gray-700 p-4 rounded-lg">
 <p id="personalAnalysis" class="text-gray-300">
 Слот помнит ваш стиль игры. На основе 127 предыдущих спинов мы определили, что вы чаще выигрываете с высокими ставками в утренние часы. Сегодня ваш коэффициент удачи повышен на 15%.
 </p>
 </div>
 </div>
<div class="flex justify-center">
 <button id="updateAnalysisBtn" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-bold transition flex items-center">
 <i class="fas fa-sync-alt mr-2"></i> Обновить анализ
 </button>
 </div>
 </div>
 </div>
 </section>
<!-- VIP Section -->
 <section class="py-12 px-4 bg-black bg-opacity-80">
 <div class="container mx-auto max-w-4xl">
 <div class="bg-gradient-to-r from-purple-900 to-red-900 rounded-xl p-8 shadow-xl">
 <div class="flex flex-col md:flex-row items-center">
 <div class="md:w-1/2 mb-6 md:mb-0">
 <h3 class="text-2xl md:text-3xl font-bold mb-4">Получите <span class="text-yellow-400">VIP-доступ</span> к эксклюзивным стратегиям</h3>
 <p class="mb-4">Подпишитесь и получайте:</p>
 <ul class="space-y-2 mb-6">
 <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Точные прогнозы на 7 дней</li>
 <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Стратегии с ROI до 500%</li>
 <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Бонус-коды от скрытых стримеров</li>
 <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i> Персонального помощника</li>
 </ul>
 </div>
<div class="md:w-1/2 md:pl-8">
 <div class="bg-gray-900 bg-opacity-70 p-6 rounded-lg">
 <h4 class="text-xl font-bold mb-4">Оставьте контакты</h4>
 <div class="mb-4">
 <label class="block text-sm font-medium mb-2">Email или Telegram</label>
 <input type="text" class="w-full px-4 py-3 rounded-lg bg-gray-800 text-white focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="your@email.com или @telegram">
 </div>
 <button class="w-full bg-yellow-600 hover:bg-yellow-700 text-white px-6 py-3 rounded-lg font-bold transition">
 Получить VIP-доступ
 </button>
 </div>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- Account Level Section -->
 <section class="py-12 px-4 bg-gray-900 bg-opacity-70">
 <div class="container mx-auto max-w-6xl">
 <h3 class="text-2xl md:text-3xl font-bold mb-8 text-center">Прокачайте свой <span class="text-yellow-400">аккаунт</span> для лучших прогнозов</h3>
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-8">
 <div class="bg-gray-800 p-6 rounded-lg text-center border-b-4 border-amber-600">
 <div class="w-16 h-16 bg-amber-600 rounded-full flex items-center justify-center mx-auto mb-4">
 <i class="fas fa-coins text-2xl"></i>
 </div>
 <h4 class="font-bold text-lg mb-2">Bronze</h4>
 <p class="text-sm text-gray-400 mb-3">Депозит $50+</p>
 <ul class="text-sm space-y-1 mb-4">
 <li>Базовые прогнозы</li>
 <li>Обновление каждые 10 мин</li>
 </ul>
 <button class="bg-amber-600 hover:bg-amber-700 text-white px-4 py-2 rounded-lg text-sm font-bold transition">
 Текущий уровень
 </button>
 </div>
<div class="bg-gray-800 p-6 rounded-lg text-center border-b-4 border-gray-400">
 <div class="w-16 h-16 bg-gray-400 rounded-full flex items-center justify-center mx-auto mb-4">
 <i class="fas fa-shield-alt text-2xl"></i>
 </div>
 <h4 class="font-bold text-lg mb-2">Silver</h4>
 <p class="text-sm text-gray-400 mb-3">Депозит $200+</p>
 <ul class="text-sm space-y-1 mb-4">
 <li>Точность +20%</li>
 <li>Обновление каждые 5 мин</li>
 <li>Стратегия "Молния"</li>
 </ul>
 <button class="bg-gray-600 hover:bg-gray-700 text-white px-4 py-2 rounded-lg text-sm font-bold transition">
 Разблокировать
 </button>
 </div>
<div class="bg-gray-800 p-6 rounded-lg text-center border-b-4 border-yellow-400">
 <div class="w-16 h-16 bg-yellow-400 rounded-full flex items-center justify-center mx-auto mb-4">
 <i class="fas fa-crown text-2xl"></i>
 </div>
 <h4 class="font-bold text-lg mb-2">Gold</h4>
 <p class="text-sm text-gray-400 mb-3">Депозит $500+</p>
 <ul class="text-sm space-y-1 mb-4">
 <li>Точность +40%</li>
 <li>Режим "Оракул"</li>
 <li>Стратегия "Огненная Спираль"</li>
 </ul>
 <button class="bg-yellow-600 hover:bg-yellow-700 text-white px-4 py-2 rounded-lg text-sm font-bold transition">
 Разблокировать
 </button>
 </div>
<div class="bg-gray-800 p-6 rounded-lg text-center border-b-4 border-purple-600">
 <div class="w-16 h-16 bg-purple-600 rounded-full flex items-center justify-center mx-auto mb-4">
 <i class="fas fa-gem text-2xl"></i>
 </div>
 <h4 class="font-bold text-lg mb-2">Titan</h4>
 <p class="text-sm text-gray-400 mb-3">Депозит $1000+</p>
 <ul class="text-sm space-y-1 mb-4">
 <li>Точность +70%</li>
 <li>Авто-предсказания</li>
 <li>VIP-поддержка 24/7</li>
 <li>Эксклюзивные бонусы</li>
 </ul>
 <button class="bg-purple-600 hover:bg-purple-700 text-white px-4 py-2 rounded-lg text-sm font-bold transition">
 Разблокировать
 </button>
 </div>
 </div>
<div class="text-center">
 <p class="text-gray-400 mb-4">Чем выше ваш уровень — тем точнее прогнозы и больше эксклюзивных стратегий!</p>
 <button class="bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-lg font-bold transition">
 <i class="fas fa-lock-open mr-2"></i> Как повысить уровень?
 </button>
 </div>
 </div>
 </section>
<!-- Testimonials -->
 <section class="py-12 px-4 bg-black bg-opacity-80">
 <div class="container mx-auto max-w-6xl">
 <h3 class="text-2xl md:text-3xl font-bold mb-8 text-center">Отзывы <span class="text-yellow-400">игроков</span></h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
 <div class="bg-gray-900 p-6 rounded-lg">
 <div class="flex items-center mb-4">
 <div class="w-12 h-12 rounded-full bg-blue-600 flex items-center justify-center mr-4">
 <span class="text-white font-bold">АЛ</span>
 </div>
 <div>
 <h4 class="font-bold">Алексей Л.</h4>
 <div class="flex text-yellow-400 text-sm">
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 </div>
 </div>
 </div>
 <p class="text-gray-300">
 "Следуя прогнозам, выиграл X200 на бонуске! Оракул точно предсказал время бонус-раунда. Теперь играю только с этой системой."
 </p>
 </div>
<div class="bg-gray-900 p-6 rounded-lg">
 <div class="flex items-center mb-4">
 <div class="w-12 h-12 rounded-full bg-red-600 flex items-center justify-center mr-4">
 <span class="text-white font-bold">МК</span>
 </div>
 <div>
 <h4 class="font-bold">Марина К.</h4>
 <div class="flex text-yellow-400 text-sm">
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 <i class="fas fa-star-half-alt"></i>
 </div>
 </div>
 </div>
 <p class="text-gray-300">
 "VIP-стратегия "Огненная Спираль" реально работает! За неделю увеличила депозит в 3 раза. Особенно полезны советы по размеру ставки."
 </p>
 </div>
<div class="bg-gray-900 p-6 rounded-lg">
 <div class="flex items-center mb-4">
 <div class="w-12 h-12 rounded-full bg-green-600 flex items-center justify-center mr-4">
 <span class="text-white font-bold">ДС</span>
 </div>
 <div>
 <h4 class="font-bold">Дмитрий С.</h4>
 <div class="flex text-yellow-400 text-sm">
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 <i class="fas fa-star"></i>
 </div>
 </div>
 </div>
 <p class="text-gray-300">
 "После перехода на Titan уровень точность прогнозов просто невероятная! Бонус-коды от стримеров - приятный бонус. Рекомендую!"
 </p>
 </div>
 </div>
 </div>
 </section>
<!-- FAQ -->
 <section class="py-12 px-4 bg-gray-900 bg-opacity-70">
 <div class="container mx-auto max-w-4xl">
 <h3 class="text-2xl md:text-3xl font-bold mb-8 text-center">Часто задаваемые <span class="text-yellow-400">вопросы</span></h3>
<div class="space-y-4">
 <div class="bg-gray-800 rounded-lg overflow-hidden">
 <button class="faq-btn w-full flex justify-between items-center p-4 text-left hover:bg-gray-700 transition">
 <span class="font-bold">Как работает система прогнозов?</span>
 <i class="fas fa-chevron-down transition-transform"></i>
 </button>
 <div class="faq-content hidden px-4 pb-4">
 <p class="text-gray-300">
 Наш AI-оракул анализирует тысячи игровых сессий, алгоритмы слота и вашу личную историю игры. Система выявляет закономерности и рассчитывает оптимальные моменты для бонусов и ставок с максимальным ROI.
 </p>
 </div>
 </div>
<div class="bg-gray-800 rounded-lg overflow-hidden">
 <button class="faq-btn w-full flex justify-between items-center p-4 text-left hover:bg-gray-700 transition">
 <span class="font-bold">Откуда берутся данные для анализа?</span>
 <i class="fas fa-chevron-down transition-transform"></i>
 </button>
 <div class="faq-content hidden px-4 pb-4">
 <p class="text-gray-300">
 Мы используем анонимные данные от партнерских казино, статистику игровых сессий и математические модели. Ваш ID помогает системе адаптировать прогнозы под ваш стиль игры.
 </p>
 </div>
 </div>
<div class="bg-gray-800 rounded-lg overflow-hidden">
 <button class="faq-btn w-full flex justify-between items-center p-4 text-left hover:bg-gray-700 transition">
 <span class="font-bold">Как повысить точность прогнозов?</span>
 <i class="fas fa-chevron-down transition-transform"></i>
 </button>
 <div class="faq-content hidden px-4 pb-4">
 <p class="text-gray-300">
 Чем больше вы играете с одним ID и чем выше ваш уровень аккаунта (Bronze → Titan), тем точнее становятся прогнозы. VIP-доступ дает эксклюзивные стратегии с повышенной точностью.
 </p>
 </div>
 </div>
<div class="bg-gray-800 rounded-lg overflow-hidden">
 <button class="faq-btn w-full flex justify-between items-center p-4 text-left hover:bg-gray-700 transition">
 <span class="font-bold">Это гарантирует выигрыш?</span>
 <i class="fas fa-chevron-down transition-transform"></i>
 </button>
 <div class="faq-content hidden px-4 pb-4">
 <p class="text-gray-300">
 Нет, мы не гарантируем выигрыш. Наша система повышает шансы на успех, но слоты остаются играми случая. Мы рекомендуем играть ответственно и не рисковать больше, чем можете позволить себе потерять.
 </p>
 </div>
 </div>
 </div>
 </div>
 </section>
<!-- CTA -->
 <section class="py-12 px-4 bg-gradient-to-r from-blue-900 to-purple-900">
 <div class="container mx-auto max-w-4xl text-center">
 <h3 class="text-2xl md:text-4xl font-bold mb-6">Готовы узнать свою <span class="text-yellow-400">стратегию победы</span>?</h3>
 <p class="text-xl mb-8">Введите ID аккаунта и получите персональный прогноз прямо сейчас!</p>
<div class="max-w-md mx-auto">
 <div class="flex">
 <input type="text" class="flex-grow px-4 py-3 rounded-l-lg bg-gray-800 text-white focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Ваш ID аккаунта">
 <button class="bg-yellow-600 hover:bg-yellow-700 text-white px-6 py-3 rounded-r-lg font-bold transition">
 Получить прогноз
 </button>
 </div>
 </div>
 </div>
 </section>
<!-- Footer -->
 <footer class="bg-black py-8 px-4">
 <div class="container mx-auto max-w-6xl">
 <div class="flex flex-col md:flex-row justify-between items-center">
 <div class="mb-4 md:mb-0">
 <div class="flex items-center space-x-2">
 <div class="w-10 h-10 rounded-full zeus-gradient flex items-center justify-center">
 <i class="fas fa-bolt text-white"></i>
 </div>
 <div class="w-10 h-10 rounded-full hades-gradient flex items-center justify-center">
 <i class="fas fa-fire text-white"></i>
 </div>
 <span class="title-font text-xl">Zeus vs Hades</span>
 </div>
 </div>
<div class="text-sm text-gray-500 text-center md:text-right">
 <p>© 2023 Пророчество Победы. Все права защищены.</p>
 <p class="mt-1">Играйте ответственно. 18+</p>
 </div>
 </div>
 </div>
 </footer>
<script>
 // DOM Elements
 const zeusBtn = document.getElementById('zeusBtn');
 const hadesBtn = document.getElementById('hadesBtn');
 const analyzeBtn = document.getElementById('analyzeBtn');
 const updateAnalysisBtn = document.getElementById('updateAnalysisBtn');
 const accountIdInput = document.getElementById('accountId');
 const predictionSection = document.getElementById('predictionSection');
 const zeusEffect = document.getElementById('zeusEffect');
 const hadesEffect = document.getElementById('hadesEffect');
 const slotReel = document.getElementById('slotReel');
 const godName = document.getElementById('godName');
 const displayAccountId = document.getElementById('displayAccountId');
 const personalAnalysis = document.getElementById('personalAnalysis');
 const bonusChance = document.getElementById('bonusChance');
 const recommendedBet = document.getElementById('recommendedBet');
 const betStrategy = document.getElementById('betStrategy');
 const slotPhase = document.getElementById('slotPhase');
 const phaseAdvice = document.getElementById('phaseAdvice');
 const countdown = document.getElementById('countdown');
// State
 let currentGod = 'zeus';
 let countdownInterval;
 let secondsLeft = 10;
// Initialize
 document.addEventListener('DOMContentLoaded', function() {
 // Set up FAQ accordion
 const faqBtns = document.querySelectorAll('.faq-btn');
 faqBtns.forEach(btn => {
 btn.addEventListener('click', function() {
 const content = this.nextElementSibling;
 const icon = this.querySelector('i');
if (content.classList.contains('hidden')) {
 content.classList.remove('hidden');
 icon.classList.add('rotate-180');
 } else {
 content.classList.add('hidden');
 icon.classList.remove('rotate-180');
 }
 });
 });
 });
// Event Listeners
 zeusBtn.addEventListener('click', function() {
 selectGod('zeus');
 });
hadesBtn.addEventListener('click', function() {
 selectGod('hades');
 });
analyzeBtn.addEventListener('click', function() {
 if (accountIdInput.value.trim() === '') {
 accountIdInput.classList.add('shake');
 setTimeout(() => {
 accountIdInput.classList.remove('shake');
 }, 500);
 return;
 }
showAnalysis();
 });
updateAnalysisBtn.addEventListener('click', function() {
 updateAnalysis();
 });
// Functions
 function selectGod(god) {
 currentGod = god;
if (god === 'zeus') {
 zeusBtn.classList.add('glow');
 hadesBtn.classList.remove('glow');
 zeusEffect.classList.remove('hidden');
 hadesEffect.classList.add('hidden');
 godName.textContent = 'Zeus';
 godName.className = 'text-blue-400';
 slotReel.style.transform = 'rotateX(0deg)';
 } else {
 zeusBtn.classList.remove('glow');
 hadesBtn.classList.add('glow');
 zeusEffect.classList.add('hidden');
 hadesEffect.classList.remove('hidden');
 godName.textContent = 'Hades';
 godName.className = 'text-red-400';
 slotReel.style.transform = 'rotateX(180deg)';
 }
 }
function showAnalysis() {
 displayAccountId.textContent = accountIdInput.value.trim();
 predictionSection.classList.remove('hidden');
// Scroll to prediction section
 predictionSection.scrollIntoView({ behavior: 'smooth' });
// Generate random analysis
 updateAnalysis();
// Start countdown
 startCountdown();
 }
function updateAnalysis() {
 // Reset countdown
 secondsLeft = 10;
 updateCountdownDisplay();
// Generate random values
 const randomBonus = Math.floor(Math.random() * 30) + 60; // 60-90%
 const randomBet = (Math.random() * 0.9 + 0.1).toFixed(2); // $0.10-$1.00
 const isHotPhase = Math.random() > 0.5;
// Update UI
 bonusChance.textContent = randomBonus + '%';
 recommendedBet.textContent = '$' + randomBet;
if (currentGod === 'zeus') {
 betStrategy.textContent = 'Режим Zeus + ставка $' + randomBet + ' = оптимальный ROI';
 } else {
 betStrategy.textContent = 'Режим Hades + ставка $' + randomBet + ' = оптимальный ROI';
 }
if (isHotPhase) {
 slotPhase.textContent = 'Горячая';
 slotPhase.className = 'text-3xl font-bold mb-2 text-red-400';
 phaseAdvice.textContent = 'Идеальное время для игры!';
 } else {
 slotPhase.textContent = 'Холодная';
 slotPhase.className = 'text-3xl font-bold mb-2 text-blue-400';
 phaseAdvice.textContent = 'Рекомендуем снизить ставку или сделать перерыв';
 }
// Generate personal analysis based on ID
 const idNum = parseInt(accountIdInput.value.trim()) || 0;
 const analysisVariations = [
 `Слот помнит ваш стиль игры. На основе ${idNum % 100 + 50} предыдущих спинов мы определили, что вы чаще выигрываете с ${idNum % 2 === 0 ? 'высокими' : 'низкими'} ставками в ${['утренние', 'дневные', 'вечерние', 'ночные'][idNum % 4]} часы. Сегодня ваш коэффициент удачи повышен на ${idNum % 20 + 5}%.`,
 `Анализ вашей игровой истории (${idNum % 200 + 100} спинов) показывает, что вы ${idNum % 3 === 0 ? 'часто активируете бонусы' : 'редко получаете бонусы, но выигрываете крупно'}. Сейчас лучше использовать ${['агрессивную', 'осторожную', 'сбалансированную'][idNum % 3]} стратегию.`,
 `Ваш ID имеет особую энергетику! Наши алгоритмы обнаружили, что в следующие ${idNum % 6 + 2} часов у вас будет ${idNum % 15 + 70}% шанс на серию из 3+ бонусов. Рекомендуем играть с ставкой $${(idNum % 90 + 10) / 100}.`
 ];
personalAnalysis.textContent = analysisVariations[idNum % analysisVariations.length];
// Add pulse animation to highlight update
 const elements = [bonusChance, recommendedBet, slotPhase];
 elements.forEach(el => {
 el.classList.add('pulse');
 setTimeout(() => {
 el.classList.remove('pulse');
 }, 2000);
 });
 }
function startCountdown() {
 // Clear any existing interval
 if (countdownInterval) {
 clearInterval(countdownInterval);
 }
// Update immediately
 updateCountdownDisplay();
// Start new interval
 countdownInterval = setInterval(() => {
 secondsLeft--;
 updateCountdownDisplay();
if (secondsLeft <= 0) {
 clearInterval(countdownInterval);
 // Auto-update analysis when countdown reaches 0
 updateAnalysis();
 startCountdown();
 }
 }, 1000);
 }
function updateCountdownDisplay() {
 const mins = Math.floor(secondsLeft / 60);
 const secs = secondsLeft % 60;
 countdown.textContent = `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
 }
 </script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=timoon811/zeusland" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>