 <ul class="menu">
            <li>
                <a href="javascript:void(0)">Preferences</a>
                <ul class="submenu">
                    <li><a href="javascript:void(0)" onclick="toggleMusicBoard()">Play Music</a></li>
                    <li><a href="javascript:void(0)" onclick="openGallery()">Gallery</a></li>
                    <li><a href="javascript:void(0)" onclick="toggleColorBoard()">Colors</a></li>
                    <li><a href="javascript:void(0)" onclick="reset()">Reset</a></li>
                    <li><a href="javascript:void(0)" onclick="closeMenu()">Close Menu</a></li>
                </ul>
            </li>
            <li>
                <a href="javascript:void(0)">Lucky Credits</a>
                <ul class="submenu">
                    <li><input type="number" id="betAmountInput" placeholder="" /></li>
                    <li><a href="javascript:void(0)" onclick='bet("coin flip")'>Coin Flip</a></li>
                    <li><a href="javascript:void(0)" onclick='bet("dice roll")'>Dice Roll</a></li>
                    <li><a href="javascript:void(0)" onclick="lottery()">Lottery</a></li>
                    <li>
                        <a href="javascript:void(0)" onclick="showCredits()">My Credits💎</a>
                        <ul class="submenu" id="creditsSubmenu"></ul>
                    </li>
                </ul>
            </li>
            <li>
                <a href="javascript:void(0)">Hits</a>
                <ul class="submenu">
                    
                    <li><a href="javascript:void(0)" onclick="giveToPoor()">Give to Poor</a></li>
                    <li><a href="javascript:void(0)" onclick="datePartner()">Date a Partner👫</a></li>
                    <li><a href="javascript:void(0)" onclick="showLogicBoard()">My Logic</a></li>
                    <li><a href="javascript:void(0)" onclick="startBingo()">Bingo</a></li>
                </ul>
            </li>
            <li>
                <a href="javascript:void(0)">Masteries🏆</a>
                <ul class="submenu" id="achievementsSubmenu"></ul>
            </li>
            <li>
                <a href="javascript:void(0)">Titles🎖️</a>
                <ul class="submenu" id="titleSubmenu">
                    <li><a href="javascript:void(0)">No Title</a></li>
                </ul>
            </li>
            <li>
                <a href="javascript:void(0)">Set BG</a>
                <ul class="submenu">
                    <li><a href="javascript:void(0)" onclick='setBgImage("https://i.ibb.co/PTDbcMH/1.jpg")'>BG1</a></li>
                    <li><a href="javascript:void(0)" onclick='setBgImage("https://i.ibb.co/WGZc5KS/2.jpg")'>BG2</a></li>
                    <li><a href="javascript:void(0)" onclick='setBgImage(prompt("Enter the URL of the background image:"))'>Upload BG</a></li>
                </ul>
            </li>
            <li>
                <a href="javascript:void(0)">Banner</a>
                <ul class="submenu">
                    <li><a href="javascript:void(0)" onclick='setBannerImage("https://i.ibb.co/ctT8CvJ/bnner-1.png")'>Banner1</a></li>
                    <li>
                        <a href="javascript:void(0)" onclick='setBannerImage("https://i.ibb.co/jJGYySq/bnner.png")'>
                            Banner2
                        </a>
                    </li>
                    <li><a href="javascript:void(0)" onclick='setBannerImage(prompt("Enter the URL of your custom banner image:"))'>Upload Banner</a></li>
                </ul>
            </li>
            
        </ul>
        <div class="message bg-message" id="message"></div>
        <div id="logic-board">
            <div id="sequence"></div>
            <input type="number" id="answerInput" placeholder="Enter your answer" /><button onclick="checkAnswer()" style="background-color: #000; color: silver; font-size: 14px;">Submit</button>
        </div>
        <div id="music-board">
            <input type="text" id="musicUrlInput" placeholder="YouTube or sound cloud" /><button onclick="loadMusic()" style="background-color: #000; color: silver; font-size: 14px;">Playlist url❤️</button>
            <div class="music-controls"><span onclick="stopMusic()">&#9632;</span></div>
            <div id="musicPlayerContainer"></div>
        </div>
        <div id="bingo-board">
            <div class="bingo-grid" id="bingoGrid"></div>
            <div id="bingoNumberDisplay" style="color: silver; font-size: 20px; margin-top: 10px;"></div>
        </div>
        <div class="color-board" id="colorBoard">
            <input type="color" id="backgroundColorInput" value="#000000" /><br />
            <label for="backgroundColorInput" style="font-size: 14px;">"Background Color"</label><br />
            <input type="color" id="fontColorInput" value="#C0C0C0" /><br />
            <label for="fontColorInput" style="font-size: 14px;">"Font Color"</label><br />
            <input type="color" id="hoverColorInput" value="#36454F" /><br />
            <label for="hoverColorInput" style="font-size: 14px;">"Hover Color"</label><br />
            <button class="custom-button" onclick="applyColors()">Apply Colors</button>
        </div>
        
        <div id="galleryOverlay" class="overlay">
            <div class="overlay-content">
                <a href="javascript:void(0)" class="closebtn" onclick="closeGallery()">&times;</a>
                <h1>My Gallery</h1>
                <div class="input-container"><input type="text" id="imageUrl" placeholder="Enter Image URL" /> <input type="submit" value="Add Image" onclick="addImage()" /></div>
                <div class="gallery" id="imageGallery"></div>
            </div>
        </div>
        <div id="fullscreenSlideshow" class="fullscreen-slideshow">
            <a href="javascript:void(0)" class="closebtn" onclick="closeFullscreenSlideshow()">&times;</a>
            <div class="slideshow-navigation"><button onclick="prevSlide()">&lt; Prev</button><button onclick="nextSlide()">Next &gt;</button></div>
            <img id="fullscreenImage" />
        </div>