MZ Script

Snay.io with lots of features to come!
// ==UserScript==
// @name         MZ Script
// @namespace    http://tampermonkey.net/
// @version      1.0.1
// @description  Snay.io with lots of features to come!
// @author       Moka X Zaro
// @match        https://www.snay.io/
// @icon         https://i.postimg.cc/sD65X7t3/black-calathea-lutea-patterned-background-53876-144275-2.png
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
console.log('MZ Script is succesfully running.');
GM_addStyle (`

#ReplaySaveBtn {
  z-index: 19;
  top: 15.5vw;
  width: 5vw;
  height: 5vw;
  border-style: none;
  background: url(https://i.postimg.cc/9XBTszJL/chat-btn-1.png);
  background-size: 5vw 5vw;
  background-repeat: no-repeat;
  position: fixed;
  right: 6vw;
  opacity: 1;
}

.window-body {
    padding: 0 0 4vw 0;
    margin: 0;
    padding-left: 0px;
    padding-top: 1vw;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    scrollbar-width: thin;
    width: 100%;
    background-color: transparent;
    scrollbar-color: #ffffff var(--scrollbar-track-color);
}

#modmenubtn {
  z-index: 19;
  top: 15.5vw;
  width: 5vw;
  height: 5vw;
  border-style: none;

  background: url(https://i.postimg.cc/Vvt6FGGG/modmenu-btn.png);
  background-size: 5vw 5vw;
  background-repeat: no-repeat;
  position: fixed;
  right: 0.5vw;
  opacity: 1;
}
#modmenuclosebtn {
    top: 15vw;
    right: 2vw;
}

#modmenu {
    top: 15vw;
    border: 2px;
    border-radius: 9px;
    border-style: solid;
    border-color: white;
    background-color: rgba(0,0,0,.7);
    position: absolute;
    right: 1vw
}

modmenutitle {
    margin-left: 38px;
}

modmenu input {
    height: 0.6vw;
}

#badge-gallery-header {
    background-color: #000;
}
#gallery-content {
    background: black;
}

#season-gallery-header {
    background: black;
}

#settings-subtitle {
    color: white;
}

#window-header {
    background-color: black;
}

.swal-modal {
    background-color: black;
    border: 3px solid white;
}
.swal-title {
    color: white;
}
.swal-text {
    color: white;
}

#players-header {
    background-color: black;
}

#quests-body {
    background: linear-gradient(90deg, red, #101010);
}

#quests-header {
    background: black;
}

.window-header {
    background: black;
}

#replays-header {
    background: black;
}

#overlays,#connecting {
    background-image: url("https://i.postimg.cc/mZPXK8zv/google-pixel-8-dark-3840x2160-14308.jpg");
}

#leaderboards-header {
    background: black;
}

.free-rewards .reward-tag {
    background: #000;
    border-radius: 0 0 5vh 5vh;
}
.vip-rewards .reward-tag {
    background: #000;
    border-radius: 5vh 5vh 0 0;
}


#login-content {
    background: #000;
}
#login form span {
    background-color: #ffffff;
    border-radius: 10px 0px 0px 10px;
}
#login form input[type=email],input[type=password],input[type=text] {
    background-color: #ffffff;
    border-radius: 0 10px 10px 0;
    margin-bottom: 1.3em;
    padding: 0 18px;
}

#login form input[type=submit]:hover {
    background-color: #ff4949
}

#login form input[type=submit] {
    background-color: #e91111;
    border: 2px white solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 25px;
    color: #eee;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 200px;
    margin-left: 40px;
}

#replays-content {
    background: #000;
}

#chatBtn {
  opacity: 1;
  background: url(https://i.postimg.cc/G90Rhbjz/chat-btn.png);
  width: 5vw;
  height: 5vw;
  background-size: 100% 100%;
  border-style: none;
}

#ShowSpectPlayersBtn {
  opacity: 1;
  color: white;
  background: url(https://i.postimg.cc/T3CstRWS/Ingame-Spectate-Players-Btn-1.png);
  width: 5vw;
  height: 5vw;
  background-size: 100% 100%;
  border-style: none;
}
#leaveBtn {
  opacity: 1;
  left: 1vw;
  background: url('https://i.postimg.cc/6Q68Nhqq/leave-btn.png');
}

#lead-btn {
    background: url(https://i.postimg.cc/FKj1cn6T/leaderboard1.png);
    right: 1vw;
}

#ClipBtn {
  position: absolute;
  width: 6vw;
  height: 6vw;
  top: 1.5vw;
  left: 9vw;
  opacity: 1;
  z-index: 99;
  background: url(https://i.postimg.cc/MKQwvfND/chat-btn-2.png);
  background-size: 100% 100%;
  border-style: none;
}

#treasure-btn {
  background-image: url(https://i.postimg.cc/FzcJWsCQ/leaderboard1-2.png);
}

#badges-btn {
  background-image: url(https://i.postimg.cc/fb9Z0tVZ/2583264-1.png);
}

#xp-btn {
  background-image: url(https://i.postimg.cc/YqzTZNWh/8349941-1-2.png);
}

#mass-btn {
  background-image: url(https://i.postimg.cc/hGvF9Jhh/8349941-2.png);
}

#play-btn {
  background-image: url(https://i.postimg.cc/0NYp0Tbs/Untitled-2.png);
}
#spectate-btn {
  background-image: url(https://i.postimg.cc/mkyFWZCf/Untitled.png);
}

#settings-btn {
  background-image: url(https://i.postimg.cc/brVptKjS/Untitled-1.png);
}

#leaveBtn,
#pause-btn,
#lead-btn {
  top: 1vw;
  width: 8vw;
  height: 8vw;
  background-size: 100% 100%;
  border-style: none;
}

#profile-btn {
  background-image: url(https://i.postimg.cc/tC39QfsC/Profile-1.png);
}

#emojiBtn {
  opacity: 1;
  color: white;
  background: url(https://i.postimg.cc/ZqYByvFm/modmenu-btn-1.png);
  width: 5vw;
  height: 5vw;
  background-size: 100% 100%;
  border-style: none;
}

#seasons-btn {
  background-image: url(https://i.postimg.cc/RVyKyWnz/seasons-btn-2.png);
}

#shop-btn {
  background-image: url(https://i.postimg.cc/RCPc1sSh/support-btn-2.png);
}

#support-btn {
  background-image: url(https://i.postimg.cc/vBh5NX5P/support-btn-1.png);
}

#signout-btn {
  background-image: url(https://i.postimg.cc/7PpSQCzr/Signout-1.png);
  background-color: rgba(0, 0, 0, 0);
  background-size: 110% 110%;
  background-position: 50% 50%;
  overflow: hidden;

}

#signin-btn {
  background-image: url(https://i.postimg.cc/XYWd4Tx2/Untitled.png);
}

#discord-btn {
  background-image: url(https://i.postimg.cc/DyPmdmdg/Main-Button-Discord-1-2.png);
}

#leaderboards-btn {
  background-image: url(https://i.postimg.cc/8kr6W10K/Main-Button-Top-Players-1.png);
}

#players-btn {
  background-image: url(https://i.postimg.cc/xCL9fF6R/Main-Button-Discord-3.png);
}


#fullScreenBtn {
  position: absolute;
  width: 5vw;
  height: 5vw;
  top: 2.2vw;
  left: 3vw;
  opacity: 1;
  z-index: 99;
  background: url(https://i.postimg.cc/prjBrcKy/54431-1.png);
  background-size: 100% 100%;
  border-style: none;
}

#leaderboard {
    padding-left: 3vmin;
    padding-right: 3vmin;
    padding-bottom: 3vmin;
    width: 25vmin;
    height: 30vmin;
    margin: 0;
    overflow: hidden;
    font-family: sans-serif;
    font-weight: bold;
    position: absolute;
    top: 1vh;
    right: 1vmin;
    z-index: 1;
    color: #eee;
    background-image: url(https://i.postimg.cc/0NDfgfcp/Leaderboard-bg-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.container {
    margin: 0 auto;
    max-width: 300px;
    width: 100%;
}
.container {
    display: flex;
    justify-content: center;
}

#community-content {
    background: linear-gradient(135deg,#000000,#000000);
    border-radius: 2vw;
    max-width: 80%;
    padding: 1vw
}

#leaderboards {
    background-image: none !important;
}


#community {
    background-image: none !important;
}

#tiles-gallery {
    background-image: none !important;
}

#seasons {
    background-image: none !important;
}

#store {
    background-image: none !important;
}

#settings {
    background-image: none !important;
}

#spinner {
    background-image: none !important;
}

#servers {
    background-image: none !important;
}

#emoji-gallery {
    background-image: none !important;
}

#gallery {
    background-image: none !important;
}

#replays {
    background-image: none !important;
}

#players {
    background-image: none !important;
}

#badge-gallery {
    background-image: none !important;
}

#account {
    background-image: none !important;
}

.selectedSkin {
border-color: #4CAF50;
}

.squareBadge:hover {
    border-color: #1a411c;
}
`)

