<!--
................................................................................
................................................................................
[&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@@@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@/,,,,,,,,,,,,,,*@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@*,/@&@@@@@@@%%%@@@@%@@@@@@&@@@@#,,@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&@@@@@@@,*@&&&@@@@@@@@@@@,.@@@@@@@@@@,,,*@@@#@@@@@#,@@@@@@&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&@@@@@@,@@&&@@(/@@@(*@..%..@@ . ..@@@@@@@@@@@. @@@@@@@@@@@,@@@@@@&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&@@@@@,@@@@#/@,@@@@@ @@   @@@ ..@@@.  .@.(&.@@/   .@@@@@#/#@@@@,/@@@@&&&&&&&&&&&&&&
&&&&&&&&&&&&&&@@@@@,@&@@@@*.  # #. @@@@ *     (..@@@@@,.@. /  @@@@. @@@@@@@/,(@@@@,@@@@@&&&&&&&&&&&&
&&&&&&&&&&&&@@@@#/@@%@@@@, @@@* . &.@@@@ @@. @@@@. @@ *@@@@@@.  .@@@@, %@@@@@@,*@@@@@,@@@@&&&&&&&&&&
&&&&&&&&&&&@@@/&@@%@@@@. @@@@.@@@@&  @.*  @@@& @@@@@@@@@@@@@@@@@ @@@@@@@#..@@@@@,,@@@@@,@@@@&&&&&&&&
&&&&&&&&&@@@@,@@@(@@@,.@@@  @@@@@@@@@@& @@@@@@ @@@ @@@@/ %@@@@@@@@@@@@@@@@@*.@@@@@@@@@@@&#@@@&&&&&&&
&&&&&&&&@@@,@@@@/@@@.%@@@@@@@@.@@@@@@@# @@@@@@@@@,.(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,@@@@&&&&&
&&&&&&@@@@,@@@&*@@@ @@@@@@@@@@  @@@@@@@ @@@@@@@@/,@@@@@@@@@@@@@@@@@@@@@@ .@@@@@@@@@  @@@@@@/@@@@&&&&
&&&&&@@@@/@@@//@@( @@@@@@@@@@@ . @@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@@@@@@  .@@@@@@@@@@@@@@@@@@@#@@@&&&
&&&&@@@@/@@@/#@@# @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ /@@@@ @@@&@@@@@@@@&#@@@@@@@@@@ @@@@@@@@@@&@@@&&
&&&&@@@,@@@/@@@@.&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@/ @@  @@@@@@@@@@@@@@@@@@ @@@@@@@@(@@*@@@@&
&&&@@@,@@@/*@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@..@@@@@@@@ @@@@@@@@@@@@@@@ @@@@ @  @@@@@@@*(@@,@@@&
&&&@@@*@@@*@@@/@@@@@@@@@@@@@@  @ @@@@@@@@@@@@@@@@@ @@@@@@@ &@ # @@@@@  @@/ @@ @@@@@@@@@@@@@@/%@@@@@@
&&@@@,@@@(@@@@@@@@@@@@@@@@@@  @% @@@@@@@@@@@@@@@@@@&       @@@ @@@&@@  %@@@@@@@@@@@@@@@@@@@@@(@@,@@@
&&&@@,@@&#@@@@@@@   % *@@@@  @@ @@@@@@@@@@@@@@@@@@@@@@@ @ @@@   #@@@@@@@@@@@@@@@@@@@@@@@..@@@(&@,@@@
&&@@@,@@#@@@@@@@ @@@@. @@@@  @ @@@@@@@@@@@@@@@@@ @@@@ @@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@/.@@@(#@,@@@
&&&@@,@@#@@@@@@@@@@@@ &@@@.  .@@@@@@@@@@@@@  @@# @ @ @ /@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@&.@@@(#@,@@@
&&@@@,@@%/@@@@@@@@@@@ @@@@  @@@@@@@@  @ @@@ @@%%@@@@@@@@@@@@@@@@@@@@@@@@  @@ @@@@*.@@@@@,.@@@(@@,@@@
&&&@@@%@@(@@@@@@@@@@,    @ @@@@@@@  @@&&@@@#.@@@@@@@@@@@@@@@@@@@*       ,@& @@@@@.@@@@@@.@@@@#@@(@@@
&&&@@@,@@@@@@@@@  (@ @@@@ @@@@@@@( @@ @@@@@@@@@@@@@@@@@@@@@%.@@@@  ,@@@@@ (@@@@%.@@@@@@.@@@@(@@,@@@@
&&&@@@@,@@@@@@@ @@@  @@@@ @@@@@@@@&@@@@@@@@@@@@@@@@@@@@@@@@@@@. .@@@,.  @@@@@@..@@@@@@.(@@@/%@@@@@@&
&&&&@@@&@@@@@@@ &@@ @@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(..@@@@@@@@.(@@@/&@@,@@@&&
&&&&&@@@/@@@@@@@   @@@@@@ @@@@@@@@@@@@@@@@@@@@  @@@@  @@@@@@@@@@@@@@@@..,@@@@@@@@@@@.@@@@/@@@,@@@&&&
&&&&&&@@@@@@@@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@   @@@@    @@@@@@@@@@@@@@@@@@@@@@@@@@..@@@*/@@@,@@@&&&&
&&&&&&&@@@@,@@@@@@@@@@@@  @@@@@@@@#@@@@@@@@.  @ @@@@      @@@@@@@@@@@@@@@@@@@@@@..@@@@*@@@*@@@@&&&&&
&&&&&&&&@@@@,@@@@@@@@@@@@ @@@@@@@@& @@@@@@.  %.*@@@@.     @@@@@@@@.      @@@@@*.@@@#*%@@@,@@@@&&&&&&
&&&&&&&&&&@@@@,@@@@@@@@@@@ &@@@@@@@@@@. &@@@@@@@@&@@@.. @@@@@@#.  %,  . @@@@. @@@,*@@@@,@@@@&&&&&&&&
&&&&&&&&&&&@@@@@,@@@@@@@@@@@@@@@@@@@@@@@@    @@&   @@@@@%   %@@@@@@%  @@@ .@@@@,/@@@@,@@@@@&&&&&&&&&
&&&&&&&&&&&&&@@@@@,%@@@@@@@@@@@@@@(@.  ,@@@@@@@@@@@@@@@@@@@@   #@@. @@%.@@@@,*@@@@@,@@@@@&&&&&&&&&&&
&&&&&&&&&&&&&&&&@@@@@,@@@@@@@@@@( @@.@@@@@.    .......... .@@@.@@. ,@.(@@,*@@@@@,@@@@@&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&@@@@@@,/@@@%@@*#@@.@@@@..@@@@.#@@@@ @@@@.@@@.@@  @@*@@#%@@@,@@@@@@&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&@@@@@@@,,@@@@@@(@@@@,#@@@@.#@@@@,@@@,@@@**@@/#@%&@@#,@@@@@@@&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@,,@@&&&%%@@@@@(@@@@(#@%((@@@%@@@@@,,@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@&,,,,%@@@@@@&@@@&*,,,%@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&]
................................................................................
................................................................................
-->
<!doctypehtml><html lang="en-US"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible"content="IE=edge"><meta name="viewport"content="width=device-width,initial-scale=1,maximum-scale=.9,user-scalable=no"><title>pleasedontstare</title><link href="./hdn/houdiniflip.css"rel="stylesheet"type="text/css"><link href="./app/tools/src/styles.css"rel="stylesheet"type="text/css"><link href="./app/tools/src/glitch.css"rel="stylesheet"type="text/css"><link rel="stylesheet"href="https://fonts.googleapis.com/css2?family=Inconsolata&display=swap"><style>/* Global Styles */
        body, html {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #1E1E1E;
            color: #C5C5C5;
            font-family: 'Inconsolata', sans-serif;
        }

        /* Menu Container */
        #menu {
            display: flex;
            justify-content: center;
            align-items: center;
            background: rgba(50, 50, 50, 0.6);
            backdrop-filter: blur(10px);
            border-bottom: 0px solid rgba(255, 255, 255, 0.1);
            padding: 4px;
            position: relative;
            z-index: 1000;
        }

        /* Logo */
        #menu img {
            width: 22px;
            height: 22px;
            margin-right: 10px;
            border-radius: 5px;
            transition: transform 0.3s ease;
        }

        #menu img:hover {
            transform: scale(1.2);
        }

        /* Dropdown Button */
        .dropdown-button {
            font-family: 'Inconsolata', sans-serif;
            color: white;
            background: rgba(76, 76, 76, 0.0);
            padding: 8px 16px;
            margin: 0 5px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background 0.3s ease, transform 0.3s ease;
            backdrop-filter: blur(5px);
        }

        .dropdown-button:hover {
            background: rgba(85, 85, 85, 0.9);
            transform: translateY(-2px);
        }

        /* Dropdown Content */
        .dropdown-content {
            display: none;
            position: absolute;
            background: rgba(50, 50, 50, 0.9);
            backdrop-filter: blur(10px);
            min-width: 160px;
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
            border-radius: 5px;
            z-index: 1;
            opacity: 0;
            transform: translateY(-10px);
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        .dropdown:hover .dropdown-content {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        .dropdown-content a {
            color: white;
            padding: 8px 12px;
            text-decoration: none;
            display: block;
            text-align: center;
            transition: background 0.3s ease, color 0.3s ease;
        }

        .dropdown-content a:hover {
            background: rgba(255, 255, 255, 0.1);
            color: #00CED1;
        }

        /* Utility Buttons */
        #menu button {
            background: rgba(76, 76, 76, 0.0);
            border: none;
            border-radius: 5px;
            padding: 6px;
            margin: 0 2px;
            cursor: pointer;
            transition: background 0.3s ease, transform 0.3s ease;
        }

        #menu button:hover {
            background: rgba(85, 85, 85, 0.9);
            transform: translateY(-2px);
        }

        /* Clock Container */
        .clock-container {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background: rgba(50, 50, 50, 0.6);
            backdrop-filter: blur(10px);
            padding: 2px;
            display: flex;
            justify-content: center;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        }

        .clock-group {
            display: flex;
            align-items: center;
            margin: 0 10px;
        }

        .clock {
            color: #fff;
            padding: 5px;
        }

        .label {
            color: #fff;
            text-transform: uppercase;
            padding: 5px;
            opacity: 0.9;
        }</style><script src="./hdn/jquery-3.5.1.js"integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="crossorigin="anonymous"></script><script src="./hdn/jquery-ui.js"integrity="sha256-T0Vest3yCU7pafRw9r+settMBX6JkKN06dqBnpQ8d30="crossorigin="anonymous"></script><script src="js/modernizr.custom.js"></script><link href="css/bootstrap.min.css"rel="stylesheet"><link href="css/jquery.fancybox.css"rel="stylesheet"><link href="css/flickity.css"rel="stylesheet"><link href="css/animate.css"rel="stylesheet"><link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Nunito:400,300,700"rel="stylesheet"type="text/css"><script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script><script src="./app/tools/src/magic.js"></script><script src="./app/tools/src/clock.js"></script><div id="menu"align="center"><a href="./hdn/houdininft.html"target="iframeb"><img src="app/img/01.gif"alt="PDS"></a><div class="dropdown"><button class="dropdown-button">PROJECT ☰</button><div class="dropdown-content"><a href="javascript:void(0);"onclick="loadLink('./pds.html')">PDSNFT</a> <a href="javascript:void(0);"onclick="loadLink('./gallery.html')">GALLERY</a> <a href="javascript:void(0);"onclick="loadLink('./color/index.html')">COLOR</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/ledger/index.html')">P&L</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/dash/index.html')">PDSSTATS</a> <a href="javascript:void(0);"onclick="loadLink('./silk/index.html')">SILKYSTATS</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/tt/index.html')">TOKENMARKET</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/prophet/index.html')">THEPROPHET</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/arb/index.html')">ARBATRON69</a> <a href="javascript:void(0);"onclick="loadLink('./dots.html')">DOTS</a> <a href="javascript:void(0);"onclick="loadLink('./war/index.html')">WARZONE</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/trackr/index.html')">mcBOTFACE</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/data/index.html')">YOURDATA</a></div></div><div class="dropdown"><button class="dropdown-button">TOKEN ☰</button><div class="dropdown-content"><a href="javascript:void(0);"onclick="loadLink('./app/tools/wlt/index.html')">WALLET</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/ti/index.html')">TOKENSCAN</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/wflow/index.html')">WALLETFLOW</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/memo/index.html')">WALLET_ATH</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/heat/index.html')">HEAT</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/price/index.html')">PRICES</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/txns/index.html')">TXNS</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/accounts/index.html')">ACCOUNTS</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/leaders/index.html')">WHALES</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/hcst/index.html')">TOPICS</a> <a href="javascript:void(0);"onclick="loadLink('https://silkdefi.app/#/exchange')">DEX</a></div></div><div class="dropdown"><button class="dropdown-button">NFT ☰</button><div class="dropdown-content"><a href="javascript:void(0);"onclick="loadLink('./app/tools/flow/index.html')">NFTFLOW</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/exp/index.html')">EXPLORER</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/raffle/index.html')">RAFFLE</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/nft/index.html')">HBARNFT</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/ti/index.html')">TOKENINFO</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/gecko/nft1.html')">GECKO</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/hashes/index.html')">METADATA</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/rare/index.html')">RARITY</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/nfttxns/index.html')">HISTORY</a> <a href="javascript:void(0);"onclick="loadLink('https://hbarsuite.app/#/nft-dex/collections')">NFTDEX</a> <a href="javascript:void(0);"onclick="loadLink('https://altlantis.market/')">MARKET</a></div></div><div class="dropdown"><button class="dropdown-button">PLAY ☰</button><div class="dropdown-content"><a href="javascript:void(0);"onclick="loadLink('./app/tools/asci/index.html')">ASCII</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/viz/index.html')">VIZ</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/games/pong.html')">LOVEPONG</a> <a href="javascript:void(0);"onclick="loadLink('./silk/balls.html')">FLINGIT</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/maze/index.html')">aMAZing</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/games/blocks.html')">BARBREAKER</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/ai/index.html')">AICHAT</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/draw/index.html')">DRAW</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/design/index.html')">DESIGN</a> <a href="javascript:void(0);"onclick="loadLink('./app/tools/reach/index.html')">TOUCH</a> <a href="javascript:void(0);"onclick="loadLink('./hdn/houdininft.html')">FLIP</a></div></div><button onclick="invertColors()">⚡︎</button> <button id="muteButton"onclick="toggleMute()">♫</button></div><section class="hero"><div class="texture-overlay"></div><div class="container"><main><iframe seamless src="./hdn/houdininft.html"width="100%"name="iframeb"style="position: absolute; height: 100%; border: none;"onload="handleIframeLoad()"></iframe></main></div><div id="musicPlayer"><audio id="audioPlayer"style="display: none;"><source src=""type="audio/mpeg">Your browser does not support the audio element.</audio></div></section><div class="clock-container"><div class="clock-group hsuite"hidden><div class="label"hidden>HSUITE:</div><div id="hsuite-price"class="clock"hidden>--.--</div></div><div class="clock-group local"><div class="label">ħBAR:</div><div id="hbar-price"class="clock">--.--</div></div><div class="clock-group local"><div class="label">BTC:</div><div id="btc-price"class="clock">--.--</div></div><div class="clock-group local"><div class="label">TIME:</div><div id="local-clock"class="clock"></div></div><div class="clock-group utc"><div class="label">UTC:</div><div id="utc-clock"class="clock"></div></div></div><script>// Function to load a link into the iframe
        function loadLink(link) {
            var iframe = document.getElementsByName('iframeb')[0];
            iframe.src = link;
        }

        // Function to play random audio
        function playRandomAudio() {
            var audioPlayer = document.getElementById('audioPlayer');

            // Create an array of audio files
            var audioFiles = [
            './app/tools/audio/10.mp3',
                './app/tools/audio/11.mp3',
                './app/tools/audio/12.mp3',
                './app/tools/audio/13.mp3',
                './app/tools/audio/14.mp3',
                './app/tools/audio/15.mp3',
                './app/tools/audio/1.mp3',
                './app/tools/audio/2.mp3',
                './app/tools/audio/3.mp3',
                './app/tools/audio/4.mp3',
                './app/tools/audio/5.mp3',
                './app/tools/audio/6.mp3',
                './app/tools/audio/7.mp3',
                './app/tools/audio/8.mp3',
                './app/tools/audio/9.mp3',
                
                // Add more audio files as needed
            ];

            // Pick a random audio file
            var randomIndex = Math.floor(Math.random() * audioFiles.length);
            var randomAudioFile = audioFiles[randomIndex];

            // Set the source of the audio player
            audioPlayer.src = randomAudioFile;

            // Play the audio
            audioPlayer.play().catch(error => {
                console.log("Autoplay prevented. User interaction needed to play audio.");
            });
        }

        // Function to handle the iframe load event
        function handleIframeLoad() {
            // Hide the loading animation when the iframe has finished loading
            var loadingBar = document.getElementById('loading');
            loadingBar.style.display = 'none';
            loadingBar.style.width = '0';
        }

        // Ensure the menu is displayed
        function ensureMenu() {
            var menu = document.getElementById('menu');
            if (menu.style.display === 'none') {
                menu.style.display = 'block';
            }
        }

        // Set up window onload events
        window.onload = function () {
            var iframe = document.getElementsByName('iframeb')[0];
            iframe.onload = ensureMenu;

            // Automatically play audio when the page loads
            playRandomAudio();
        };

