Client 14Extended GUI not hack

Custom GUI for Client 14Extended - no done button version not really good script btw

// ==UserScript==
// @name         Client 14Extended GUI not hack
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Custom GUI for Client 14Extended - no done button version not really good script btw
// @author       You
// @match        *://*/*
// @grant        GM_setClipboard
// ==/UserScript==

(function() {
    'use strict';

    let guiVisible = false;

    const style = `
        #client14Gui {
            position: fixed;
            top: 10%;
            left: 50%;
            transform: translateX(-50%);
            background-color: black;
            color: white;
            padding: 20px;
            border-radius: 8px;
            z-index: 9999;
            font-family: Arial, sans-serif;
            width: 400px;
            display: none;
        }
        #client14Tabs {
            display: flex;
            gap: 10px;
            margin-bottom: 10px;
        }
        .client14Tab {
            background: #222;
            padding: 5px 10px;
            cursor: pointer;
        }
        .client14Tab:hover {
            background: #444;
        }
        .client14Content {
            display: none;
        }
        .client14Content.active {
            display: block;
        }
        .client14Button {
            background: #333;
            color: white;
            border: none;
            padding: 5px 10px;
            margin-top: 10px;
            cursor: pointer;
        }
        .client14Button:hover {
            background: #555;
        }
    `;

    const guiHTML = `
        <div id="client14Gui">
            <div id="client14Tabs">
                <div class="client14Tab" data-tab="welcome">Welcome</div>
                <div class="client14Tab" data-tab="overlay">Overlay</div>
                <div class="client14Tab" data-tab="settings">Settings</div>
                <div class="client14Tab" data-tab="fun">Fun</div>
                <div class="client14Tab" data-tab="color">Color</div>
            </div>
            <div id="welcome" class="client14Content active">
                <p>Welcome to Client 14Extended!</p>
                <p>What's new: 14client!</p>
                <button class="client14Button" id="joinDiscord">Join Discord</button>
            </div>
            <div id="overlay" class="client14Content">
                <label>Darkness: <input type="range" min="0" max="100" value="50"></label><br>
                <label>Lightness: <input type="range" min="0" max="100" value="50"></label><br>
                <label>Colorblind Mode: <input type="checkbox"></label>
            </div>
            <div id="settings" class="client14Content">
                <p>FPS: <span id="fps">60</span></p>
                <p>Ping: <span id="ping">20ms</span></p>
                <p>RAM: <span id="ram">2.5GB</span></p>
                <label>Draggable: <input type="checkbox" id="draggableToggle"></label>
            </div>
            <div id="fun" class="client14Content">
                <button class="client14Button" id="removeAds">Remove All Ads</button>
            </div>
            <div id="color" class="client14Content">
                <label>Menu Color: <input type="color" id="menuColor" value="#000000"></label>
            </div>
        </div>
    `;

    const styleElement = document.createElement('style');
    styleElement.textContent = style;
    document.head.appendChild(styleElement);

    const guiElement = document.createElement('div');
    guiElement.innerHTML = guiHTML;
    document.body.appendChild(guiElement);

    const gui = document.getElementById('client14Gui');
    const tabs = document.querySelectorAll('.client14Tab');
    const contents = document.querySelectorAll('.client14Content');

    tabs.forEach(tab => {
        tab.addEventListener('click', () => {
            contents.forEach(c => c.classList.remove('active'));
            document.getElementById(tab.dataset.tab).classList.add('active');
        });
    });

    document.getElementById('joinDiscord').addEventListener('click', () => {
        GM_setClipboard("https://discord.gg/zVDfBnhW");
        alert("Discord link copied to clipboard!");
    });

    document.getElementById('removeAds').addEventListener('click', () => {
        document.querySelectorAll("iframe, .ad, [id*='ad']").forEach(el => el.remove());
        alert("All ads removed!");
    });

    document.getElementById('menuColor').addEventListener('input', (e) => {
        gui.style.backgroundColor = e.target.value;
    });

    document.addEventListener('keydown', function(e) {
        if (e.key === "'") {
            guiVisible = !guiVisible;
            gui.style.display = guiVisible ? "block" : "none";
        }
    });

    console.log("Client 14Extended loaded. Press ' to toggle GUI.");
})();