Custom Voxiom Style

Resource Color Changer (For Skin) Also Styles!!
目前为 2024-12-24 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name         Custom Voxiom Style
// @namespace    http://tampermonkey.net/
// @version      2.7
// @description  Resource Color Changer (For Skin) Also Styles!!
// @author       Garuda_ and VoxWilda
// @match        *://voxiom.io/
// @grant        GM_addStyle
// @license      GNU GPLv3
// ==/UserScript==

(function() {
    'use strict';

// (c) copyright 2024 G&W Voxiom CSS  

// Author          : Nackoo, Wilda, Itex
// Discord server  : https://discord.gg/Mz43SeHx
// Contact discord : nackooplaysvoxiom. ; itzwilda ; itex34
// Last updated on : 21 december 2024
// Description     : cat
	
	
(function () {
    const originalSkinURL1 = "https://voxiom.io/package/cb1d14c1ff0efb6a282b.png";
    const originalSkinURL2 = "https://voxiom.io/package/aef55bdd0c3c3c3734f8.png";
    const originalSkinURL3 = "https://voxiom.io/package/ecca1227c2e0406be225.png";

    const defaultColors = {
        default: { head: "#FF0000", body: "#FFFF00" },
        ruby: { head: "#FFFF00", body: "#FF0000" },
        sapphire: { head: "#FFFF00", body: "#0000ff" }
    };

    const savedColors = {
        default: {
            head: localStorage.getItem('defaultHeadColor') || defaultColors.default.head,
            body: localStorage.getItem('defaultBodyColor') || defaultColors.default.body
        },
        ruby: {
            head: localStorage.getItem('rubyHeadColor') || defaultColors.ruby.head,
            body: localStorage.getItem('rubyBodyColor') || defaultColors.ruby.body
        },
        sapphire: {
            head: localStorage.getItem('sapphireHeadColor') || defaultColors.sapphire.head,
            body: localStorage.getItem('sapphireBodyColor') || defaultColors.sapphire.body
        }
    };
   
    const container = document.createElement("div");
    container.style.position = "absolute";
    container.style.top = "10px";
    container.style.right = "10px";
    container.style.padding = "10px";
    container.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
    container.style.display = localStorage.getItem('isContainerHidden') === 'true' ? "none" : "flex";
    container.style.flexDirection = "column";

    const hideText = document.createElement("span");
    hideText.textContent = "Shift + Z to Hide/Show";
    hideText.style.marginBottom = "7px";
    hideText.style.fontSize = "12px";
    container.appendChild(hideText);

    function createColorPicker(savedColor, storageKey) {
        const colorPicker = document.createElement("input");
        colorPicker.type = "color";
        colorPicker.value = savedColor;
        colorPicker.style.height = "22px";
        colorPicker.style.width = "30px";

        colorPicker.addEventListener("input", function () {
            const selectedColor = colorPicker.value;
            localStorage.setItem(storageKey, selectedColor);
        });

        return colorPicker;
    }
    
    const hr = document.createElement("hr");
    hr.style.marginBottom = "7px";
    container.appendChild(hr);
    
    const info = document.createElement("span");
    info.textContent = "head - body color"
    info.style.fontSize = "12px"
    info.style.marginBottom = "9px";
    info.style.marginTop = "3px";
    container.appendChild(info);
    
    const gnw = document.createElement("span");
    gnw.textContent = "V. 15 Dec 2024"; 
    gnw.style.fontSize = "12px";
    gnw.style.position = "absolute";
    gnw.style.right = "10px";
    gnw.style.top = "46px";
    container.appendChild(gnw);
    
    const ver = document.createElement("div");
    ver.innerHTML = "<span>&copy; G&W</span>";
    ver.style.fontSize = "12px";
    ver.style.position = "absolute";
    ver.style.right = "8px";
    ver.style.top = "10px";
    container.appendChild(ver);


    ["default", "ruby", "sapphire"].forEach(skin => {
        const skinWrapper = document.createElement("div");
        skinWrapper.style.display = "flex";
        skinWrapper.style.alignItems = "center";
        skinWrapper.style.marginBottom = "3px";

        const headPicker = createColorPicker(savedColors[skin].head, `${skin}HeadColor`);
        const bodyPicker = createColorPicker(savedColors[skin].body, `${skin}BodyColor`);
        
        bodyPicker.style.marginLeft = "3px";

        const label = document.createElement("span");
        label.textContent = `${skin.charAt(0).toUpperCase() + skin.slice(1)} Skin`;
        label.style.marginLeft = "7px";
        label.style.fontSize = "12px";
        label.style.color = "white";

        skinWrapper.appendChild(headPicker);
        skinWrapper.appendChild(bodyPicker);
        skinWrapper.appendChild(label);

        container.appendChild(skinWrapper);
    });

    const checkboxWrapper = document.createElement("div");
    checkboxWrapper.style.display = "flex";
    checkboxWrapper.style.alignItems = "center";
    checkboxWrapper.style.marginTop = "7px";

    const defaultSkinCheckbox = document.createElement("input");
    defaultSkinCheckbox.type = "checkbox";
    defaultSkinCheckbox.checked = localStorage.getItem('useDefaultSkin') === 'true';
    defaultSkinCheckbox.style.marginRight = "10px";

    const checkboxLabel = document.createElement("span");
    checkboxLabel.textContent = "Skin Swapper";
    checkboxLabel.style.fontSize = "12px";
    checkboxLabel.style.color = "white";

    checkboxWrapper.appendChild(defaultSkinCheckbox);
    checkboxWrapper.appendChild(checkboxLabel);
    container.appendChild(checkboxWrapper);

    defaultSkinCheckbox.addEventListener("change", function () {
        const isChecked = defaultSkinCheckbox.checked;
        localStorage.setItem('useDefaultSkin', isChecked ? 'true' : 'false');
    });

document.addEventListener("DOMContentLoaded", () => {
    localStorage.setItem('useFocusMode', 'false');
    focusModeCheckbox.checked = false;
    toggleFocusMode(false); 
});

const focusModeWrapper = document.createElement("div");
focusModeWrapper.style.display = "flex";
focusModeWrapper.style.alignItems = "center";

const focusModeCheckbox = document.createElement("input");
focusModeCheckbox.type = "checkbox";
focusModeCheckbox.checked = false; 
focusModeCheckbox.style.marginRight = "10px";
focusModeCheckbox.style.marginTop = "3px";

const focusModeLabel = document.createElement("span");
focusModeLabel.textContent = "Focus Mode (Shift + Q)";
focusModeLabel.style.fontSize = "12px";
focusModeLabel.style.marginTop = "3px";

focusModeWrapper.appendChild(focusModeCheckbox);
focusModeWrapper.appendChild(focusModeLabel);
container.appendChild(focusModeWrapper);

function toggleFocusMode(isChecked) {
    localStorage.setItem('useFocusMode', isChecked ? 'true' : 'false');

    const elementsToModify = document.querySelectorAll('.cxSTIe, .ekCLHU, .eFhDSk, .lpfJAq *, .lpdfTz *, .sc-kqnjJL');

    elementsToModify.forEach(element => {
        element.style.setProperty('visibility', isChecked ? 'hidden' : '', 'important');
    });

    const scKqnjJL = document.querySelectorAll('.sc-kqnjJL');
    scKqnjJL.forEach(element => {
        element.style.marginLeft = isChecked ? '-35px' : '';
    });
}

focusModeCheckbox.addEventListener("change", function () {
    toggleFocusMode(focusModeCheckbox.checked);
});

document.addEventListener("keydown", function (event) {
    if (event.key.toLowerCase() === "q" && event.shiftKey) {
        const isChecked = !focusModeCheckbox.checked;
        focusModeCheckbox.checked = isChecked;
        focusModeCheckbox.dispatchEvent(new Event("change"));
    }
});

const DEFAULT_CHAT_HEIGHT = "147px";

const chathWrapper = document.createElement("div");
chathWrapper.style.display = "flex";
chathWrapper.style.alignItems = "center";

const chathCheckbox = document.createElement("input");
chathCheckbox.type = "checkbox";
chathCheckbox.checked = JSON.parse(localStorage.getItem("chathChecked") || "false");
chathCheckbox.style.marginRight = "10px";
chathCheckbox.style.marginTop = "3px";

const chathLabel = document.createElement("span");
chathLabel.textContent = "Custom Chat Height (shift + E)";
chathLabel.style.fontSize = "12px";
chathLabel.style.marginTop = "3px";

const chathNumberInput = document.createElement("input");
chathNumberInput.type = "number";
chathNumberInput.style.width = "40px";
chathNumberInput.value = localStorage.getItem("chathHeight") || "200";
chathNumberInput.style.marginLeft = "7px";

const applyCustomHeight = () => {
    const elements = document.querySelectorAll(".lpfJAq *, .lpdfTz *");
    const maxHeight = chathCheckbox.checked ? chathNumberInput.value + "px" : DEFAULT_CHAT_HEIGHT;
    elements.forEach(el => (el.style.maxHeight = maxHeight));
};

if (chathCheckbox.checked) applyCustomHeight();

chathCheckbox.addEventListener("change", () => {
    localStorage.setItem("chathChecked", chathCheckbox.checked);
    applyCustomHeight();
});

chathNumberInput.addEventListener("input", () => {
    localStorage.setItem("chathHeight", chathNumberInput.value);
    if (chathCheckbox.checked) applyCustomHeight();
});

document.addEventListener("keydown", (event) => {
    if (event.key.toLowerCase() === "e" && event.shiftKey) {
        chathCheckbox.checked = !chathCheckbox.checked;
        localStorage.setItem("chathChecked", chathCheckbox.checked);
        applyCustomHeight();
    }
});

const observer = new MutationObserver(() => {
    if (chathCheckbox.checked) applyCustomHeight();
});
observer.observe(document.body, {
    childList: true,
    subtree: true,
});

chathWrapper.appendChild(chathCheckbox);
chathWrapper.appendChild(chathLabel);
chathWrapper.appendChild(chathNumberInput);
container.appendChild(chathWrapper);

const bgsetWrapper = document.createElement("div");
bgsetWrapper.style.display = "flex";
bgsetWrapper.style.alignItems = "center";

const bgsetCheckbox = document.createElement("input");
bgsetCheckbox.type = "checkbox";
bgsetCheckbox.checked = JSON.parse(localStorage.getItem("bgsetChecked") || "false");
bgsetCheckbox.style.marginRight = "10px";
bgsetCheckbox.style.marginTop = "3px";

const bgsetLabel = document.createElement("span");
bgsetLabel.textContent = "Enable Custom BG";
bgsetLabel.style.fontSize = "12px";
bgsetLabel.style.marginTop = "3px";

bgsetWrapper.appendChild(bgsetCheckbox);
bgsetWrapper.appendChild(bgsetLabel);
container.appendChild(bgsetWrapper);

const uploadWrapper = document.createElement("div");
uploadWrapper.style.display = "flex";
uploadWrapper.style.alignItems = "center";
uploadWrapper.style.marginTop = "7px";

const uploadLabel = document.createElement("span");
uploadLabel.textContent = "Upload BG:";
uploadLabel.style.marginRight = "5px";
uploadLabel.style.fontSize = "12px";
uploadLabel.style.marginTop = "2px";
uploadLabel.style.marginBottom = "5px";

const urlInput = document.createElement("input");
urlInput.type = "text";
urlInput.style.background = "none";
urlInput.style.border = "none";
urlInput.style.color = "white";
urlInput.style.width = "100px";
urlInput.style.borderBottom = "1px solid white";
urlInput.placeholder = "Enter URL";
urlInput.style.marginBottom = "5px";
urlInput.style.marginRight = "10px";

const fileInput = document.createElement("input");
fileInput.type = "file";
fileInput.style.marginBottom = "5px";
fileInput.style.width = "85px";

fileInput.addEventListener("change", (event) => {
    if (event.target.files && event.target.files[0]) {
        const file = event.target.files[0];
        const fileType = file.type.toLowerCase();

        if (fileType.startsWith("image/") || fileType === "image/gif") {
            const reader = new FileReader();
            reader.onload = function (e) {
                const fileURL = e.target.result;
                urlInput.value = fileURL; 
                localStorage.setItem("backgroundURL", fileURL); 

                if (bgsetCheckbox.checked) {
                    document.querySelector(".bNczYf").style.backgroundImage = `url(${fileURL})`;
                    document.querySelector(".bNczYf").style.filter = "brightness(0.7)";
                }
            };
            reader.readAsDataURL(file); 
        } else {
            alert("You can't set this as your background lmao gtfo");
            urlInput.value = "";  
            fileInput.value = ""; 
        }
    }
});

window.addEventListener("load", () => {
    const savedURL = localStorage.getItem("backgroundURL");
    const isBgsetChecked = JSON.parse(localStorage.getItem("bgsetChecked") || "false");

    if (savedURL) {
        urlInput.value = savedURL;
        if (isBgsetChecked) {
            document.querySelector(".bNczYf").style.backgroundImage = `url(${savedURL})`;
            document.querySelector(".bNczYf").style.filter = "brightness(0.7)";
        } else {
            document.querySelector(".bNczYf").style.backgroundImage = "";
            document.querySelector(".bNczYf").style.filter = "";
        }
    } else {
        document.querySelector(".bNczYf").style.backgroundImage = "";
        document.querySelector(".bNczYf").style.filter = "";
    }
});

bgsetCheckbox.addEventListener("change", () => {
    localStorage.setItem("bgsetChecked", bgsetCheckbox.checked);

    const savedURL = localStorage.getItem("backgroundURL");
    if (bgsetCheckbox.checked && savedURL) {
        document.querySelector(".bNczYf").style.backgroundImage = `url(${savedURL})`;
        document.querySelector(".bNczYf").style.filter = "brightness(0.7)";
    } else {
        document.querySelector(".bNczYf").style.backgroundImage = "";
        document.querySelector(".bNczYf").style.filter = "";
    }
});

urlInput.addEventListener("input", () => {
    const url = urlInput.value.trim();
    if (!url) {
        document.querySelector(".bNczYf").style.backgroundImage = "";
        document.querySelector(".bNczYf").style.filter = "";
        localStorage.removeItem("backgroundURL"); 
    }
});

urlInput.addEventListener("focus", () => {
    initialURLValue = urlInput.value.trim();
});

urlInput.addEventListener("blur", async () => {
    const url = urlInput.value.trim();

    if (url !== initialURLValue) {
        const imagePattern = /\.(gif|jpe?g|png|webp|svg|bmp|tiff|avif)$/i;

        if (imagePattern.test(url)) {
            setBackgroundImage(url);
        } else {
            try {
                const response = await fetch(url, { method: "HEAD" });
                const contentType = response.headers.get("Content-Type") || "";

                if (contentType.startsWith("image/")) {
                    setBackgroundImage(url);
                } else {
                    throw new Error("Invalid Content-Type");
                }
            } catch (error) {
                alert("You can't set this as your background lmao gtfo");
                urlInput.value = "";  
                fileInput.value = "";  
            }
        }
    }
});

function setBackgroundImage(url) {
    localStorage.setItem("backgroundURL", url); 
    if (bgsetCheckbox.checked) {
        document.querySelector(".bNczYf").style.backgroundImage = `url(${url})`;
        document.querySelector(".bNczYf").style.filter = "brightness(0.7)";
    }
}

uploadWrapper.appendChild(uploadLabel);
uploadWrapper.appendChild(urlInput);
uploadWrapper.appendChild(fileInput);
container.appendChild(uploadWrapper);

//-------------------------------------------------------------------

// Create a wrapper for the custom logo settings
const logoWrapper = document.createElement("div");
logoWrapper.style.display = "flex";
logoWrapper.style.alignItems = "center";

// Create the checkbox for enabling/disabling the custom logo
const logoCheckbox = document.createElement("input");
logoCheckbox.type = "checkbox";
logoCheckbox.style.marginRight = "10px";
logoCheckbox.style.marginTop = "3px";

// Create a label for the checkbox
const logoLabel = document.createElement("span");
logoLabel.textContent = "Enable Custom Logo";
logoLabel.style.fontSize = "12px";
logoLabel.style.marginTop = "3px";

// Create a wrapper for file and URL inputs
const logoUploadWrapper = document.createElement("div");
logoUploadWrapper.style.display = "flex";
logoUploadWrapper.style.alignItems = "center";
logoUploadWrapper.style.marginTop = "3px";

// Create a label for the upload section
const logoUploadLabel = document.createElement("span");
logoUploadLabel.textContent = "Upload Logo:";
logoUploadLabel.style.marginRight = "5px";
logoUploadLabel.style.fontSize = "12px";
logoUploadLabel.style.marginTop = "2px";
logoUploadLabel.style.marginBottom = "5px";

// Create an input for entering a URL
const logoUrlInput = document.createElement("input");
logoUrlInput.type = "text";
logoUrlInput.style.background = "none";
logoUrlInput.style.border = "none";
logoUrlInput.style.color = "white";
logoUrlInput.style.width = "100px";
logoUrlInput.style.borderBottom = "1px solid white";
logoUrlInput.placeholder = "Enter URL";
logoUrlInput.style.marginBottom = "5px";
logoUrlInput.style.marginRight = "10px";

// Create an input for uploading a file
const logoFileInput = document.createElement("input");
logoFileInput.type = "file";
logoFileInput.style.marginBottom = "5px";
logoFileInput.style.width = "85px";

// Function to replace the logo dynamically
function replaceLogo(source) {
  const defaultLogo = "/package/ea55824826de52b7ccc3.png";
  const logo = document.querySelector('img[src*="/package/ea55824826de52b7ccc3.png"]') || document.querySelector('img.custom-logo');

  if (logo) {
    logo.src = source || defaultLogo;
  } else if (source) {
    const newLogo = document.createElement("img");
    newLogo.src = source;
    newLogo.alt = "Custom Logo";
    newLogo.classList.add("custom-logo");
    document.body.appendChild(newLogo); // Append it to the body (or a specific container)
  }
}

// Initialize settings
function initializeSettings() {
  const savedLogo = localStorage.getItem("customLogo");
  const isCheckboxChecked = JSON.parse(localStorage.getItem("logoChecked") || "false");

  // Reflect the saved checkbox state
  logoCheckbox.checked = isCheckboxChecked;

  // Replace logo if necessary
  if (isCheckboxChecked && savedLogo) {
    replaceLogo(savedLogo);
    logoUrlInput.value = savedLogo.startsWith("data:") ? "[File Uploaded]" : savedLogo;
  } else {
    replaceLogo();
  }
}

// Event listener for the checkbox to toggle custom logo display
logoCheckbox.addEventListener("change", () => {
  const isChecked = logoCheckbox.checked;
  localStorage.setItem("logoChecked", JSON.stringify(isChecked)); // Save the checkbox state to localStorage

  const savedLogo = localStorage.getItem("customLogo");
  replaceLogo(isChecked ? savedLogo : null);
});

// Event listener for the URL input to set logo via URL
logoUrlInput.addEventListener("input", () => {
  const url = logoUrlInput.value;
  localStorage.setItem("customLogo", url);

  if (logoCheckbox.checked) {
    replaceLogo(url);
  }
});

// Event listener for the file input to upload a logo
logoFileInput.addEventListener("change", (event) => {
  const file = event.target.files[0];
  if (file) {
    const reader = new FileReader();
    reader.onload = () => {
      const base64 = reader.result;
      localStorage.setItem("customLogo", base64);
      logoUrlInput.value = "[File Uploaded]";

      if (logoCheckbox.checked) {
        replaceLogo(base64);
      }
    };
    reader.readAsDataURL(file);
  }
});

// Append elements to the DOM
logoWrapper.appendChild(logoCheckbox);
logoWrapper.appendChild(logoLabel);
container.appendChild(logoWrapper);

logoUploadWrapper.appendChild(logoUploadLabel);
logoUploadWrapper.appendChild(logoUrlInput);
logoUploadWrapper.appendChild(logoFileInput);
container.appendChild(logoUploadWrapper);

// Initialize settings on page load
window.addEventListener("load", initializeSettings);

//-------------------------------------------------------------------



  const resetEverythingButton = document.createElement("button");
resetEverythingButton.textContent = "Restore Defaults";
resetEverythingButton.style.marginTop = "12px";
resetEverythingButton.style.padding = "3px";
resetEverythingButton.style.cursor = "pointer";
resetEverythingButton.style.background = "none";
resetEverythingButton.style.border = "1px solid white";
resetEverythingButton.style.color = "white";
resetEverythingButton.style.fontSize = "11px";

resetEverythingButton.addEventListener("click", function () {
    
    Object.keys(defaultColors).forEach(skin => {
        localStorage.setItem(`${skin}HeadColor`, defaultColors[skin].head);
        localStorage.setItem(`${skin}BodyColor`, defaultColors[skin].body);
    });

    localStorage.setItem('useFocusMode', 'false');
    toggleFocusMode(false); 
    
    localStorage.setItem('useDefaultSkin', 'false');
    defaultSkinCheckbox.checked = false;
    
    localStorage.setItem("chathChecked", "false");
    localStorage.removeItem("chathHeight");

    localStorage.setItem("bgsetChecked", "false");
    document.querySelector(".bNczYf").style.backgroundImage = ""; 
    document.querySelector(".bNczYf").style.filter = ""; 
    localStorage.removeItem("backgroundURL");

    urlInput.value = ""; 
    fileInput.value = ""; 
    bgsetCheckbox.checked = false;
    location.reload();
});

container.appendChild(resetEverythingButton);

    document.addEventListener("keydown", function (event) {
        if (event.key.toLowerCase() === "z" && event.shiftKey) {
            const isHidden = container.style.display === "none";
            container.style.display = isHidden ? "flex" : "none";
            localStorage.setItem('isContainerHidden', isHidden ? 'false' : 'true');
        }
    });

    document.body.appendChild(container);

    if (window.WebGLRenderingContext) {
        const originalTexImage2D = WebGLRenderingContext.prototype.texImage2D;

        WebGLRenderingContext.prototype.texImage2D = function (...args) {
            const useDefaultSkin = localStorage.getItem('useDefaultSkin') === 'true';
            const source = args[5];

            if (!useDefaultSkin || !(source instanceof HTMLImageElement)) {
                originalTexImage2D.apply(this, args);
                return;
            }

            const skinMap = {
                [originalSkinURL1]: {
                    head: localStorage.getItem('defaultHeadColor') || defaultColors.default.head,
                    body: localStorage.getItem('defaultBodyColor') || defaultColors.default.body
                },
                [originalSkinURL2]: {
                    head: localStorage.getItem('rubyHeadColor') || defaultColors.ruby.head,
                    body: localStorage.getItem('rubyBodyColor') || defaultColors.ruby.body
                },
                [originalSkinURL3]: {
                    head: localStorage.getItem('sapphireHeadColor') || defaultColors.sapphire.head,
                    body: localStorage.getItem('sapphireBodyColor') || defaultColors.sapphire.body
                }
            };

            if (skinMap[source.src]) {
                const { head, body } = skinMap[source.src];
                const coloredTexture = createGradientTexture(head, body);
                originalTexImage2D.call(this, args[0], args[1], args[2], args[3], args[4], coloredTexture);
            } else {
                originalTexImage2D.apply(this, args);
            }
        };
    }

    function createGradientTexture(headColor, bodyColor) {
        const canvas = document.createElement("canvas");
        canvas.width = 512; 
        canvas.height = 512; 
        const ctx = canvas.getContext("2d");

        ctx.fillStyle = bodyColor;
        ctx.fillRect(0, 0, canvas.width, canvas.height);

        const headRegion = { x: 0, y: 0, width: canvas.width * 0.4, height: canvas.height * 0.4 };
        ctx.fillStyle = headColor;
        ctx.fillRect(headRegion.x, headRegion.y, headRegion.width, headRegion.height);

        const legWidth = canvas.width / 8; 
        const legHeight = canvas.height / 4;

        ctx.fillStyle = bodyColor;
        ctx.fillRect(legWidth * 1, legHeight * 3, legWidth * 2, legHeight);

        ctx.fillRect(legWidth * 3, legHeight * 3, legWidth * 2, legHeight);

        return canvas;
    }
})();


    GM_addStyle(`
     /* WRITTEN BY NACKOO AND WILDA */
* {
    text-decoration: none;
}

/* Hide unwanted elements */
div[id^="voxiom-io"] {
    display: none;
}

::-webkit-scrollbar {
    display: block !important;  /* Show scrollbar */
}

/* Ensures relevant elements like chat, dropdowns and icons stay visible */
a[href="https://discord.gg/GBFtRcY"],
a[href="https://cuberealm.io"],
.hCYBep,
.iiRiSL,
.cSKUzy,
.dcWybl * {
    display: block !important;  /* Ensure visibility of these elements */
}

.vox-dropdown .Dropdown-menu {
    max-height: 400px;
}

.bNczYf {
    background-size: cover !important;
    filter: grayscale(0%) blur(0px);
    padding: 10px;
    margin: -10px;
}

.jzxTWp,
.evngGB {
    z-index: 7;
}

/* Ensure borders and backgrounds are correctly removed */
.gIfJjz,
.cxSTIe,
.ekCLHU,
.eFhDSk,
.eQfmzq * {
    border: none !important;
    background: none !important;
}

.hPoIsr,
.iSzErR {
    background: none !important;
    border: none !important;
    width: 50px;
    height: 50px;
}

.lpfJAq *,
.lpdfTz * {
    max-height: 400px !important;
}

.eQfmzq {
    position: absolute;
    top: 0;
    left: 200px;
}

.faeaXa {
    filter: drop-shadow(0 0 17px rgba(var(--inv), 1));
}

.faeaXa[style*="rgb(149, 165, 166)"] {
    --inv: 149, 165, 166;
}

.faeaXa[style*="rgb(46, 204, 113)"] {
    --inv: 46, 204, 113;
}

.faeaXa[style*="rgb(52, 152, 219)"] {
    --inv: 52, 152, 219;
}

.faeaXa[style*="rgb(155, 89, 182)"] {
    --inv: 155, 89, 182;
}

.faeaXa[style*="rgb(241, 196, 15)"] {
    --inv: 241, 196, 15;
}

.faeaXa[style*="rgb(211, 84, 0)"] {
    --inv: 211, 84, 0;
}

img[src="/./package/ea55824826de52b7ccc3.png"] {
    margin-bottom: 20px;
    width: auto;
    height: 200px;
    filter: drop-shadow(0 0 20px black);
    pointer-events: none;
}

.kqMamr[style*="font-size: 10px"],
.dZDPlS * {
    font-size: 12px !important;
}

.ekaCUa {
    height: 100%;
}

.bhZAzR {
    color: rgb(14, 14, 14);
}

.gJPUVb {
    color: rgb(14, 14, 14);
}

.cJoQGw {
    background: radial-gradient(circle, rgba(var(--market), 0.3), rgba(var(--market), 0.1));
}

.cJoQGw[style*="rgb(255, 255, 255)"] {
    --market: 255, 255, 255;
}

.cJoQGw[style*="rgb(128, 156, 255)"] {
    --market: 128, 156, 255;
}

.cJoQGw[style*="rgb(180, 99, 255)"] {
    --market: 180, 99, 255;
}

.cJoQGw[style*="rgb(255, 84, 224)"] {
    --market: 255, 84, 224;
}

.cJoQGw[style*="rgb(230, 126, 34)"] {
    --market: 230, 126, 34;
}

.cJoQGw[style*="rgb(255, 66, 101)"] {
    --market: 255, 66, 101;
}

.cJoQGw[style*="rgb(255, 224, 99)"] {
    --market: 255, 224, 99;
}

.cxWTDe {
    background: rgba(0, 0, 0, 0.65) !important;
    border-radius: 10px;
}

/* Specific adjustments for the chat visibility */
.dcWybl, .dcWybl * {
    display: block !important;  /* Ensure chat content is visible */
    visibility: visible !important;
}


.sc-lbCmg,
.sc-jwRhZi,
.sc-bBHxTw,
.sc-giYglK,
.sc-pVTFL,
.sc-crHmcD,
.sc-fKVqWL,
.sc-iJKOTD,
#voxiom-io_970X250_1,
.sc-hKUcmH
{
	display: none;
}

.sc-jHwEXd {
    border-radius: 10px;
}

.sc-czvZiG {
    border-radius: 10px;
}
.sc-fpyFWH {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.5); px solid rgba(255, 255, 255, 0.7);
}


.sc-hPmGNk {
    display: none;
}

.sc-OVzLa {
    position: relative; /* Position the button's content relative to the new text */
    color: transparent; /* Hide the original text */
}

.sc-OVzLa::after {
    content: "Don't Click This, You don't deserve it.";
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    font-size: 20px;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sc-uWCef::after {
    content: "You really took this long?? 🤦‍♂️";
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    font-size: 18px;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}





.sc-kTwdzw,
.sc-cgLTVH {
    transition: background 0.3s ease, color 0.3s ease; /* Smooth transition for child elements */
}
.sc-eYQueS {
    background: linear-gradient(to right, #FF0000, #8B0000);
    opacity: 1.0;
}


.sc-chSlKD {
    background: linear-gradient(to right, #0000FF, #00008B);
    opacity: 1.0;
}
.sc-kTwdzw:hover,
.sc-cgLTVH:hover {
    background: rgba(173, 216, 230, 0.3); /* Light blue with low opacity for children */
    color: #333; /* Optional: change text color for visibility, adjust as needed */
}


.sc-cgLTVH:hover {
    background: linear-gradient(to right, rgba(173, 216, 230, 0.3), rgba(173, 216, 230, 0.3)); /* Light blue gradient with low opacity */
}


.sc-kBysnm {
    background: linear-gradient(to right, #00c9ff, #92fe9d);
}

.sc-fjHZBf,
.sc-jRyozQ {
    color: black;
}
.sc-hrJsxi {
    background-color: grey;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.sc-ibSMNl {
	margin-bottom: 40px;
  margin-top: 50px;
}
.sc-eIMkDA  {
  border-radius: 12px;
}
.sc-eIMkDA:nth-child(2) .sc-gOMZtR {
	font-size: 15px;
}
.sc-cbTmKc {
  background: radial-gradient(circle, rgba(0, 123, 255, 0.5) 0%, rgba(0, 62, 124, 0.7) 100%);
}

.sc-dCKSNi {
  background: radial-gradient(circle, rgba(255, 0, 0, 0.5) 0%, rgba(139, 0, 0, 0.7) 100%);
}
.sc-LMKsT {
  background: radial-gradient(circle, rgba(169, 169, 169, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.sc-hgJWpk {
  color: #001f3d;
}
.sc-eIMkDA:nth-child(2) .sc-eGAbHy {
	margin-top: 5px;
}

.sc-eIMkDA .sc-cCqACh {
	border-radius: 12px;
  width: 50px;
  height: 50px;
}

.sc-eIMkDA .sc-eGAbHy {
	border-radius: 12px;
  width: 50px;
  height: 50px;
}
.sc-eIMkDA.sc-imtoHe {
	font-size: 19px;
}
.sc-llYSUQ {
	font-size: 17px;
}

*{
  font-family: cursive
}

.sc-lbCmg {
  color: black;
}

.sc-lbCmg {
  visibility: visible !important;
  display: block !important;
}
.sc-hnCQzQ {
  border-radius: 12px;
}

.sc-efaPnb:nth-child(1),
.sc-efaPnb:nth-child(2),
.sc-ieqYjd,
.sc-cgLHwo
{
	background: #FF0000;
  border: 1px solid white;
}

.sc-efaPnb:nth-child(1):hover,
.sc-efaPnb:nth-child(2):hover,
.sc-ieqYjd:hover,
.sc-cgLHwo:hover
{
background: transparent;
}

.sc-kLwhqv::before {
  content: "Hello Fellow GNW style user! We hope you love this style for each game you play!! More Styles to come soon!!! If you have any suggestions please give us feedback on Greasyfork!";
  display: block;
  color: #11;
  font-size: 16px;
  font-family: cursive;
  white-space: pre-line;
}
.sc-sc-eoHXOn {
    background: linear-gradient(to right, #003d8a, #3366cc);
}
.sc-eLwHnm {
    background-color: transparent !important;
}
.sc-jOxtWs {
    background: linear-gradient(to right, #ffcccc, #ff6666);
}
.sc-bxYNtK:nth-child(1),
.sc-kBysnm {
  background: linear-gradient(to right, rgba(0, 255, 255, 0.7), rgba(0, 255, 255, 0.6));
  border: 1px solid white;
}

.sc-wAsCI:nth-child(2) > .sc-fpGCtG {
	display: none;
}
.sc-kBysnm {
  border-color: transparent;
}
.sc-wAsCI:nth-child(1) > .sc-fpGCtG {
display: none;
}
.sc-iQLbEm::after {
    content: "Did you really just die??";
    display: block; /* Optional: Ensures it appears as a new line */
    color: red; /* Optional: Set text color */
    font-size: 16px; /* Optional: Set text size */
    margin-top: 10px; /* Optional: Adds spacing */
}
.sc-bRcdvP:nth-child(3) {
	margin-top: 10px;
}

.sc-bRcdvP:nth-child(2) {
	margin-top: 10px;
}

.sc-cgLHwo {
	margin-top: 2px;
}

.sc-efaPnb:nth-child(2) {
	margin-left: 5px;
}

.sc-bNoLzS {
	border: 1px solid white;
}

.sc-kHOZwM {
	display: none;
}

.bNczYf {
  background-image: url('https://i.imgur.com/fEy1M3h.png');
}

.sc-bxYNtK {
	border-radius: 12.5px;
}
.sc-inrDdN {
	border-radius: 12.5px;
}
#voxiom-io_300X250_1 {
border-radius: 12.5px;
}

.sc-kITQLZ {
border-radius: 12.5px;
}

.sc-efaPnb:nth-child(1) {
border-radius: 7px;
}

.sc-efaPnb:nth-child(2) {
border-radius: 7px;
}

.sc-ieqYjd {
border-radius: 7px;
}

.sc-cgLHwo {
	border-radius: 7px;
}

.sc-bNoLzS {
border-radius: 7px;
}

.sc-PDIEN {
	border-radius: 7px;
}

#voxiom-io_728x90_1 {
display: none;
}

.sc-kITQLZ {
 position: absolute;
  bottom: 0;
}
.sc-gijNBN > .sc-eIMkDA {
	border-radius: 12.5px;
  border: 1px solid grey;
  margin-bottom: 3px;
}

.sc-kTLmzF {
	border-radius: 12px;
  font-size: 19px;
}

.sc-ioFxDg {
	border-radius: 12px;
  height: 27px;
}

.sc-jOxtWs {
	border-radius: 12px;
  font-size: 15px;
}

.sc-iBjLOp > div:nth-child(2) {
	font-size: 20px;
}

.sc-gfXEFL {
	border-radius: 12.5px;
  padding-top: 25px;
}

.sc-bcuSnp {
	border-radius: 12.5px;
}

.sc-dHxeTU {
 font-siZe: 19px;
  border-radius: 12.5px;
}

.sc-jQbROH {
	font-siZe: 19px;
  border-radius: 12.5px;
}

.sc-bxJtlY {
border-radius: 12.5px;
}

.sc-lbJDnc:nth-child(2) {
	margin-top: 30px;
  border-radius: 12.5px;
  font-size: 18px!important;

.sc-bxJtlY {
 font-size: 25px;
  width: 50px;
  height: 50px;
  margin-top: 5px;
}

.sc-lbJDnc:nth-child(3) {
	border-radius: 12.5px;
  font-size: 19px;
  height: 117px;
}

.sc-dGXKQl {
	margin-bottom: 3px;
}

.sc-gnYOKe {
	font-size: 17px;
  border-radius: 12.5px;
}

.sc-dlUKyu:nth-child(2) > .sc-eIMkDA {
	display: none;
}

.sc-lheXJl {
	border-radius: 12.5px;
  height: 47px;
}

.sc-jOxtWs {
	border-radius: 12.5px;
 height: 26px;
  font-size: 15px;
}

.sc-jOxtWs {
	height: 27px;
  font-size: 19px;
}

.sc-kTLmzF {
	border: 1px solid white;
}

.sc-cCqACh {
	background: none;
}

.sc-gijNBN:nth-child(2) .sc-gOMZtR {
	font-size: 15px;
}

.sc-gijNBN:nth-child(2) .sc-eGAbHy {
	margin-top: 5px;
}

.sc-gijNBN .sc-eGAbHy {
	border-radius: 12px;
  width: 50px;
  height: 50px;
}
.sc-gijNBN .sc-imtoHe {
	font-size: 19px;
}

.sc-jECdDC {
	display: none;
}

.sc-gFkHhu {
	display: none;
}

.sc-bcuSnp {
	padding-top: 27px;
}
.sc-ftuxfO {
 border-radius: 12.5px;
}
.sc-dHxrtn {
	border-radius: 7px;
}

.sc-bJijCA {
	border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.sc-jOxtWs {
	height: 30px;
  border-radius: 7px;
}
.sc-bcGyXE:nth-child(2) {
	border-top-right-radius: 12.5px;
  border-bottom-right-radius: 12.5px;
}
.sc-jEDbyf {
	border-radius: 12.5px;
}
.sc-cLqoAx {
	border-radius: 12.5px;
}
.sc-dlUKyu .sc-gulkZw {
	background: none;
}
.sc-cLqoAx .sc-dBGsNe {
	background: none;
}

.sc-bVMxNJ > .sc-cgLTVH {
	font-size: 19px;
}
.sc-kTwdzw {
 font-size: 19px;
  margin-left: -15px;
}
.sc-ejUSkt {
	font-size: 15px;
}
.sc-hWfKGx:nth-child(2) {
 font-size: 15px;
  margin-top: 15px;
}
.sc-hWfKGx:nth-child(3) {
	font-size: 15px;
  margin-top: 15px;
}
.sc-hilbJV {
 font-size: 19px;
}
.sc-ekMTzm {
	font-size: 17px;
}
.sc-fxoWpM > .sc-ezDxBL {
	font-size: 18px;
}
.sc-fxoWpM .sc-gJDHPX {
	text-decoration: none;
}
.sc-isIVbZ {
	display: none;
}
.sc-ljHdwo {
	position: absolute;
  right: 30px;
  top: 25px;
}
.sc-ctrcbf {
	border-radius: 12.5px;
  padding-top: 27px;
}
.sc-lcepkR {
	font-size: 19px;
}
.sc-dPiLbb {
	border-radius: 7px;
}

.sc-ehCJOs .sc-hUpaCq {
	border-radius: 12.5px;
}
.sc-gWXbKe {
	border-radius: 12.5px;
}

.sc-gWXbKe > .sc-hiCibw {
	border-bottom-right-radius: 12.5px;
  border-bottom-left-radius: 12.5px;
}

.sc-iPkRvG {
	border-radius: 12.5px;
}
.sc-hQqMrg {
	display: none;
}
.sc-iAKWXU {
	border-radius: 12.5px;
  font-size: 19px;
}
.sc-gWXbKe > .sc-cidDSM {
	font-size: 16px;
}
.sc-gWXbKe span {
	font-size: 16px;
}

.sc-NqARw {
	border-radius: 12px;
}
.sc-jlObWd  > .sc-LerVu {
	font-size: 19px;
}

.sc-jlObWd .sc-cVeCjG {
font-size: 16px;
}
.sc-jUosCB {
	font-size: 19px;
}
.sc-jUosCB .sc-GEbAx {
	font-size: 17px;
}
.sc-gUQvok > .sc-fIosxK {
	font-size: 19px;
}
.sc-gUQvok > .sc-fXeWAj {
 display: none;
}
.sc-gUQvok .sc-fmciRz {
		font-size: 17px;
}
.sc-dFtzxp {
		font-size: 19px;
}
.sc-dFtzxp > .sc-gIDmLj {
		font-size: 17px;
}
.sc-bilyIR > .sc-eGPXGI {
		font-size: 19px;
}
.sc-bilyIR .sc-xiLah {
		font-size: 17px;
}
select {
 	font-size: 17px;
}
.sc-bilyIR input {
 height: 33px;
}
.sc-bilyIR:nth-child(6) input,
.sc-bilyIR:nth-child(7) input{
	width: 17px;
  height: 17px;
}

.sc-gUQvok:nth-child(5) input,
.sc-gUQvok:nth-child(6) input{
width: 17px;
  height: 17px;
}
.sc-jUosCB:nth-child(9) input,
.sc-jUosCB:nth-child(10) input,
.sc-jUosCB:nth-child(11) input,
.sc-jUosCB:nth-child(12) input {
	width: 17px;
  height: 17px;
}
.sc-fXEqDS:nth-child(7) input {
	height: 33px;
}
.sc-jWUzzU {
display: none;
}
.sc-fXEqDS:nth-child(1) {
	margin-bottom: 0;
}
.sc-fXEqDS > .sc-FNXRL {
	font-size: 19px;
}
.sc-fXEqDS .sc-lkgTHX {
	font-size: 17px;
}
.sc-dVNjXY {
 border-radius: 12.5px;
}
.sc-jtXEFf {
	border-radius: 12.5px;
}

.sc-jGOmzE {
  border-style: 2px solid;
}

.sc-iQLbEm {
 border-radius: 10px;
}

.sc-iQLbEm::after {
	content: ". Get Good Lmao Gtfo"
}

.sc-eWfVMQ {
	border-radius: 7px;
   margin-bottom: 13px;
  font-size: 19px;
}
.sc-jEDbyf > .sc-fKeRlk {
	font-size: 19px;
}
.sc-auqbC {
	display: none;
}
.sc-hGNApp {
 border-radius: 12.5px;
}
.sc-jtdnna {
	border-radius: 12.5px;
}
.sc-cLqoAx .sc-dXNTeZ {
font-size: 19px;
}
.sc-cLqoAx .sc-jFkmsu {
font-size: 19px;
}
.sc-cLqoAx .sc-hudTXT {
font-size: 19px;
}
.sc-cLqoAx .sc-dBGsNe {
font-size: 19px;
}
.sc-dlUKyu .sc-eGAbHy {
	width: 50px;
  height: 50px;
  border-radius: 7px;
}
.sc-dlUKyu > .sc-eIMkDA {
	border-radius: 12.5px;
}
.sc-dlUKyu .sc-imtoHe {
	font-size: 17px;
}
.sc-dlUKyu .sc-gulkZw {
 font-size: 17px;
}
.sc-ehCJOs .sc-nVkyK {
	border-bottom-left-radius: 12.5px;
  border-bottom-right-radius: 12.5px;
}
.sc-gUQvok {
margin-bottom: 10px;
}

.sc-gUQvok:nth-child(5) {
margin-bottom: 20px;
}
.sc-dvXDii {
	border-radius: 12.5px;
}

.sc-eoHXOn{
  margin-bottom: 7px;
}

.sc-gijNBN .sc-fYIQDW {
font-size: 19px;
}
.sc-eLwHnm {
	border-radius: 12.5px;
}
.sc-iQLbEm {
 border: none;
  background: none;
}
.image-bottom-right {
         position: fixed;
         bottom: 10px;
         right: 10px;
         width: 100px;
         height: auto;
         z-index: 9999;
}
    `);
 if (window.location.hostname === "voxiom.io") {
        const img = document.createElement("img");
        img.src = "https://i.imgur.com/WKYmgNG.png";
        img.className = "image-bottom-right";
        document.body.appendChild(img);
    }
})();