// ==UserScript==
// @name         Pro-Style Customizable Crosshair for Cloud Gaming
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Professional minimalistic crosshair for web-based cloud gaming
// @author       You
// @match        *://*.xbox.com/*
// @grant        none
// @downloadURL https://update.greasyfork.icu/scripts/528596/Pro-Style%20Customizable%20Crosshair%20for%20Cloud%20Gaming.user.js
// @updateURL https://update.greasyfork.icu/scripts/528596/Pro-Style%20Customizable%20Crosshair%20for%20Cloud%20Gaming.meta.js
// ==/UserScript==

(function() {
    'use strict';

    // Pro-style customizable crosshair settings
    const settings = {
        color: "lime", // Bright and high-visibility color, like green (can be changed to "cyan", "yellow", etc.)
        size: 10, // Small crosshair size (diameter in pixels)
        thickness: 2, // Thin border to maintain a minimal look
        shape: "circle", // Circle shape for clarity
        opacity: 1, // Solid, non-transparent crosshair
        offsetX: -5, // X offset for fine-tuning center position
        offsetY: -5  // Y offset for fine-tuning center position
    };

    // Create the crosshair div
    var crosshair = document.createElement("div");
    crosshair.style.position = "absolute";
    crosshair.style.left = "50%";
    crosshair.style.top = "50%";
    crosshair.style.width = `${settings.size}px`;
    crosshair.style.height = `${settings.size}px`;
    crosshair.style.marginLeft = `${settings.offsetX}px`;
    crosshair.style.marginTop = `${settings.offsetY}px`;
    crosshair.style.border = `${settings.thickness}px solid ${settings.color}`;
    crosshair.style.borderRadius = settings.shape === "circle" ? "50%" : "0%";
    crosshair.style.opacity = settings.opacity;
    crosshair.style.zIndex = "1000"; // Ensures it's on top of other elements
    crosshair.style.pointerEvents = "none"; // Disable interaction with the crosshair

    // Add the crosshair to the body
    document.body.appendChild(crosshair);
})();