// ==UserScript==
// @name         CyphrNX Crosshair 2
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Custom glowing crosshair for Bloxd.io
// @author       CyphrNX
// @match        https://bloxd.io/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bloxd.io
// @grant        none
// @license      MIT
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';

    function createCustomCrosshair() {
        // Remove the default crosshair
        const defaultCrosshair = document.querySelector(".CrossHair");
        if (defaultCrosshair) defaultCrosshair.style.display = "none";

        // Check if custom crosshair already exists
        if (document.getElementById("cyphrnx-crosshair")) return;

        // Create the crosshair
        const crosshair = document.createElement("div");
        crosshair.id = "cyphrnx-crosshair";
        crosshair.style.position = "fixed";
        crosshair.style.top = "50%";
        crosshair.style.left = "50%";
        crosshair.style.transform = "translate(-50%, -50%)";
        crosshair.style.width = "50px"; // Size of crosshair
        crosshair.style.height = "50px";
        crosshair.style.pointerEvents = "none"; // Prevent interference
        crosshair.style.zIndex = "9999"; // Ensure it's on top

        // Add glowing effect with lines
        crosshair.innerHTML = `
            <style>
                #cyphrnx-crosshair::before, #cyphrnx-crosshair::after {
                    content: "";
                    position: absolute;
                    background-color: red;
                    box-shadow: 0 0 10px red;
                }
                /* Horizontal Line */
                #cyphrnx-crosshair::before {
                    width: 40px;
                    height: 2px;
                    top: 50%;
                    left: 5px;
                    transform: translateY(-50%);
                }
                /* Vertical Line */
                #cyphrnx-crosshair::after {
                    width: 2px;
                    height: 40px;
                    left: 50%;
                    top: 5px;
                    transform: translateX(-50%);
                }
            </style>
        `;

        // Append to body
        document.body.appendChild(crosshair);
    }

    // Run once on script start
    createCustomCrosshair();

    // Observe changes dynamically to ensure it stays
    const observer = new MutationObserver(createCustomCrosshair);
    observer.observe(document.body, { childList: true, subtree: true });

})();