let isMuted = false;

        function toggleMute() {
            const audioPlayer = document.getElementById('audioPlayer');
            isMuted = !isMuted; // Toggle mute status
            
            if (isMuted) {
                audioPlayer.muted = true; // Mute the audio
                document.getElementById('muteButton').innerText = '✖'; // Change button text
            } else {
                audioPlayer.muted = false; // Unmute the audio
                document.getElementById('muteButton').innerText = '♫'; // Change button text
            }
        }
        
       document.addEventListener('DOMContentLoaded', () => {
    const dropdowns = document.querySelectorAll('.dropdown');

    dropdowns.forEach(dropdown => {
        const dropdownContent = dropdown.querySelector('.dropdown-content');
        const links = dropdownContent.querySelectorAll('a');

        links.forEach(link => {
            link.addEventListener('click', () => {
                // Add a delay to allow the link to execute
                setTimeout(() => {
                    dropdownContent.style.display = 'none'; // Hide the dropdown menu
                }, 100);

                // Optionally, reset the dropdown back to its hover behavior
                dropdown.addEventListener('mouseover', () => {
                    dropdownContent.style.display = ''; // Reset display
                });
            });
        });
    });
});


        function invertColors() {
            // Get the body element
            var body = document.body;

            // Toggle the invert colors style
            body.style.filter = body.style.filter === 'invert(100%)' ? 'invert(0%)' : 'invert(100%)';

            // Change the color of the invert button to be the opposite color of the others
            var invertButton = document.querySelector('button[onclick="invertColors()"]');
            var otherButtons = document.querySelectorAll('button:not([onclick="invertColors()"])');
            
            // Assuming the initial color is black, you can set the inverted color to white
            var invertedColor = 'white';
            var invertedTextColor = 'black'; // Set the inverted text color

            if (invertButton.style.backgroundColor === 'white') {
                // If the button is already inverted, set it back to the default color
                invertedColor = '';
                invertedTextColor = ''; // Set the text color back to default
            }

            invertButton.style.backgroundColor = invertedColor;
            invertButton.style.color = invertedTextColor; // Set the text color

            // Change the color of other buttons
            otherButtons.forEach(function (button) {
                button.style.backgroundColor = invertedColor === 'white' ? '' : 'white';
                button.style.color = invertedTextColor === 'black' ? '' : 'black';
            });
        }

        // Define the color scale
        const colorScale = [
    '#6E5B9A', // Muted Purple
    '#AA8ED6', // Soft Lavender
    '#C6A1CF', // Dusty Pink-Purple
    '#E2BDEB', // Pale Lilac
    '#D4A5C8', // Muted Rose
    '#FFB6C1', // Light Pink
    '#FF69B4', // Bright Pink
    '#D988B9', // Muted Magenta
    '#A864A8', // Deep Pink-Purple
    '#7A4988', // Rich Plum
    '#00CED1', // Bright Cyan
    '#40E0D0', // Turquoise
    '#7FCDCD', // Soft Cyan
    '#88D8C0', // Minty Cyan
    '#B2EBF2', // Pale Cyan
    '#708090', // Slate Grey
    '#A9A9A9', // Medium Grey
    '#C0C0C0', // Silver
    '#D3D3D3', // Light Grey
    '#E0E0E0', // Pale Grey
    '#F5F5F5'  // Off-White
];


        // Function to generate a random color from the color scale
        function getRandomColor() {
            return colorScale[Math.floor(Math.random() * colorScale.length)];
        }

        // Apply random color on mouseover for buttons, links, table cells, and DataTable cells
        document.querySelectorAll('button, a, td, th, .tab-link').forEach(element => {
            element.addEventListener('mouseover', () => {
                const randomColor = getRandomColor();
                element.style.backgroundColor = randomColor;
                element.style.color = '#fff'; // Change text color to white for better contrast
            });

            // Reset the color on mouseout
            element.addEventListener('mouseout', () => {
                element.style.backgroundColor = '';
                element.style.color = '';
            });
        });

        function openInNewTab(url) {
            var win = window.open(url, '_blank');
            win.focus();
        }</script><script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3"async defer="defer">new Crate({
        server: '1056117329882259516', // The Decentodrome
        channel: '1056248377702088705', // #💬chat
        color: '#000'
    })</script>