/* Keybinds */
document.addEventListener("keydown", function(event) {
    if (event.key === "m" || event.key === "M") {
        const modMenuBtn = document.getElementById("modmenubtn");
        if (modMenuBtn) {
            modMenuBtn.click();
        }
    }
    if (event.key === "l" || event.key === "L") {
        const leaderboard = document.getElementById("leaderboard");
        if (leaderboard) {
            leaderboard.click();
        }
    }
    if (event.key === "l" || event.key === "L") {
        const leaderboard = document.getElementById("lead-btn");
        if (leaderboard) {
            leaderboard.click();
        }
    }
    if (event.key === "o" || event.key === "O") {
        const leaderboard = document.getElementById("emojiBtn");
        if (leaderboard) {
            leaderboard.click();
        }
    }

});

/* ~~~~~~~~~~~~~~~SCRIPT CREDITS~~~~~~~~~~~~~~~~ */
window.onload = function() {
    // CSS styles
    const style = document.createElement("style");
    style.textContent = `
        .settings-subtitle {
            margin: 1em;
            padding: 0px;
            font-size: 2em;
        }
        .custom-hr {
            color: rgb(99, 99, 99);
            height: 0.1vw;
            background-color: rgb(99, 99, 99);
            width: 58em;
            margin-bottom: 1vw;
            margin-left: 2em;
        }
        .custom-li {
            margin-right: 0.5em;
            margin-left: 0.5em;
            margin-bottom: 0.5em;
            padding: 0px;
            color: rgb(99, 99, 99);
            background-color: rgb(242, 242, 242);
            border: 0.05em solid rgb(211, 211, 211);
            border-radius: 0.5em;
            display: flex;
            align-items: center;
            width: 30em;
            height: 3em;
            font-size: 2em;
        }
        .custom-li img {
            border-radius: 100%;
            margin-right: 0.5em;
            margin-left: 0.5em;
            width: 2.5em;
            height: 2.5em;
        }
        .custom-li span {
            width: 14em;
        }
    `;
    document.head.appendChild(style);
    const container = document.querySelector("#MoreButtons");

    if (container) {
        const scriptCreditsH3 = document.createElement("h3");
        scriptCreditsH3.className = "settings-subtitle";
        scriptCreditsH3.textContent = "Script Credits 📄";

        const scriptCreditsHr = document.createElement("hr");
        scriptCreditsHr.className = "custom-hr";

        container.insertBefore(scriptCreditsHr, container.firstChild);
        container.insertBefore(scriptCreditsH3, container.firstChild);

        const listItem1 = document.createElement("li");
        listItem1.className = "custom-li";
        listItem1.innerHTML = `
            <img src="https://i.postimg.cc/yxJGhQGY/57c111110da958bc45adac69d64b43a1.webp">
            <span>Moka</span>
            <img src="/assets/img/DiscordIcone.png">
            <span>moka.io</span>
        `;

        const listItem2 = document.createElement("li");
        listItem2.className = "custom-li";
        listItem2.innerHTML = `
            <img src="https://i.postimg.cc/zDM6DNLL/dde6ddb2bb5b306570523fa27dcbac21.webp">
            <span>Zo</span>
            <img src="/assets/img/DiscordIcone.png">
            <span>_z0oz</span>
        `;

        container.insertBefore(listItem2, scriptCreditsHr.nextSibling);
        container.insertBefore(listItem1, listItem2);
    } else {
        console.error("Container #MoreButtons not found in the DOM.");
    }
};


