Spaces:

yurieminha
/

sfsff

Running

App Files Files Community

yurieminha commited on Aug 10, 2025

Commit

3aa4ef0

verified ·

1 Parent(s): 4ff7f58

coloca para o aviao do grafico para subir igual do jogo do aviator - Initial Deployment

Browse files

Files changed (2) hide show

README.md +6 -4
index.html +702 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Sfsff
-emoji: 🏢
-colorFrom: yellow
 colorTo: purple
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: sfsff
+emoji: 🐳
+colorFrom: red
 colorTo: purple
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,702 @@
-<!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="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Aviator TP7</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>
+        @keyframes planeRise {
+            0% {
+                bottom: 0%;
+                left: 50%;
+                transform: translateX(-50%) scale(1);
+                opacity: 1;
+            }
+            10% {
+                transform: translateX(-50%) scale(1.1);
+            }
+            20% {
+                transform: translateX(-50%) scale(1);
+            }
+            100% {
+                bottom: 100%;
+                left: calc(50% + 10%);
+                transform: translateX(-50%) scale(0.5);
+                opacity: 0;
+            }
+        }
+        .plane-rising {
+            animation: planeRise 8s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
+            filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.9));
+            transition: all 0.1s ease-out;
+        }
+        .plane-trail {
+            position: absolute;
+            width: 3px;
+            height: 40px;
+            background: linear-gradient(to bottom,
+                rgba(255, 100, 100, 0.9) 0%,
+                rgba(255, 50, 50, 0.7) 30%,
+                rgba(255, 0, 0, 0.5) 70%,
+                transparent 100%);
+            transform-origin: bottom center;
+            animation: trailFade 0.8s forwards;
+            border-radius: 3px;
+        }
+        @keyframes trailFade {
+            0% { opacity: 1; transform: scaleY(1); }
+            100% { opacity: 0; transform: scaleY(0.1); }
+        }
+        .cloud {
+            position: absolute;
+            background: rgba(255,255,255,0.1);
+            border-radius: 50%;
+            filter: blur(5px);
+            animation: cloudFloat 20s linear infinite;
+        }
+        @keyframes cloudFloat {
+            0% { transform: translateX(0) translateY(0); opacity: 0; }
+            10% { opacity: 0.3; }
+            90% { opacity: 0.3; }
+            100% { transform: translateX(100px) translateY(-20px); opacity: 0; }
+        }
+        .chart-container {
+            background:
+                linear-gradient(180deg, #0a0a0a 0%, #000000 100%),
+                repeating-linear-gradient(
+                    0deg,
+                    rgba(255, 0, 0, 0.1),
+                    rgba(255, 0, 0, 0.1) 1px,
+                    transparent 1px,
+                    transparent 15px
+                );
+            border: 1px solid #ff0000;
+            box-shadow:
+                0 0 20px rgba(255, 0, 0, 0.7),
+                inset 0 0 15px rgba(255, 0, 0, 0.5);
+            position: relative;
+            overflow: hidden;
+        }
+        .multiplier-badge {
+            position: absolute;
+            padding: 2px 8px;
+            border-radius: 12px;
+            font-size: 12px;
+            font-weight: bold;
+            color: white;
+            background: rgba(0,0,0,0.9);
+            border: 1px solid #ff0000;
+            box-shadow: 0 0 10px rgba(255, 0, 0, 0.7);
+            transform: translate(-50%, -50%);
+            z-index: 10;
+            animation: badgePulse 1s infinite alternate;
+        }
+        @keyframes badgePulse {
+            0% { transform: translate(-50%, -50%) scale(1); }
+            100% { transform: translate(-50%, -50%) scale(1.1); }
+        }
+        .notification {
+            animation: slideIn 0.5s forwards, slideOut 0.5s forwards 4.5s;
+        }
+        @keyframes slideIn {
+            from { transform: translateX(100%); }
+            to { transform: translateX(0); }
+        }
+        @keyframes slideOut {
+            from { transform: translateX(0); }
+            to { transform: translateX(100%); }
+        }
+        .chat-message {
+            opacity: 0;
+            animation: fadeIn 0.5s forwards;
+        }
+        @keyframes fadeIn {
+            to { opacity: 1; }
+        }
+        .time-badge {
+            animation: pulse 2s infinite;
+        }
+        @keyframes pulse {
+            0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }
+            70% { box-shadow: 0 0 0 10px rgba(255, 0, 0, 0); }
+            100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
+        }
+    </style>
+</head>
+<body class="bg-black text-white relative">
+    <div id="gameFrame" class="fixed inset-0 z-10 bg-black bg-opacity-90 hidden flex-col items-center justify-center">
+        <div class="w-full max-w-4xl h-5/6">
+            <iframe src="https://www.estrelabet.bet.br/gameplay/aviator" class="w-full h-full" frameborder="0"></iframe>
+        </div>
+        <button id="closeGame" class="mt-4 bg-red-600 hover:bg-red-700 text-white px-6 py-2 rounded-lg font-bold">
+            FECHAR JOGO
+        </button>
+    </div>
+    <div class="container mx-auto px-4 py-6 max-w-md relative z-0">
+        <!-- Header -->
+        <header class="flex justify-between items-center mb-6 border-b border-red-600 pb-4">
+            <div class="flex items-center">
+                <i class="fas fa-plane text-red-600 text-2xl mr-3"></i>
+                <h1 class="text-2xl font-bold text-red-600">AVIATOR <span class="text-white">TP7</span></h1>
+            </div>
+            <div class="text-sm bg-red-600 px-2 py-1 rounded">AO VIVO</div>
+        </header>
+        <!-- Chart Section -->
+        <div class="chart-container rounded-lg p-4 mb-4 relative h-64 overflow-hidden">
+            <div id="chart" class="h-full relative">
+                <div class="absolute top-0 left-0 right-0 h-px bg-red-600"></div>
+                <div class="absolute top-1/4 left-0 right-0 h-px bg-gray-700"></div>
+                <div class="absolute top-1/2 left-0 right-0 h-px bg-gray-700"></div>
+                <div class="absolute top-3/4 left-0 right-0 h-px bg-gray-700"></div>
+                <div id="plane" class="absolute bottom-0 left-1/2 transform -translate-x-1/2 text-red-600 text-3xl">
+                    <i class="fas fa-plane"></i>
+                </div>
+                <div id="multipliers" class="absolute top-0 left-0 right-0 h-full"></div>
+            </div>
+            <div class="absolute bottom-2 left-2 text-xs text-gray-400">Último sinal: <span id="lastSignal">-</span></div>
+            <div class="absolute bottom-2 right-2 text-xs text-gray-400">Próximo em: <span id="nextSignal">2:15</span></div>
+        </div>
+        <!-- Percentage Chart -->
+        <div class="chart-container rounded-lg p-4 mb-6 relative overflow-hidden">
+            <div class="flex justify-between items-center mb-3">
+                <h3 class="font-bold text-red-600">MELHOR HORÁRIO PARA ENTRAR</h3>
+                <div id="timeStatus" class="text-xs bg-red-600 px-2 py-1 rounded animate-pulse">AGORA!</div>
+            </div>
+            <div class="relative h-8 bg-gray-800 rounded-full overflow-hidden">
+                <div id="percentageBar" class="absolute top-0 left-0 h-full bg-gradient-to-r from-red-600 to-yellow-500 rounded-full" style="width: 0%"></div>
+                <div class="absolute inset-0 flex items-center justify-center text-xs font-bold text-white z-10">
+                    <span id="percentageText">0%</span>
+                </div>
+            </div>
+            <div class="flex justify-between mt-2 text-xs text-gray-400">
+                <span>Ruim</span>
+                <span>Ótimo</span>
+            </div>
+        </div>
+        <!-- Controls -->
+        <div class="flex justify-between mb-6 space-x-2">
+            <button id="startBtn" class="bg-red-600 hover:bg-red-700 text-white px-6 py-2 rounded-lg font-bold flex-1">
+                INICIAR SINAIS
+            </button>
+            <button id="openGame" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-bold">
+                ABRIR JOGO
+            </button>
+            <button id="soundBtn" class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-lg">
+                <i class="fas fa-volume-up"></i>
+            </button>
+        </div>
+        <!-- History Section -->
+        <div class="bg-gray-900 rounded-lg p-4 mb-4">
+            <div class="flex justify-between items-center mb-4 border-b border-gray-700 pb-2">
+                <h2 class="font-bold text-red-600">HISTÓRICO DE SINAIS</h2>
+            </div>
+            <div id="historyList" class="grid grid-cols-3 gap-2 text-sm">
+                <!-- History items will be added here -->
+            </div>
+        </div>
+        <!-- Chat Section -->
+        <div class="bg-gray-900 rounded-lg p-4 mb-6 h-96 overflow-y-auto flex flex-col">
+            <div class="flex justify-between items-center mb-4 border-b border-gray-700 pb-2">
+                <h2 class="font-bold text-red-600">CHAT DE SINAIS</h2>
+                <div class="text-xs bg-red-600 px-2 py-1 rounded">ONLINE</div>
+            </div>
+            <div id="chatMessages" class="flex-1 overflow-y-auto space-y-3">
+                <!-- Messages will be inserted here -->
+            </div>
+            <div class="mt-4 pt-4 border-t border-gray-700">
+                <div class="flex">
+                    <input type="text" id="chatInput" class="flex-1 bg-gray-800 text-white px-4 py-2 rounded-l-lg focus:outline-none" placeholder="Digite sua mensagem...">
+                    <button id="sendBtn" class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-r-lg">
+                        <i class="fas fa-paper-plane"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+        <!-- Notification -->
+        <div id="notification" class="fixed top-4 right-4 bg-black border border-red-600 rounded-lg p-4 w-64 shadow-lg hidden notification">
+            <div class="flex items-start">
+                <div class="text-red-600 mr-3">
+                    <i class="fas fa-bell"></i>
+                </div>
+                <div>
+                    <h3 class="font-bold">SINAL DO AVIATOR ENCONTRADO!</h3>
+                    <p id="notificationText" class="text-sm mt-1">Vela de <span class="font-bold">2X</span> detectada!</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        // Game state
+        let isRunning = false;
+        let signalInterval;
+        let chatInterval;
+        let currentMultiplier = 0;
+        const signalHistory = [];
+        // DOM elements
+        const plane = document.getElementById('plane');
+        const multipliersContainer = document.getElementById('multipliers');
+        const startBtn = document.getElementById('startBtn');
+        const soundBtn = document.getElementById('soundBtn');
+        const chatMessages = document.getElementById('chatMessages');
+        const chatInput = document.getElementById('chatInput');
+        const sendBtn = document.getElementById('sendBtn');
+        const notification = document.getElementById('notification');
+        const notificationText = document.getElementById('notificationText');
+        const lastSignal = document.getElementById('lastSignal');
+        const nextSignal = document.getElementById('nextSignal');
+        // Sample multipliers (focusing on 2X-10X range)
+        const multipliers = [2, 3, 4, 5, 6, 7, 8, 9, 10];
+        // Chat messages
+        const systemMessages = [
+            "🔥 PREVISÃO LIBERADA 🔥",
+            "🚨 Você precisa operar nessa casa, porque o gráfico é único! Se não estiver nela, vai perder todo o seu dinheiro ",
+            "⚠️ Atenção! Pode surgir velas entre 10x até 1.000x nesses períodos, com chance de pagamento próximo, até 1 minuto antes ou depois! ️",
+            "📈 Estratégia: Valor maior: Saindo no 1.3x como nossa proteção  📉",
+            "🎯 Valor menor: Mirando entre 10x e 1000x  🎯",
+            "⏰ Horários de Entrada  ⏰ 12:00 12:15 12:17 12:20 12:23 12:26 12:28 12:30 12:32 12:33 12:35 12:36",
+            "👉 JOGUE AQUI: galeraabet.bet 👈",
+            "💡 Lembre-se: nada é totalmente garantido. Se o gráfico estiver favorável, aproveite e siga o limite da vela!  💡",
+            "🔞 Permitido apenas para maiores de 18 anos. Jogue com consciência.  🔞"
+        ];
+        const timeSignals = [];
+        // Initialize
+        function init() {
+            // Set current time
+            updateNextSignalTime();
+            setInterval(updatePercentageChart, 1000);
+            // Event listeners
+            startBtn.addEventListener('click', toggleSignals);
+            soundBtn.addEventListener('click', toggleSound);
+            sendBtn.addEventListener('click', sendMessage);
+            chatInput.addEventListener('keypress', function(e) {
+                if (e.key === 'Enter') sendMessage();
+            });
+            // Add initial chat messages
+            addSystemMessage("Sistema", "🚀 Bem-vindo ao Aviator Pro Sinais! Os sinais começam automaticamente.  🚀");
+            setTimeout(() => {
+                addSystemMessage("Sistema", "🔔 Fique atento às notificações para os melhores momentos de entrada! 🔔");
+                // Add all system messages with delay
+                systemMessages.forEach((msg, index) => {
+                    setTimeout(() => {
+                        addSystemMessage("Sistema", msg);
+                    }, 2000 + (index * 2000));
+                });
+            }, 1500);
+        }
+        // Toggle signals
+        function toggleSignals() {
+            if (isRunning) {
+                stopSignals();
+                startBtn.textContent = 'INICIAR SINAIS';
+                startBtn.classList.remove('bg-gray-600');
+                startBtn.classList.add('bg-red-600');
+            } else {
+                startSignals();
+                startBtn.textContent = 'PARAR SINAIS';
+                startBtn.classList.remove('bg-red-600');
+                startBtn.classList.add('bg-gray-600');
+            }
+        }
+        // Start signals
+        function startSignals() {
+            isRunning = true;
+            // Clear any existing intervals
+            if (signalInterval) clearInterval(signalInterval);
+            if (chatInterval) clearInterval(chatInterval);
+            // Start signal generation
+            signalInterval = setInterval(generateSignal, 10000); // Every 10 seconds
+            // Start chat messages
+            chatInterval = setInterval(addRandomChatMessage, 5000);
+            // Initial signal
+            setTimeout(generateSignal, 2000);
+        }
+        // Stop signals
+        function stopSignals() {
+            isRunning = false;
+            clearInterval(signalInterval);
+            clearInterval(chatInterval);
+        }
+        // Update history display
+        function updateHistoryDisplay() {
+            const historyList = document.getElementById('historyList');
+            historyList.innerHTML = '';
+            // Show last 6 signals (most recent first)
+            const recentHistory = [...signalHistory].reverse().slice(0, 6);
+            recentHistory.forEach(item => {
+                const historyItem = document.createElement('div');
+                historyItem.className = `bg-gray-800 rounded p-2 text-center border ${item.multiplier >= 10 ? 'border-red-600' : 'border-gray-600'}`;
+                historyItem.innerHTML = `
+                    <div class="font-bold ${item.multiplier >= 10 ? 'text-red-500' : 'text-white'}">${item.multiplier}X</div>
+                    <div class="text-xs text-gray-400">${item.time}</div>
+                `;
+                historyList.appendChild(historyItem);
+            });
+        }
+        // Generate signal
+        function generateSignal() {
+            // Random multiplier (weighted towards lower values)
+            const rnd = Math.random();
+            let multiplier;
+            if (rnd < 0.6) {
+                multiplier = multipliers[Math.floor(Math.random() * 5)]; // 1.5x-5x
+            } else if (rnd < 0.9) {
+                multiplier = multipliers[5 + Math.floor(Math.random() * 5)]; // 10x-50x
+            } else {
+                multiplier = multipliers[10 + Math.floor(Math.random() * 3)]; // 100x-1000x
+            }
+            currentMultiplier = multiplier;
+            lastSignal.textContent = `${multiplier}X`;
+            updateNextSignalTime();
+            // Add to history
+            const now = new Date();
+            signalHistory.push({
+                multiplier: multiplier,
+                time: now.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'})
+            });
+            updateHistoryDisplay();
+            // Show notification
+            showNotification(multiplier);
+            // Add to chat
+            addSystemMessage("Sistema", `🔥 SINAL DETECTADO: ${multiplier}X  🔥`);
+            // Animate plane with randomized curve
+            animatePlane(multiplier, Math.random() > 0.5 ? 1 : -1);
+        }
+        // Animate plane with direction parameter
+        function animatePlane(multiplier, direction = 1) {
+            // Reset plane
+            plane.className = 'absolute bottom-0 left-1/2 transform -translate-x-1/2 text-red-600 text-4xl';
+            plane.innerHTML = '<i class="fas fa-plane" style="transform: rotate(45deg)"></i>';
+            // Clear previous multipliers
+            multipliersContainer.innerHTML = '';
+            // Add clouds
+            for (let i = 0; i < 5; i++) {
+                const cloud = document.createElement('div');
+                cloud.className = 'cloud';
+                cloud.style.width = `${20 + Math.random() * 30}px`;
+                cloud.style.height = `${10 + Math.random() * 20}px`;
+                cloud.style.left = `${Math.random() * 100}%`;
+                cloud.style.top = `${Math.random() * 100}%`;
+                cloud.style.animationDelay = `${Math.random() * 5}s`;
+                multipliersContainer.appendChild(cloud);
+            }
+            // Start rising animation with slight random delay
+            setTimeout(() => {
+                plane.classList.add('plane-rising');
+            }, Math.random() * 300);
+            // Show multipliers in real-time
+            const startTime = Date.now();
+            const duration = 8000; // 8 seconds
+            let lastTrailTime = 0;
+            let curveFactor = direction * (0.5 + Math.random() * 0.5);
+            const updateInterval = setInterval(() => {
+                const elapsed = Date.now() - startTime;
+                const progress = Math.min(elapsed / duration, 1);
+                const currentMultiplier = Math.floor(progress * multiplier);
+                // Add plane trail with slight randomness
+                if (elapsed - lastTrailTime > 40) {
+                    const trail = document.createElement('div');
+                    trail.className = 'plane-trail';
+                    // Calculate curved position
+                    const curveProgress = progress * 2 * Math.PI;
+                    const curveOffset = Math.sin(curveProgress) * 10 * curveFactor;
+                    trail.style.left = `calc(${plane.style.left} + ${curveOffset}px)`;
+                    trail.style.bottom = plane.style.bottom;
+                    trail.style.transform = `rotate(${curveOffset * 0.5}deg)`;
+                    multipliersContainer.appendChild(trail);
+                    lastTrailTime = elapsed;
+                    // Remove old trails
+                    if (multipliersContainer.children.length > 50) {
+                        multipliersContainer.removeChild(multipliersContainer.children[0]);
+                    }
+                }
+                // Update plane position with curve
+                const curveProgress = progress * 2 * Math.PI;
+                const curveOffset = Math.sin(curveProgress) * 15 * curveFactor;
+                plane.style.left = `calc(50% + ${curveOffset}px)`;
+                // Update current multiplier display
+                if (currentMultiplier >= 2 && currentMultiplier % 1 === 0) {
+                    const marker = document.createElement('div');
+                    marker.className = 'multiplier-badge bg-red-600 time-badge';
+                    marker.textContent = `${currentMultiplier}X`;
+                    marker.style.left = `${40 + Math.random() * 20}%`;
+                    marker.style.top = `${100 - (progress * 100)}%`;
+                    // Only add if not already present
+                    if (!document.querySelector(`.multiplier-badge[style*="${marker.style.top}"]`)) {
+                        multipliersContainer.appendChild(marker);
+                    }
+                }
+                // Clear at end
+                if (progress === 1) {
+                    clearInterval(updateInterval);
+                    setTimeout(() => {
+                        plane.className = 'absolute bottom-0 left-1/2 transform -translate-x-1/2 text-red-600 text-3xl';
+                        plane.innerHTML = '<i class="fas fa-plane"></i>';
+                    }, 1000);
+                }
+            }, 16); // ~60fps
+        }
+        // Show notification
+        function showNotification(multiplier) {
+            notificationText.innerHTML = `Vela de <span class="font-bold">${multiplier}X</span> detectada!`;
+            notification.classList.remove('hidden');
+            setTimeout(() => {
+                notification.classList.add('hidden');
+            }, 5000);
+        }
+        // Update next signal time
+        function updateNextSignalTime() {
+            const now = new Date();
+            const nextMinute = new Date(now.getTime() + 60000 - (now.getSeconds() * 1000) - now.getMilliseconds());
+            nextSignal.textContent = nextMinute.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'});
+            // Update percentage chart
+            updatePercentageChart();
+        }
+        // Update percentage chart
+        function updatePercentageChart() {
+            const now = new Date();
+            const seconds = now.getSeconds();
+            const minutes = now.getMinutes();
+            // Calculate percentage based on time (peaks at :00, :15, :30, :45)
+            let percentage;
+            const mod = minutes % 15;
+            if (mod === 0) {
+                // At peak times, show 97%-100%
+                percentage = 97 + (Math.random() * 3); // Random between 97-100
+            } else {
+                // Other times show 50%-96%
+                const base = 50;
+                const range = 46;
+                const progress = Math.min(mod / 15, (15 - mod) / 15);
+                percentage = base + (range * (1 - progress));
+                // Add some random variation
+                percentage += Math.random() * 5 - 2.5; // ±2.5%
+                percentage = Math.min(Math.max(percentage, 50), 96); // Clamp between 50-96
+            }
+            // Animate the bar
+            const percentageBar = document.getElementById('percentageBar');
+            const percentageText = document.getElementById('percentageText');
+            const timeStatus = document.getElementById('timeStatus');
+            percentageBar.style.width = `${percentage}%`;
+            percentageText.textContent = `${Math.round(percentage)}%`;
+            // Update status
+            if (percentage >= 97) {
+                timeStatus.textContent = "AGORA!";
+                timeStatus.className = "text-xs bg-red-600 px-2 py-1 rounded animate-pulse";
+                percentageBar.classList.add('animate-pulse');
+            } else if (percentage >= 80) {
+                timeStatus.textContent = "BOM";
+                timeStatus.className = "text-xs bg-yellow-600 px-2 py-1 rounded";
+                percentageBar.classList.remove('animate-pulse');
+            } else {
+                timeStatus.textContent = "ESPERAR";
+                timeStatus.className = "text-xs bg-gray-600 px-2 py-1 rounded";
+                percentageBar.classList.remove('animate-pulse');
+            }
+        }
+        // Toggle sound
+        function toggleSound() {
+            if (soundBtn.innerHTML.includes('volume-up')) {
+                soundBtn.innerHTML = '<i class="fas fa-volume-mute"></i>';
+            } else {
+                soundBtn.innerHTML = '<i class="fas fa-volume-up"></i>';
+            }
+        }
+        // Add system message
+        function addSystemMessage(sender, message) {
+            const messageDiv = document.createElement('div');
+            messageDiv.className = 'chat-message';
+            if (sender === "Sistema") {
+                messageDiv.innerHTML = `
+                    <div class="bg-gray-800 rounded-lg p-3">
+                        <div class="flex items-center mb-1">
+                            <span class="font-bold text-red-600">${sender}</span>
+                            <span class="text-xs text-gray-400 ml-2">${new Date().toLocaleTimeString()}</span>
+                        </div>
+                        <p class="text-sm">${message}</p>
+                    </div>
+                `;
+            } else {
+                messageDiv.innerHTML = `
+                    <div class="bg-gray-800 rounded-lg p-3">
+                        <div class="flex items-center mb-1">
+                            <span class="font-bold">${sender}</span>
+                            <span class="text-xs text-gray-400 ml-2">${new Date().toLocaleTimeString()}</span>
+                        </div>
+                        <p class="text-sm">${message}</p>
+                    </div>
+                `;
+            }
+            chatMessages.appendChild(messageDiv);
+            chatMessages.scrollTop = chatMessages.scrollHeight;
+        }
+        // Add random chat message
+        function addRandomChatMessage() {
+            if (Math.random() > 0.3) return; // 70% chance to skip
+            const now = new Date();
+            const currentMinute = now.getMinutes();
+            // Sometimes add a time signal
+            if (Math.random() > 0.8 && timeSignals.length > 0) {
+                const randomSignal = timeSignals[Math.floor(Math.random() * timeSignals.length)];
+                addSystemMessage("Sistema", `⏰ PRÓXIMO SINAL: ${randomSignal}`);
+                return;
+            }
+            // Sometimes add a system message
+            if (Math.random() > 0.7 && systemMessages.length > 0) {
+                const randomMessage = systemMessages[Math.floor(Math.random() * systemMessages.length)];
+                addSystemMessage("Sistema", randomMessage);
+                return;
+            }
+            // User messages
+            const users = ["João", "Maria", "Carlos", "Ana", "Pedro", "Luiza"];
+            const messages = [
+                "Acabei de pegar 50x! Obrigado pelos sinais!",
+                "Alguém mais operando agora?",
+                "Vamos que vamos!",
+                "Tô confiante nesse sinal!",
+                "Alguém pode explicar a estratégia novamente?",
+                "Estou seguindo e está dando certo!",
+                "Quanto vocês estão colocando?",
+                "Vamos focar nas velas altas hoje!",
+                "Alguém pegou o sinal de 100x que teve mais cedo?",
+                "Estou começando agora, alguma dica?"
+            ];
+            const user = users[Math.floor(Math.random() * users.length)];
+            const message = messages[Math.floor(Math.random() * messages.length)];
+            addSystemMessage(user, message);
+        }
+        // Send message
+        function sendMessage() {
+            const message = chatInput.value.trim();
+            if (message) {
+                addSystemMessage("Você", message);
+                chatInput.value = '';
+                // Simulate reply
+                if (Math.random() > 0.5) {
+                    setTimeout(() => {
+                        const replies = [
+                            "Boa estratégia!",
+                            "Estou contigo!",
+                            "Vamos juntos nessa!",
+                            "Ótima pergunta, alguém pode ajudar?",
+                            "Isso mesmo, continue assim!",
+                            "Boa sorte na operação!"
+                        ];
+                        const reply = replies[Math.floor(Math.random() * replies.length)];
+                        addSystemMessage("Apoiador", reply);
+                    }, 1000 + Math.random() * 2000);
+                }
+            }
+        }
+        // Game frame controls
+        const gameFrame = document.getElementById('gameFrame');
+        const openGameBtn = document.getElementById('openGame');
+        const closeGameBtn = document.getElementById('closeGame');
+        openGameBtn.addEventListener('click', () => {
+            gameFrame.classList.remove('hidden');
+            gameFrame.classList.add('flex');
+        });
+        closeGameBtn.addEventListener('click', () => {
+            gameFrame.classList.add('hidden');
+            gameFrame.classList.remove('flex');
+        });
+        // Initialize on load
+        window.onload = init;
+    </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=yurieminha/sfsff" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>