<!--
................................................................................
................................................................................
[&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@@@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@/,,,,,,,,,,,,,,*@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@*,/@&@@@@@@@%%%@@@@%@@@@@@&@@@@#,,@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&@@@@@@@,*@&&&@@@@@@@@@@@,.@@@@@@@@@@,,,*@@@#@@@@@#,@@@@@@&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&@@@@@@,@@&&@@(/@@@(*@..%..@@ . ..@@@@@@@@@@@. @@@@@@@@@@@,@@@@@@&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&@@@@@,@@@@#/@,@@@@@ @@   @@@ ..@@@.  .@.(&.@@/   .@@@@@#/#@@@@,/@@@@&&&&&&&&&&&&&&
&&&&&&&&&&&&&&@@@@@,@&@@@@*.  # #. @@@@ *     (..@@@@@,.@. /  @@@@. @@@@@@@/,(@@@@,@@@@@&&&&&&&&&&&&
&&&&&&&&&&&&@@@@#/@@%@@@@, @@@* . &.@@@@ @@. @@@@. @@ *@@@@@@.  .@@@@, %@@@@@@,*@@@@@,@@@@&&&&&&&&&&
&&&&&&&&&&&@@@/&@@%@@@@. @@@@.@@@@&  @.*  @@@& @@@@@@@@@@@@@@@@@ @@@@@@@#..@@@@@,,@@@@@,@@@@&&&&&&&&
&&&&&&&&&@@@@,@@@(@@@,.@@@  @@@@@@@@@@& @@@@@@ @@@ @@@@/ %@@@@@@@@@@@@@@@@@*.@@@@@@@@@@@&#@@@&&&&&&&
&&&&&&&&@@@,@@@@/@@@.%@@@@@@@@.@@@@@@@# @@@@@@@@@,.(@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@,@@@@&&&&&
&&&&&&@@@@,@@@&*@@@ @@@@@@@@@@  @@@@@@@ @@@@@@@@/,@@@@@@@@@@@@@@@@@@@@@@ .@@@@@@@@@  @@@@@@/@@@@&&&&
&&&&&@@@@/@@@//@@( @@@@@@@@@@@ . @@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@@@@@@  .@@@@@@@@@@@@@@@@@@@#@@@&&&
&&&&@@@@/@@@/#@@# @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ /@@@@ @@@&@@@@@@@@&#@@@@@@@@@@ @@@@@@@@@@&@@@&&
&&&&@@@,@@@/@@@@.&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@/ @@  @@@@@@@@@@@@@@@@@@ @@@@@@@@(@@*@@@@&
&&&@@@,@@@/*@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@..@@@@@@@@ @@@@@@@@@@@@@@@ @@@@ @  @@@@@@@*(@@,@@@&
&&&@@@*@@@*@@@/@@@@@@@@@@@@@@  @ @@@@@@@@@@@@@@@@@ @@@@@@@ &@ # @@@@@  @@/ @@ @@@@@@@@@@@@@@/%@@@@@@
&&@@@,@@@(@@@@@@@@@@@@@@@@@@  @% @@@@@@@@@@@@@@@@@@&       @@@ @@@&@@  %@@@@@@@@@@@@@@@@@@@@@(@@,@@@
&&&@@,@@&#@@@@@@@   % *@@@@  @@ @@@@@@@@@@@@@@@@@@@@@@@ @ @@@   #@@@@@@@@@@@@@@@@@@@@@@@..@@@(&@,@@@
&&@@@,@@#@@@@@@@ @@@@. @@@@  @ @@@@@@@@@@@@@@@@@ @@@@ @@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@/.@@@(#@,@@@
&&&@@,@@#@@@@@@@@@@@@ &@@@.  .@@@@@@@@@@@@@  @@# @ @ @ /@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@&.@@@(#@,@@@
&&@@@,@@%/@@@@@@@@@@@ @@@@  @@@@@@@@  @ @@@ @@%%@@@@@@@@@@@@@@@@@@@@@@@@  @@ @@@@*.@@@@@,.@@@(@@,@@@
&&&@@@%@@(@@@@@@@@@@,    @ @@@@@@@  @@&&@@@#.@@@@@@@@@@@@@@@@@@@*       ,@& @@@@@.@@@@@@.@@@@#@@(@@@
&&&@@@,@@@@@@@@@  (@ @@@@ @@@@@@@( @@ @@@@@@@@@@@@@@@@@@@@@%.@@@@  ,@@@@@ (@@@@%.@@@@@@.@@@@(@@,@@@@
&&&@@@@,@@@@@@@ @@@  @@@@ @@@@@@@@&@@@@@@@@@@@@@@@@@@@@@@@@@@@. .@@@,.  @@@@@@..@@@@@@.(@@@/%@@@@@@&
&&&&@@@&@@@@@@@ &@@ @@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@(..@@@@@@@@.(@@@/&@@,@@@&&
&&&&&@@@/@@@@@@@   @@@@@@ @@@@@@@@@@@@@@@@@@@@  @@@@  @@@@@@@@@@@@@@@@..,@@@@@@@@@@@.@@@@/@@@,@@@&&&
&&&&&&@@@@@@@@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@   @@@@    @@@@@@@@@@@@@@@@@@@@@@@@@@..@@@*/@@@,@@@&&&&
&&&&&&&@@@@,@@@@@@@@@@@@  @@@@@@@@#@@@@@@@@.  @ @@@@      @@@@@@@@@@@@@@@@@@@@@@..@@@@*@@@*@@@@&&&&&
&&&&&&&&@@@@,@@@@@@@@@@@@ @@@@@@@@& @@@@@@.  %.*@@@@.     @@@@@@@@.      @@@@@*.@@@#*%@@@,@@@@&&&&&&
&&&&&&&&&&@@@@,@@@@@@@@@@@ &@@@@@@@@@@. &@@@@@@@@&@@@.. @@@@@@#.  %,  . @@@@. @@@,*@@@@,@@@@&&&&&&&&
&&&&&&&&&&&@@@@@,@@@@@@@@@@@@@@@@@@@@@@@@    @@&   @@@@@%   %@@@@@@%  @@@ .@@@@,/@@@@,@@@@@&&&&&&&&&
&&&&&&&&&&&&&@@@@@,%@@@@@@@@@@@@@@(@.  ,@@@@@@@@@@@@@@@@@@@@   #@@. @@%.@@@@,*@@@@@,@@@@@&&&&&&&&&&&
&&&&&&&&&&&&&&&&@@@@@,@@@@@@@@@@( @@.@@@@@.    .......... .@@@.@@. ,@.(@@,*@@@@@,@@@@@&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&@@@@@@,/@@@%@@*#@@.@@@@..@@@@.#@@@@ @@@@.@@@.@@  @@*@@#%@@@,@@@@@@&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&@@@@@@@,,@@@@@@(@@@@,#@@@@.#@@@@,@@@,@@@**@@/#@%&@@#,@@@@@@@&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@,,@@&&&%%@@@@@(@@@@(#@%((@@@%@@@@@,,@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@&,,,,%@@@@@@&@@@&*,,,%@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&]
................................................................................
................................................................................
-->