/* ~~~~~~~~~~~~~~~~~~~~~REMOVE 'Privacy settings'~~~~~~~~~~~~~~~~~~~~~~ */
document.querySelectorAll('a').forEach(link => {
  if (link.textContent.includes('Privacy settings')) {
    link.remove();
  }
});

/* ~~~~~~~~~~~~~~~~~~~~~DISCORD INV~~~~~~~~~~~~~~~~~~~~~~ */
var Discord = document.createElement("div");
	Discord.style = "height: 40px; width: 88px; position: absolute; top: 25px; right: 5px; border: 2px solid #ffffff; border-radius: 25px; background: 0% 0% / 100% 100% no-repeat #5757c7; text-align: center; color: black; cursor: pointer;";
	Discord.innerText = "Discord";
	document.querySelector("#main-menu").append(Discord);
	Discord.onclick = () => {
		window.open("https://discord.gg/S8nJv8fkkw");
	}
	Discord.style.cursor = "pointer";
	Discord.style.backgroundSize = "100% 100%";
	Discord.style.backgroundRepeat = "no-repeat";

/* ~~~~~~~~~~~~~~~~~~~~~MENU TITLE~~~~~~~~~~~~~~~~~~~~~~ */
const menuTitle = document.querySelector("#title");
menuTitle.src = "https://i.postimg.cc/t4ZhDMsT/1325119-3.png";
Object.assign(menuTitle.style, { position: "absolute", top: "-5%", zIndex: "7" });

