Make OP-Bots better on LegendMod

Making OP-bot userinterface draggable and some other features for Legendmod & Delta

// ==UserScript==
// @name         Make OP-Bots better on LegendMod
// @namespace    LegendMod Delta Agario Opbot script
// @version      0.1
// @description  Making OP-bot userinterface draggable and some other features for Legendmod & Delta
// @author       New Jack 🕹️
// @icon         https://op-bots.com/assets/images/logo/logo.png
// @grant        none
// @match        https://agar.io/*
// @run-at       document-start
// @license MIT
// ==/UserScript==

setTimeout(function() {
    'use strict';

    console.log("Script is running after 10 seconds");


    const miniUI = document.getElementById("miniUI");

    if (miniUI) {
        let x = 0;
        let y = 0;
        let offsetX = 0;
        let offsetY = 0;
        let isDragging = false;
        let isTransparent = false;

        const markerDiv = miniUI.querySelector(".marker");
        if (markerDiv) {
            markerDiv.remove();
        }
        const topRow = document.createElement("div");
        topRow.style.display = "flex";
        topRow.style.justifyContent = "center";
        topRow.style.lineHeight = "1.5";

        const toggleButton = document.createElement("img");
        toggleButton.src = "https://i.imgur.com/jUszW9j.png";
        toggleButton.style.width = "15%";
        toggleButton.style.height = "10%";
        toggleButton.addEventListener("click", toggleFeatures);
        topRow.appendChild(toggleButton);

        miniUI.insertBefore(topRow, miniUI.firstChild);


const linkRow = document.createElement("div");
linkRow.style.display = "flex";
linkRow.style.justifyContent = "center";
linkRow.style.lineHeight = "1.5";

const hyperlink = document.createElement("a");
hyperlink.href = "https://op-bots.com";
hyperlink.innerText = "op-bots.com";
hyperlink.style.color = "purple";
hyperlink.target = "_blank";
linkRow.appendChild(hyperlink);

miniUI.insertBefore(linkRow, topRow.nextSibling);

        miniUI.addEventListener("mousedown", onMouseDown);

        function onMouseDown(event) {
            isDragging = true;
            offsetX = event.clientX;
            offsetY = event.clientY;
            document.addEventListener("mousemove", onMouseMove);
            document.addEventListener("mouseup", onMouseUp);
        }

        function onMouseMove(event) {
            if (isDragging) {
                x = x + event.clientX - offsetX;
                y = y + event.clientY - offsetY;
                miniUI.style.left = x + "px";
                miniUI.style.top = y + "px";
                offsetX = event.clientX;
                offsetY = event.clientY;
            }
        }

        function onMouseUp() {
            isDragging = false;
            document.removeEventListener("mousemove", onMouseMove);
            document.removeEventListener("mouseup", onMouseUp);
        }

        function toggleFeatures() {
            isTransparent = !isTransparent;
            const backgroundColorValue = isTransparent ? "transparent" : "";
            const fontColorValue = isTransparent ? "grey" : "";

            toggleButton.style.transition = "transform 0.3s";
            toggleButton.style.transform = isTransparent ? "rotate(7200deg)" : "rotate(0deg)";

            const children = miniUI.querySelectorAll('*');
            children.forEach((child) => {
                child.style.backgroundColor = backgroundColorValue;
                child.style.color = fontColorValue;
            });
        }

        miniUI.style.position = "absolute";
    }

var mainopDiv = document.querySelector('.mainop');

document.addEventListener('keydown', function(event) {
  if (event.keyCode === 72 || event.keyCode === 74) {
    mainopDiv.style.display = 'none';
  }
  else if (event.keyCode === 83) {
    mainopDiv.style.display = 'block';
  }
});

document.addEventListener('click', function(event) {
  var isClickInside = mainopDiv.contains(event.target);
  if (!isClickInside) {
    mainopDiv.style.display = 'none';
void mainopDiv.offsetWidth;
mainopDiv.style.display = 'block';
   }
});

}, 10000);