Design a modern, mobile-optimized Jackpot page for the online sweepstakes casino Nioplay. Use selective glassmorphism, neon gold accents, animated jackpot counters, and lightweight iconography. Avoid overusing glass cards — use glow icons, badge counters, and infographic layouts where possible. Visual hierarchy should guide players step-by-step without overwhelming them. 🌌 BACKGROUND & AESTHETIC FOUNDATION Background: radial-gradient(circle at center, #0a0a0a 0%, #1a0d00 40%, #2e1300 70%, #000000 100%) Font: Orbitron or Poppins Accent Glow: Primary: #FFD700 (golden yellow) Secondary: #FF6A00 (neon orange) UI Style: Use glass cards only for important interactive blocks (e.g., toggles, leaderboards, tables). Use icon rows or highlight badges for supportive info. 🥇 SECTION 1: JACKPOT HEADER Header Text: Glowing neon yellow “JACKPOT” headline with dice, coins, or slot symbols faintly floating behind. Add light shimmer or slow twinkle animation. Jackpot Total Display: Large number (e.g., 3,198,392.30 SC) with pulsing animated increase. Slight radial glow around the number. Below: Small text: "Updates live as players spin in Jackpot Mode." Jackpot Mode Toggle: Pill-shaped toggle (green ON/OFF) with glowing outline. Label: "Jackpot Mode" Subtext: "0.05 SC per spin while active" 💡 This section should be bold and attention-grabbing, but not overly boxed-in. No need for glass cards — just let it breathe. 🎯 SECTION 2: HOW TO ENTER (USE ICON ROW) Use a horizontal icon row (no glass cards), each with: Circle icon (minimal glow) Bold label underneath Optional short subtext below 4 Steps: Enable Jackpot Mode (Toggle Icon) Spin Any Game (Slot Reel Icon) Pay Entry Fee (Coin Drop Icon) Win Big (Treasure Icon) 🧠 Use responsive layout: Stack into two rows on mobile. Icons should be color-coded with soft shadows — no need for borders or backgrounds here. ⏳ SECTION 3: COUNTDOWN TIMER (MINIMAL GLASS CARD) Use a single thin glass card for the countdown block. Inside: Label: "Next Jackpot Drops In:" Countdown Timer: 01:23:52 (animated glow digits) Small gold sparkles around timer. Caption: "Jackpot drops every 6 hours or when pot cap is hit." ✂️ Don't overdesign — treat this as a divider between top and mid sections. 💰 SECTION 4: JACKPOT TIERS (ICON GRID) Replace full cards with an infographic-style 3-tier layout: 3 vertical icons, each with: Tier Name (Mini / Mega / Legendary) Range Text (e.g., 500–1,999 SC) Pot Icon (styled differently per tier) Tier glow color: Mini = Gold Mega = Orange Legendary = Red Pulse ✅ Avoid using separate cards. Use subtle line dividers or just space them evenly. Think “slot game infographic.” 📊 SECTION 5: RECENT WINNERS TABLE (GLASS CARD — ONE OF THE FEW) One wide glassmorphism card Title: "Recent Nioplay Jackpot Winners" Table format: Columns: Username | Prize | Game | Date Each row glows green briefly when added (animated). Hover glow on row: soft neon outline. ✅ This is one of the few places glass works — use it to frame player wins clearly. 🔔 SECTION 6: LIVE WIN FEED (TICKER STYLE) Create a thin horizontal scroll bar under the winner table (not inside a card). Scrolls recent wins: "🎉 LuckyRoller88 won 4,200 SC on Super Panda!" Auto-scrolls or fades between each win every 5 seconds. 💡 Keep it sleek — small text on black background with gold glow. 📈 SECTION 7: JACKPOT STATS (BADGE STYLE) Instead of cards, use horizontal glowing badges with icons: Spins Today: 182,390 Players in Jackpot Mode: 982 Biggest Jackpot Ever: 41,200 SC Each badge has: Icon on the left Bold glowing number No background card — just floating with light drop shadow 🧍‍♂️ SECTION 8: TOP CONTRIBUTORS (OPTIONAL) If used, limit to a simple scroll list, no card Each row: Avatar Username Amount contributed Use crown emojis 🥇🥈🥉 for top 3. Minimalistic, not boxed. 📃 SECTION 9: TERMS COLLAPSE Dropdown-style collapsible block titled: "Nioplay Jackpot Terms & Details" Show hidden block on click with clean text. No need for a card — just a thin line separator and dropdown. - Initial Deployment

README.md

@@ -1,10 +1,12 @@
 ---
-title: Jackpot Ui
-emoji: 👁
-colorFrom: purple
-colorTo: green
+title: jackpot-ui
+emoji: 🐳
+colorFrom: blue
+colorTo: yellow
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html

@@ -1,19 +1,449 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nioplay Jackpot</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        'gold': '#FFD700',
+                        'neon-orange': '#FF6A00',
+                        'dark-bg': '#0a0a0a',
+                    },
+                    fontFamily: {
+                        'orbitron': ['Orbitron', 'sans-serif'],
+                        'poppins': ['Poppins', 'sans-serif'],
+                    },
+                    dropShadow: {
+                        'gold': '0 0 8px rgba(255, 215, 0, 0.6)',
+                        'neon': '0 0 15px rgba(255, 106, 0, 0.7)',
+                    }
+                }
+            }
+        }
+    </script>
+    <style type="text/css">
+        body {
+            background: radial-gradient(circle at center, #0a0a0a 0%, #1a0d00 40%, #2e1300 70%, #000000 100%);
+            min-height: 100vh;
+            color: white;
+            overflow-x: hidden;
+            font-family: 'Poppins', sans-serif;
+        }
+        
+        /* Glowing text effects */
+        .glow-gold {
+            text-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
+            color: #FFD700;
+        }
+        
+        .glow-orange {
+            text-shadow: 0 0 10px rgba(255, 106, 0, 0.7);
+            color: #FF6A00;
+        }
+        
+        /* Glass card effect */
+        .glass-card {
+            background: rgba(15, 10, 5, 0.2);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 215, 0, 0.1);
+            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+            border-radius: 12px;
+            position: relative;
+            overflow: hidden;
+        }
+        
+        .glass-card:before {
+            content: '';
+            position: absolute;
+            top: -2px; left: -2px; right: -2px; bottom: -2px;
+            background: linear-gradient(45deg, 
+                rgba(255, 215, 0, 0.05), 
+                rgba(255, 106, 0, 0.05), 
+                rgba(255, 215, 0, 0.05));
+            z-index: -1;
+            border-radius: 14px;
+        }
+        
+        /* Jackpot counter animation */
+        @keyframes pulse {
+            0% { transform: scale(1); }
+            50% { transform: scale(1.03); }
+            100% { transform: scale(1); }
+        }
+        
+        .pulse-animation {
+            animation: pulse 1.5s infinite;
+        }
+        
+        /* Floating dice animation */
+        @keyframes float {
+            0% { transform: translateY(0px); }
+            50% { transform: translateY(-10px); }
+            100% { transform: translateY(0px); }
+        }
+        
+        .dice-float {
+            animation: float 6s ease-in-out infinite;
+        }
+        
+        .coin-float {
+            animation: float 4s ease-in-out infinite 1s;
+        }
+        
+        .slot-float {
+            animation: float 5s ease-in-out infinite 0.5s;
+        }
+        
+        /* Progress bar animation */
+        .progress-bar-grow {
+            animation: grow 1.5s ease-in-out forwards;
+        }
+        
+        @keyframes grow {
+            from { width: 0; }
+            to { width: 100%; }
+        }
+        
+        /* Blinking animation for live elements */
+        @keyframes blink {
+            0% { opacity: 0.4; }
+            50% { opacity: 1; }
+            100% { opacity: 0.4; }
+        }
+        
+        .blink-animation {
+            animation: blink 1.5s infinite;
+        }
+        
+        /* Shimmer effect for jackpot header */
+        @keyframes shimmer {
+            0% { background-position: -200% 0; }
+            100% { background-position: 200% 0; }
+        }
+        
+        .shimmer-effect {
+            background: linear-gradient(90deg, transparent, rgba(255,215,0,0.3), transparent);
+            background-size: 200% 100%;
+            animation: shimmer 4s linear infinite;
+        }
+        
+        /* Row glow on hover */
+        .glow-row:hover {
+            background: rgba(255, 215, 0, 0.05);
+            box-shadow: 0 0 15px rgba(255, 215, 0, 0.1);
+        }
+    </style>
+</head>
+<body class="dark-bg">
+    <!-- Jackpot Header -->
+    <header class="py-8 px-4 text-center relative overflow-hidden">
+        <div class="absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none">
+            <i class="fas fa-dice-d20 text-6xl absolute top-1/4 left-1/6 opacity-40 dice-float"></i>
+            <i class="fas fa-coins text-5xl absolute top-2/3 left-3/4 opacity-40 coin-float"></i>
+            <i class="fas fa-cherries text-4xl absolute top-1/3 left-4/5 opacity-40 slot-float"></i>
+            <i class="fas fa-diamond text-4xl absolute top-2/5 left-1/4 opacity-40 slot-float"></i>
+        </div>
+        
+        <h1 class="text-5xl md:text-7xl font-bold mb-2 font-orbitron glow-gold relative">
+            <span class="shimmer-effect">JACKPOT</span>
+        </h1>
+        
+        <div class="my-6 relative z-10">
+            <div class="pulse-animation glow-gold text-5xl md:text-6xl font-bold font-orbitron">
+                <span id="jackpotCounter">3,198,392.30</span> SC
+            </div>
+            <p class="mt-2 text-sm text-gray-300">Updates live as players spin in Jackpot Mode.</p>
+            
+            <div class="mt-6 flex justify-center items-center gap-3">
+                <label for="jackpotToggle" class="text-sm font-semibold">Jackpot Mode</label>
+                <div class="relative">
+                    <input type="checkbox" id="jackpotToggle" class="sr-only">
+                    <div class="block w-16 h-8 bg-gray-700 rounded-full cursor-pointer relative overflow-hidden">
+                        <div class="absolute inset-0.5 rounded-full border border-gold opacity-30"></div>
+                        <div class="absolute left-1 top-1 w-6 h-6 rounded-full bg-gray-400 transform transition-transform duration-300 ease-in-out"></div>
+                    </div>
+                </div>
+                <span class="text-xs text-gray-400">0.05 SC per spin while active</span>
+            </div>
+        </div>
+    </header>
+
+    <!-- How to Enter (Icon Row) -->
+    <section class="py-8 px-4">
+        <h2 class="text-xl font-semibold text-center mb-8 glow-gold font-orbitron">HOW TO ENTER</h2>
+        <div class="grid grid-cols-2 lg:grid-cols-4 gap-8 max-w-4xl mx-auto">
+            <!-- Step 1 -->
+            <div class="flex flex-col items-center text-center gap-2">
+                <div class="w-20 h-20 rounded-full flex items-center justify-center text-2xl relative">
+                    <div class="absolute inset-0 bg-gradient-to-br from-gold to-transparent rounded-full opacity-30"></div>
+                    <i class="fas fa-toggle-on glow-gold"></i>
+                </div>
+                <span class="font-bold mt-2 glow-gold">Enable Jackpot Mode</span>
+            </div>
+            
+            <!-- Step 2 -->
+            <div class="flex flex-col items-center text-center gap-2">
+                <div class="w-20 h-20 rounded-full flex items-center justify-center text-2xl relative">
+                    <div class="absolute inset-0 bg-gradient-to-br from-gold to-transparent rounded-full opacity-30"></div>
+                    <i class="fas fa-slot-machine glow-gold"></i>
+                </div>
+                <span class="font-bold mt-2 glow-gold">Spin Any Game</span>
+                <span class="text-xs text-gray-400">All games qualify</span>
+            </div>
+            
+            <!-- Step 3 -->
+            <div class="flex flex-col items-center text-center gap-2">
+                <div class="w-20 h-20 rounded-full flex items-center justify-center text-2xl relative">
+                    <div class="absolute inset-0 bg-gradient-to-br from-gold to-transparent rounded-full opacity-30"></div>
+                    <i class="fas fa-coins glow-gold"></i>
+                </div>
+                <span class="font-bold mt-2 glow-gold">Pay Entry Fee</span>
+                <span class="text-xs text-gray-400">0.05 SC per spin</span>
+            </div>
+            
+            <!-- Step 4 -->
+            <div class="flex flex-col items-center text-center gap-2">
+                <div class="w-20 h-20 rounded-full flex items-center justify-center text-2xl relative">
+                    <div class="absolute inset-0 bg-gradient-to-br from-gold to-transparent rounded-full opacity-30"></div>
+                    <i class="fas fa-gem glow-gold"></i>
+                </div>
+                <span class="font-bold mt-2 glow-gold">Win Big</span>
+            </div>
+        </div>
+    </section>
+
+    <!-- Countdown Timer -->
+    <section class="py-8 px-4 max-w-2xl mx-auto">
+        <div class="glass-card py-6 px-8">
+            <div class="text-center">
+                <span class="text-sm glow-orange">Next Jackpot Drops In:</span>
+                <div class="flex justify-center items-center mt-4 space-x-2 md:space-x-4">
+                    <div class="text-4xl md:text-5xl font-bold font-orbitron glow-gold">01</div>
+                    <div class="text-3xl font-bold font-orbitron glow-gold">:</div>
+                    <div class="text-4xl md:text-5xl font-bold font-orbitron glow-gold">23</div>
+                    <div class="text-3xl font-bold font-orbitron glow-gold">:</div>
+                    <div class="text-4xl md:text-5xl font-bold font-orbitron glow-gold">52</div>
+                </div>
+                <p class="mt-4 text-xs text-gray-400">Jackpot drops every 6 hours or when pot cap is hit.</p>
+            </div>
+        </div>
+    </section>
+
+    <!-- Jackpot Tiers -->
+    <section class="py-12 px-4 max-w-4xl mx-auto">
+        <h2 class="text-xl font-semibold text-center mb-8 glow-gold font-orbitron">JACKPOT TIERS</h2>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
+            <!-- Mini Tier -->
+            <div class="flex flex-col items-center">
+                <div class="h-40 w-40 rounded-full border-2 border-gold flex items-center justify-center mb-4 glow-gold">
+                    <i class="fas fa-chess-pawn text-4xl glow-gold"></i>
+                </div>
+                <span class="text-lg font-bold glow-gold">Mini</span>
+                <span class="text-sm glow-orange mt-2">500 - 1,999 SC</span>
+            </div>
+            
+            <!-- Mega Tier -->
+            <div class="flex flex-col items-center">
+                <div class="h-40 w-40 rounded-full border-2 border-neon-orange flex items-center justify-center mb-4 glow-orange">
+                    <i class="fas fa-chess-knight text-4xl glow-orange"></i>
+                </div>
+                <span class="text-lg font-bold glow-orange">Mega</span>
+                <span class="text-sm glow-orange mt-2">2,000 - 9,999 SC</span>
+            </div>
+            
+            <!-- Legendary Tier -->
+            <div class="flex flex-col items-center">
+                <div class="h-40 w-40 rounded-full border-2 border-red-500 flex items-center justify-center mb-4" style="box-shadow: 0 0 15px rgba(255, 0, 0, 0.4);">
+                    <i class="fas fa-chess-king text-4xl" style="text-shadow: 0 0 8px rgba(255, 0, 0, 0.6);"></i>
+                </div>
+                <span class="text-lg font-bold" style="text-shadow: 0 0 8px rgba(255, 0, 0, 0.6); color: #ff5555;">Legendary</span>
+                <span class="text-sm mt-2" style="text-shadow: 0 0 5px rgba(255, 85, 85, 0.6);">10,000+ SC</span>
+            </div>
+        </div>
+    </section>
+
+    <!-- Recent Winners -->
+    <section class="py-8 px-4 max-w-6xl mx-auto">
+        <h2 class="text-xl font-semibold text-center mb-6 glow-gold font-orbitron">RECENT NIOPLAY JACKPOT WINNERS</h2>
+        <div class="glass-card overflow-hidden">
+            <table class="w-full">
+                <thead>
+                    <tr class="bg-gray-800/40 text-left">
+                        <th class="py-3 px-6">Username</th>
+                        <th class="py-3 px-6">Prize</th>
+                        <th class="py-3 px-6">Game</th>
+                        <th class="py-3 px-6">Date</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr class="glow-row border-b border-gray-700/50 transition duration-200 cursor-pointer relative">
+                        <td class="py-3 px-6">GoldSpinner</td>
+                        <td class="py-3 px-6 font-semibold glow-gold">2,450 SC</td>
+                        <td class="py-3 px-6">Golden Fortune</td>
+                        <td class="py-3 px-6 text-gray-400">2 min ago</td>
+                    </tr>
+                    <tr class="glow-row border-b border-gray-700/50 transition duration-200 cursor-pointer">
+                        <td class="py-3 px-6">NeonRider</td>
+                        <td class="py-3 px-6 font-semibold glow-orange">8,220 SC</td>
+                        <td class="py-3 px-6">Diamond Jacks</td>
+                        <td class="py-3 px-6 text-gray-400">17 min ago</td>
+                    </tr>
+                    <tr class="glow-row border-b border-gray-700/50 transition duration-200 cursor-pointer">
+                        <td class="py-3 px-6">CasinoViking</td>
+                        <td class="py-3 px-6 font-semibold glow-gold">1,250 SC</td>
+                        <td class="py-3 px-6">Nordic Luck</td>
+                        <td class="py-3 px-6 text-gray-400">35 min ago</td>
+                    </tr>
+                    <tr class="glow-row border-b border-gray-700/50 transition duration-200 cursor-pointer">
+                        <td class="py-3 px-6">LuckDragon</td>
+                        <td class="py-3 px-6 font-semibold" style="color: #ff5555; text-shadow: 0 0 8px rgba(255,85,85,0.6);">16,500 SC</td>
+                        <td class="py-3 px-6">Dragon's Hoard</td>
+                        <td class="py-3 px-6 text-gray-400">1 hr ago</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </section>
+
+    <!-- Live Win Feed -->
+    <section class="py-6 px-4 max-w-6xl mx-auto">
+        <div class="relative overflow-hidden">
+            <div class="bg-black/20 p-3 rounded-md flex items-center space-x-3 text-sm glow-gold blink-animation">
+                <i class="fas fa-fire glow-gold"></i>
+                <div class="overflow-hidden h-6">
+                    <div id="liveFeed" class="transform transition-transform duration-500"></div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Jackpot Stats -->
+    <section class="py-10 px-4 max-w-4xl mx-auto">
+        <div class="flex flex-wrap justify-center gap-6">
+            <div class="flex items-center gap-3 py-2 px-4 bg-gradient-to-r from-gray-800/30 to-gray-900/30 rounded-lg drop-shadow-lg">
+                <i class="fas fa-spinner text-xl glow-gold"></i>
+                <div>
+                    <p class="text-xs">Spins Today</p>
+                    <p class="text-lg font-bold glow-gold">182,390</p>
+                </div>
+            </div>
+            
+            <div class="flex items-center gap-3 py-2 px-4 bg-gradient-to-r from-gray-800/30 to-gray-900/30 rounded-lg drop-shadow-lg">
+                <i class="fas fa-users text-xl glow-orange"></i>
+                <div>
+                    <p class="text-xs">Players in Jackpot Mode</p>
+                    <p class="text-lg font-bold glow-orange">982</p>
+                </div>
+            </div>
+            
+            <div class="flex items-center gap-3 py-2 px-4 bg-gradient-to-r from-gray-800/30 to-gray-900/30 rounded-lg drop-shadow-lg">
+                <i class="fas fa-trophy text-xl" style="color: #ff5555; text-shadow: 0 0 8px rgba(255,85,85,0.6);"></i>
+                <div>
+                    <p class="text-xs">Biggest Jackpot Ever</p>
+                    <p class="text-lg font-bold" style="color: #ff5555; text-shadow: 0 0 8px rgba(255,85,85,0.6);">41,200 SC</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Top Contributors -->
+    <section class="py-8 px-4 max-w-4xl mx-auto">
+        <h2 class="text-xl font-semibold text-center mb-6 glow-gold font-orbitron">TOP CONTRIBUTORS</h2>
+        <div class="space-y-2">
+            <div class="flex justify-between items-center py-3 px-6 bg-black/20 rounded-lg glow-row">
+                <div class="flex items-center gap-3">
+                    <span>🥇</span>
+                    <span>BigWinner777</span>
+                </div>
+                <span class="font-bold glow-gold">5,230 SC</span>
+            </div>
+            
+            <div class="flex justify-between items-center py-3 px-6 bg-black/20 rounded-lg glow-row">
+                <div class="flex items-center gap-3">
+                    <span>🥈</span>
+                    <span>CasinoRoyale</span>
+                </div>
+                <span class="font-bold glow-gold">4,890 SC</span>
+            </div>
+            
+            <div class="flex justify-between items-center py-3 px-6 bg-black/20 rounded-lg glow-row">
+                <div class="flex items-center gap-3">
+                    <span>🥉</span>
+                    <span>SlotMaster</span>
+                </div>
+                <span class="font-bold glow-gold">3,750 SC</span>
+            </div>
+        </div>
+    </section>
+
+    <!-- Terms Collapse -->
+    <section class="py-8 px-4 max-w-3xl mx-auto">
+        <div class="border-t border-gray-700/50 pt-6">
+            <div class="cursor-pointer group">
+                <h3 class="text-lg font-semibold flex items-center gap-2 glow-gold">
+                    Nioplay Jackpot Terms & Details
+                    <i class="fas fa-chevron-down text-sm transform transition-transform group-focus:rotate-180"></i>
+                </h3>
+            </div>
+            <div class="mt-4 text-sm text-gray-300 space-y-2">
+                <p>The Nioplay Jackpot contributes 0.05 SC to the pool from every eligible spin while in Jackpot Mode. Prize tiers are determined by accumulated amounts and awarded randomly throughout the day.</p>
+                <p>Games contributing: All slot machines, roulette (spins only), and select table games. Terms and conditions apply.</p>
+            </div>
+        </div>
+    </section>
+
+    <script>
+        // Jackpot counter animation
+        let jackpot = 3198392.30;
+        let jackpotIncrement = 0;
+        
+        function updateJackpotCounter() {
+            jackpotIncrement += Math.random() * 50;
+            const incrementFactor = 1 + (Math.random() * 0.0003);
+            jackpot *= incrementFactor;
+            
+            const displayValue = (jackpot + jackpotIncrement).toFixed(2);
+            document.getElementById('jackpotCounter').innerText = 
+                parseInt(displayValue).toLocaleString() + '.' + displayValue.split('.')[1];
+                
+            setTimeout(updateJackpotCounter, 2000);
+        }
+        
+        // Live win feed updates
+        const winMessages = [
+            "🎉 LuckyRoller88 won 4,200 SC on Super Panda!",
+            "🚀 JackpotJester scored 1,830 SC on Cosmic Fortune!",
+            "💰 CasinoQueen hit 3,450 SC on Diamond Jacks!",
+            "💫 SlotMaster just won 8,920 SC on Pharaoh's Gold!",
+            "🎰 RouletteRoyale landed 5,340 SC on European Roulette!"
+        ];
+        
+        function updateLiveFeed() {
+            const liveFeed = document.getElementById('liveFeed');
+            const index = Math.floor(Math.random() * winMessages.length);
+            liveFeed.innerHTML = winMessages[index];
+            liveFeed.classList.add('transition-transform');
+            
+            setTimeout(() => {
+                liveFeed.classList.remove('transition-transform');
+                liveFeed.style.transform = 'translateY(0)';
+            }, 100);
+            
+            setTimeout(updateLiveFeed, 5000);
+        }
+        
+        // Initialize all animations
+        document.addEventListener('DOMContentLoaded', function() {
+            updateJackpotCounter();
+            updateLiveFeed();
+        });
+    </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=ProjectGenesis/jackpot-ui" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>