/* ~~~~~~~~~~~~~~~~~~~~~WINDOWS~~~~~~~~~~~~~~~~~~~~~~ */
const settingsContent = document.querySelector("#settings-content");
settingsContent.style.backgroundColor = "black";
const playersContent = document.querySelector("#players-content");
playersContent.style.backgroundColor = "black";
const leaderboardsContent = document.querySelector("#leaderboards-content");
leaderboardsContent.style.backgroundColor = "black";
const storeContent = document.querySelector("#store-content");
storeContent.style.backgroundColor = "black";
const seasonsContent = document.querySelector("#seasons-content");
seasonsContent.style.backgroundImage = "linear-gradient(90deg, red, #101010)";
const accountContent = document.querySelector("#account-content");
accountContent.style.backgroundColor = "black";
const badgeGalleryContent = document.querySelector("#badge-gallery-content");
badgeGalleryContent.style.backgroundColor = "black";
const tilesGalleryContent = document.querySelector("#tiles-gallery-content");
tilesGalleryContent.style.backgroundColor = "black";
const serversContent = document.querySelector("#servers-content");
serversContent.style.backgroundColor = "black";
const emojiGalleryContent = document.querySelector("#emoji-gallery-content");
emojiGalleryContent.style.backgroundColor = "black";
const replaysContent = document.querySelector("#replays-content");
replaysContent.style.backgroundColor = "#000";
const spinnerContent = document.querySelector("#spinner-content");
spinnerContent.style.backgroundImage = "linear-gradient(90deg, red, #101010)";
const vipContent = document.querySelector("#vip-content");
vipContent.style.backgroundImage = "linear-gradient(90deg, red, #101010)";
const communityContent = document.querySelector("#community-content");
communityContent.style.backgroundColor = "black";
document.addEventListener('DOMContentLoaded', function () {
    const profileElement = document.getElementById('Profile');

    if (profileElement) {
        profileElement.style.backgroundColor = '#ff0000';
    } else {
        console.error('Profile element not found');
    }
});

/* ~~~~~~~~~~~~~~~~~~~~~TIME SURVIVAL COUNTER~~~~~~~~~~~~~~~~~~~~~~ */
const playButton = document.getElementById('play-btn');
const leaveButton = document.querySelector('.swal-button.swal-button--confirm.fs40.swal-button--danger');

const gameDiv = document.createElement('div');
gameDiv.id = 'game';
gameDiv.textContent = 'Time Elapsed: 0 seconds';
document.body.appendChild(gameDiv);


gameDiv.style.position = 'absolute';
gameDiv.style.top = '22vw';
gameDiv.style.right = '10px';
gameDiv.style.color = 'white';
gameDiv.style.fontSize = '16px';
gameDiv.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
gameDiv.style.padding = '10px';
gameDiv.style.borderRadius = '5px';


let startTime;
let timerInterval;


playButton.addEventListener('click', () => {
    startCounter();
});

leaveButton.addEventListener('click', () => {
    stopCounter();
});

function startCounter() {
    startTime = Date.now();
    clearInterval(timerInterval);
    timerInterval = setInterval(updateCounter, 1000);
}

function stopCounter() {
    clearInterval(timerInterval);
}

function updateCounter() {
    const currentTime = Date.now();
    const elapsedTime = Math.floor((currentTime - startTime) / 1000);

    let minutes = Math.floor(elapsedTime / 60);
    let seconds = elapsedTime % 60;

    if (elapsedTime < 60) {
        gameDiv.textContent = `Time Elapsed: ${elapsedTime}s`;
    } else {
        gameDiv.textContent = `Time Elapsed: ${minutes}m and ${seconds}s`;
    }
}
})();