index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Premium Edge Injector - WinGo 30s</title>
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@500;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #00f2ff;
            --secondary: #7000ff;
            --accent: #ff0055;
            --bg-dark: #080808;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            background: #000;
            font-family: 'Rajdhani', sans-serif;
            height: 100vh;
            overflow: hidden;
        }

        #injector-box {
            width: 290px;
            background: var(--bg-dark);
            border-radius: 18px;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999;
            padding: 3px;
            overflow: hidden;
            box-shadow: 0 0 30px rgba(0,0,0,0.9);
        }

        #injector-box::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: conic-gradient(
                transparent 20%,
                var(--primary),
                var(--secondary),
                var(--accent),
                var(--primary),
                transparent 80%
            );
            animation: rotateBorder 5s linear infinite;
            z-index: -1;
        }

        .inner-content {
            background: var(--bg-dark);
            border-radius: 15px;
            height: 100%;
            width: 100%;
            position: relative;
            z-index: 1;
        }

        @keyframes rotateBorder {
            100% { transform: rotate(360deg); }
        }

        .drag-handle {
            padding: 12px 16px;
            background: rgba(255,255,255,0.03);
            cursor: move;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-radius: 15px 15px 0 0;
            border-bottom: 1px solid rgba(255,255,255,0.06);
        }

        .brand {
            font-family: 'Orbitron', sans-serif;
            font-size: 10px;
            letter-spacing: 2px;
            color: #fff;
            text-shadow: 0 0 6px var(--primary);
        }

        .close-btn {
            color: var(--accent);
            font-weight: bold;
            cursor: pointer;
            font-size: 18px;
        }

        .injector-body { padding: 16px; }

        .result-container {
            position: relative;
            background: rgba(0,0,0,0.65);
            border-radius: 12px;
            padding: 16px 12px;
            border: 1px solid rgba(0,242,255,0.08);
            text-align: center;
            margin-bottom: 16px;
            overflow: hidden;
        }

        .scan-line {
            position: absolute;
            top: -20%;
            left: 0;
            width: 100%;
            height: 3px;
            background: var(--primary);
            box-shadow: 0 0 12px var(--primary);
            animation: scan 3s linear infinite;
        }

        @keyframes scan {
            0%   { top: -20%; opacity: 0; }
            40%  { opacity: 0.9; }
            100% { top: 120%; opacity: 0; }
        }

        .label-small {
            font-size: 9px;
            color: #555;
            letter-spacing: 1.5px;
            margin-bottom: 6px;
        }

        .last-display {
            font-family: 'Orbitron', sans-serif;
            font-size: 48px;
            font-weight: 900;
            color: #fff;
            text-shadow: 0 0 18px var(--primary);
            margin: 8px 0;
        }

        .pred-text {
            font-size: 28px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin: 10px 0 6px;
        }

        .big  { color: var(--accent); text-shadow: 0 0 14px var(--accent); }
        .small{ color: var(--primary); text-shadow: 0 0 14px var(--primary); }

        .conf-text, .status-text {
            font-size: 14px;
            color: #aaa;
            margin: 4px 0;
        }

        .safe-text {
            margin-top: 10px;
            font-size: 13px;
            color: #777;
        }

        .btn {
            width: 100%;
            padding: 12px;
            border-radius: 10px;
            border: none;
            font-family: 'Orbitron', sans-serif;
            font-size: 11px;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 10px;
            cursor: pointer;
            transition: 0.25s;
        }

        .btn-main {
            background: linear-gradient(90deg, var(--secondary), var(--primary));
            color: white;
            box-shadow: 0 0 14px rgba(112,0,255,0.5);
        }

        .btn-main:active { transform: scale(0.97); }

        .btn-hide {
            background: rgba(255,255,255,0.05);
            color: #666;
        }

        #show-toggle {
            width: 56px;
            height: 56px;
            background: var(--bg-dark);
            border: 3px solid var(--primary);
            border-radius: 50%;
            position: fixed;
            bottom: 30px;
            right: 30px;
            display: none;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            box-shadow: 0 0 20px var(--primary);
            z-index: 10000;
        }
    </style>
</head>
<body>

    <div id="injector-box">
        <div class="inner-content">
            <div class="drag-handle" id="drag-area">
                <span class="brand">ZRX INJECTOR</span>
                <span class="close-btn" onclick="hideInjector()">✕</span>
            </div>

            <div class="injector-body">
                <div class="result-container">
                    <div class="scan-line"></div>
                    <div class="label-small">LIVE WIN GO 30S</div>
                    <div class="status-text" id="status">Connecting...</div>
                    <div class="last-display" id="last-num">?</div>
                    <div class="pred-text" id="prediction">WAITING...</div>
                    <div class="conf-text" id="confidence">Confidence: --%</div>
                    <div class="safe-text" id="safe-numbers">Safe: —</div>
                </div>

                <button class="btn btn-main" onclick="manualRefresh()">INJECT NOW</button>
                <button class="btn btn-hide" onclick="hideInjector()">HIDE</button>
            </div>
        </div>
    </div>

    <div id="show-toggle" onclick="showInjector()">
        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#00f2ff" stroke-width="2.5">
            <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
        </svg>
    </div>

    <script>
        // ──── DRAG LOGIC ────
        const box = document.getElementById("injector-box");
        const toggle = document.getElementById("show-toggle");
        let isDragging = false, offset = [0,0];

        document.getElementById("drag-area").onmousedown = (e) => {
            isDragging = true;
            offset = [box.offsetLeft - e.clientX, box.offsetTop - e.clientY];
        };
        document.onmousemove = (e) => {
            if (isDragging) {
                box.style.left = (e.clientX + offset[0]) + "px";
                box.style.top  = (e.clientY + offset[1]) + "px";
                box.style.transform = "none";
            }
        };
        document.onmouseup = () => isDragging = false;

        function hideInjector() {
            box.style.display = "none";
            toggle.style.display = "flex";
        }

        function showInjector() {
            box.style.display = "block";
            toggle.style.display = "none";
        }

        // ──── PREDICTION HELPERS (unchanged) ────
        function getFullLogicPrediction(lastNumber, period) {
            const num = parseInt(lastNumber);
            const pStr = period.toString();
            const pSum = [...pStr.slice(-3)].reduce((a, b) => a + parseInt(b), 0);

            const goldenRatio = 1.6180339887;
            const calc = Math.floor(((num * num) + pSum) * goldenRatio) % 10;

            let prediction = calc >= 5 ? "BIG" : "SMALL";

            let safeNumbers = [];
            if (prediction === "BIG") {
                safeNumbers = [(pSum % 5), (pSum + 2) % 5];
            } else {
                safeNumbers = [5 + (pSum % 5), 5 + ((pSum + 3) % 5)];
            }
            if (safeNumbers[0] === safeNumbers[1]) {
                safeNumbers[1] = (safeNumbers[1] + 1) % 10;
            }

            return {
                main: prediction,
                safe: safeNumbers.sort((a,b)=>a-b)
            };
        }

        function streakReversePredictor(nums) {
            if (nums.length < 4) return null;
            const recent = nums.slice(0,4);
            if (recent.every(n => n >= 5)) return {main:"SMALL", conf:84};
            if (recent.every(n => n < 5)) return {main:"BIG", conf:83};
            return null;
        }

        function parityPredictor(nums) {
            if (nums.length < 8) return null;
            const evens = nums.slice(0,8).filter(n=>n%2===0).length;
            const odds = 8 - evens;
            const main = evens > odds ? "SMALL" : "BIG";
            const conf = 76 + Math.abs(evens - odds) * 2.5;
            return {main, conf: Math.min(93, Math.round(conf))};
        }

        function getCombinedPrediction(lastNum, period, historyNums) {
            const logics = [];

            const l1 = getFullLogicPrediction(lastNum, period);
            logics.push({main: l1.main, conf: 86});

            const strk = streakReversePredictor(historyNums);
            if (strk) logics.push(strk);

            const par = parityPredictor(historyNums);
            if (par) logics.push(par);

            if (logics.length === 0) return {main:"—", conf:0, safe:[]};

            let bigScore = 0, total = 0;
            logics.forEach(l => {
                const w = l.conf / 100;
                if (l.main === "BIG") bigScore += w;
                total += w;
            });

            const bigProb = bigScore / total;
            const main = bigProb >= 0.5 ? "BIG" : "SMALL";
            const conf = Math.round(Math.max(bigProb, 1 - bigProb) * 100);

            return {
                main,
                conf: Math.min(95, conf),
                safe: l1.safe
            };
        }

        // ──── API WITH CORS PROXY FIX ────
        const TARGET_API = "https://draw.ar-lottery01.com/WinGo/WinGo_30S/GetHistoryIssuePage.json";

        let lastIssue = null;
        let history = []; // newest first

        async function fetchWithProxy() {
            const ts = Date.now();
            const target = `\( {TARGET_API}?ts= \){ts}`;

            // Proxy 1: allorigins (very reliable in 2026)
            let proxyUrl = `https://api.allorigins.win/raw?url=${encodeURIComponent(target)}`;

            // Fallback Proxy 2 if first fails
            const fallbackProxy = `https://corsproxy.io/?${encodeURIComponent(target)}`;

            const headers = {
                'User-Agent': 'Mozilla/5.0 (Linux; Android 13; SM-G998B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36',
                'Referer': 'https://win-go-lottery-app.com/',
                'Accept': 'application/json'
            };

            try {
                let res = await fetch(proxyUrl, { cache: 'no-store', headers });
                if (!res.ok && res.status !== 200) {
                    console.warn("Primary proxy failed → trying fallback");
                    proxyUrl = fallbackProxy;
                    res = await fetch(proxyUrl, { cache: 'no-store', headers });
                }

                if (!res.ok) {
                    throw new Error(`HTTP ${res.status} from proxy`);
                }

                const json = await res.json();
                const item = json?.data?.list?.[0];
                if (!item) throw new Error("No data in response");

                const issue = item.issue || item.period || String(ts);
                const rawNum = item.number || item.code || item.num || "0";
                const num = parseInt(rawNum, 10) % 10;

                if (lastIssue !== issue) {
                    history.unshift(num);
                    if (history.length > 12) history.pop();
                    lastIssue = issue;
                }

                return { num, issue, history: [...history] };
            } catch (err) {
                console.error("Fetch error:", err.message);
                return { error: err.message };
            }
        }

        async function updateInjector() {
            document.getElementById("status").textContent = "Fetching...";
            const data = await fetchWithProxy();

            if (data.error) {
                document.getElementById("status").textContent = "Error: " + data.error;
                document.getElementById("last-num").textContent = "ERR";
                document.getElementById("prediction").textContent = "FETCH FAILED";
                document.getElementById("confidence").textContent = "Check console";
                return;
            }

            const { num, issue, history } = data;

            document.getElementById("status").textContent = "Live • " + issue.slice(-6);
            document.getElementById("last-num").textContent = num;
            document.getElementById("last-num").style.color = num >= 5 ? "#ff0055" : "#00f2ff";

            const pred = getCombinedPrediction(num, issue, history);

            const predEl = document.getElementById("prediction");
            predEl.textContent = pred.main;
            predEl.className = "pred-text " + pred.main.toLowerCase();

            document.getElementById("confidence").textContent = `Confidence: ${pred.conf}%`;
            document.getElementById("safe-numbers").textContent = `Safe: ${pred.safe.join(" • ")}`;
        }

        // Start
        updateInjector();
        setInterval(updateInjector, 30000);

        function manualRefresh() {
            updateInjector();
        }
    </script>
</body>
</html>