(function () {
    "use strict";
  
    GM_addStyle(`
  
        body {
    background-size: relative;
    background-size: 10px 10px;
    /*background-image: linear-gradient(to right, #DAE2E6 1px, transparent 1px), linear-gradient(to bottom, #DAE2E6 1px, transparent 1px);*/
    background-color: #f2fbff;
    background-size: 20px 20px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: none;
  }
  
  @font-face {
    font-family: "Open Sans";
    src: url("fonts/OpenSans-Regular.ttf");
  }
  
  @font-face {
    font-family: "IceCaps";
    src: url("fonts/IceCaps.ttf");
  }
  
  @font-face {
    font-family: "BrazierFlame";
    src: url("fonts/BrazierFlame.ttf");
  }
  
  @font-face {
    font-family: "burnstown";
    src: url("fonts/burnstown.ttf");
  }
  
  @font-face {
    font-family: "chlorinar";
    src: url("fonts/chlorinar.ttf");
  }
  
  @font-face {
    font-family: "Facon";
    src: url("fonts/Facon.ttf");
  }
  
  @font-face {
    font-family: "ampad";
    src: url("fonts/ampad.ttf");
  }
  
  @font-face {
    font-family: "archistico";
    src: url("fonts/archistico.ttf");
  }
  
  @font-face {
    font-family: "breakaway";
    src: url("fonts/breakaway.ttf");
  }
  
  @font-face {
    font-family: "conformity";
    src: url("fonts/conformity.ttf");
  }
  
  @font-face {
    font-family: "electroharmonix";
    src: url("fonts/electroharmonix.ttf");
  }
  
  @font-face {
    font-family: "PWJoyeuxNoel";
    src: url("fonts/PWJoyeuxNoel.ttf");
  }
  
  @font-face {
    font-family: "leckerli-one";
    src: url("fonts/leckerli-one.ttf");
  }
  
  .t1 {
    color: #25f;
  }
  .t2 {
    color: #f31;
  }
  .t3 {
    color: #11bb11;
  }
  .t4 {
    color: #dddd11;
  }
  .t5 {
    color: #f011f0;
  }
  .t6 {
    color: #ffb20f;
  }
  .t7 {
    color: #ff9ddb;
  }
  .t8 {
    color: #915c00;
  }
  
  .center {
    text-align: center;
  }
  
  span {
    pointer-events: none;
  }
  
  .red {
    text-align: center;
    color: #ff3311;
  }
  
  .ui-pane {
    position: absolute;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.7);
    border: solid 2px rgba(255, 255, 255, 0.2);
    border-radius: 5px;
  }
  
  .hud-panel {
    pointer-events: none;
  }
  
  .ui-scale {
    transform: scale(1);
  }
  
  .top-left {
    position: absolute;
    top: 10px;
    left: 10px;
    transform-origin: top left;
  }
  
  .top-right {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 200px;
    transform-origin: top right;
  }
  
  #canvas-container {
    width: 100%;
    height: 100%;
  }
  
  #canvas {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  #canvas-background {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
  }
  
  #score-panel {
    position: relative;
    display: block;
    color: white;
    width: auto;
    /* max-width: 300px; */
    height: auto;
    font-family: Calibri;
    font-weight: 700;
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  
  #score-panel p {
    margin: 0px 10px 0px 10px;
    white-space: nowrap;
  }
  
  #score-mouse {
    color: red;
    display: none;
  }
  
  #party-panel {
    display: inline-block;
    position: relative;
    color: white;
    top: 10px;
  }
  
  #extra-panel {
      position: relative;
      display: inline-block;
      color: #fff;
      width: 200px;
      font-family: Calibri;
      font-weight: 700;
      font-size: 16px;
      padding-top: 5px;
      padding-bottom: 5px;
      margin-top: 10px;
      height: auto;
      border: none;
  }
  
  #extra-panel p {
    margin: 0 10px;
    white-space: nowrap;
  }
  
  #extra-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(22, 22, 22, 0.1); /* Adjust background color and opacity */
    backdrop-filter: blur(5px); /* Adjust blur radius */
    -webkit-backdrop-filter: blur(5px); /* For Safari */
    z-index: -1;
  }
  
  #party-canvas {
    pointer-events: auto;
  }
  
  
  #party-header {
    font-family: Calibri;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    margin: 3px 0 -5px 0;
  }
  
  #leaderboard-panel {
    position: relative;
    display: inline-block;
    color: white;
    width: 200px;
    font-family: Calibri;
    font-weight: 700;
    font-size: 16pt;
    border: none;
  }
  
  .lh {
    top: 0px;
    text-align: center;
    margin: 5px 0px 0px 0px;
    color: #989898;
  }
  
  #leaderboard-canvas {
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #chat-panel {
    background-color: transparent;
    border-radius: 0px;
    border: none;
    color: white;
    bottom: 15px;
    left: 10px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    width: 400px;
    height: 250px;
    min-width: 200px;
    min-height: 125px;
    max-width: 800px;
    max-height: 500px;
    overflow: hidden;
    transform-origin: bottom left;
    font-family: "Open Sans";
  }
  
  .chat-name {
    margin-right: 2px;
    pointer-events: all;
    position: relative;
    display: inline-block;
    z-index: 1;
  }
  
  #autocomplete-panel {
    position: absolute;
    display: none;
    width: 100%;
    height: 42%;
    left: 0;
    bottom: 24px;
    border: none;
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    font-family: "Open Sans";
    pointer-events: auto;
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
  }
  
  #autocomplete-panel::-webkit-scrollbar {
    width: 6px;
  }
  
  #autocomplete-panel::-webkit-scrollbar-thumb {
    background-color: darkgray;
    border-radius: 4px;
  }
  
  #autocomplete-panel table {
    width: 100%;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
  }
  
  #autocomplete-panel table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    height: 20px;
  }
  
  #autocomplete-panel table tbody tr:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  }
  
  #autocomplete-panel table tr th:nth-child(1),
  #autocomplete-panel table tr td:nth-child(1) {
    width: 20%;
    text-align: left;
  }
  
  #autocomplete-panel table tr th:nth-child(2),
  #autocomplete-panel table tr td:nth-child(2) {
    width: 20%;
    text-align: center;
  }
  
  #autocomplete-panel table tr th:nth-child(3),
  #autocomplete-panel table tr td:nth-child(3) {
    width: 60%;
    text-align: right;
  }
  
  #autocomplete-panel h3 {
    margin: 0;
    padding: 3px;
  }
  
  #autocomplete-panel img {
    width: 25px;
    height: 25px;
    padding: 5px;
    margin: 0 0 4px 4px;
    border-radius: 4px;
  }
  
  #autocomplete-panel img:hover {
    box-shadow: inset 0px 0px 5px #000;
  }
  
  #emote-panel {
    display: none;
    position: absolute;
    bottom: 22px;
    right: 10px;
    width: 43%;
    height: 48%;
    border-radius: 5px 5px 0 0;
    border-bottom: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    pointer-events: auto;
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
  }
  
  #emote-panel::-webkit-scrollbar {
    width: 6px;
  }
  
  #emote-panel::-webkit-scrollbar-thumb {
    background-color: darkgray;
    border-radius: 4px;
  }
  
  #emote-panel h3 {
    margin: 0;
    padding: 2px 0 0 5px;
    font-family: Calibri;
    font-weight: 900;
  }
  
  #emote-panel ul {
    display: flex;
    flex-flow: row wrap;
    list-style-type: none;
    padding: 0;
    margin: 2px 0 0 3px;
  }
  
  #emote-panel ul li {
    padding: 4px;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
  }
  
  #emote-panel ul li:hover {
    border: 1px solid #000;
    box-shadow: inset 0px 0px 5px #000;
  }
  
  #emote-panel ul li img {
    width: 25px;
    height: 25px;
  }
  
  #minimap-panel {
    bottom: 10px;
    right: 10px;
    height: 250px;
    width: 250px;
    overflow: hidden;
    transform-origin: bottom right;
  }
  
  #minimap-coordinates {
    display: none;
    font-family: Calibri;
    font-weight: 300;
    font-size: 16px;
    color: white;
    height: 20px;
    margin: auto;
    text-align: center;
  }
  
  .menu-sub-bg {
    background-color: #363636;
  }
  
  .menu-sub-bg2 {
    background-color: #404040;
  }
  
  .main {
    position: absolute;
    margin: 0 auto;
    top: 6%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 1020px; /* 3-panel: 1000px : 2-panel: 658px*/
    height: 470px;
    z-index: 2;
    padding: 10px;
    font-family: "Open Sans";
    color: #fff;
  }
  
  .main-panel-wrapper {
    display: flex;
    justify-content: space-between;
  }
  
  .main-divider {
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
  }
  
  .main-panel {
    background-color: #2a2a2a;
    border-radius: 10px;
  }
  
  .main-left {
    width: 370px;
    height: 470px;
  }
  
  .main-rb-title {
    display: block;
    text-align: center;
    font-size: 14px;
    height: 20px;
    margin: 0;
    padding: 0;
    color: inherit;
  }
  
  #main-rb {
    width: 350px;
    height: 300px;
    margin-bottom: 10px;
    text-align: center;
  }
  
  #inner-rb {
    background-color: #000000;
    position: relative;
  }
  
  #main-account {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 348px;
    border: 1px solid #e6f8ff21;
    padding: 10px;
    max-height: 130px;
  }
  
  .avatar {
    display: flex;
    align-self: center;
    border-radius: 10px;
    width: 85px !important;
    height: 85px !important;
  }
  
  #authed {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  
  #guest {
    text-align: center;
    color: #fff;
  }
  
  #userinfo {
    display: flex;
    width: -webkit-fill-available;
    text-align: center;
    gap: 10px;
  }
  
  #username-container {
    display: flex;
    flex-direction: column;
    color: inherit;
    text-align: start;
    width: -webkit-fill-available;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: px;
  }
  
  #account-username {
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  
  #account-titles {
    width: 150px;
    height: 30px;
  }
  
  #account-actions {
    display: flex;
    flex-direction: row; /* Change from column to row */
    justify-content: space-evenly;
    align-self: center;
    width: 100%; /* You can adjust this width as needed */
    padding: 0 10px;
    height: auto; /* Adjust height based on the content */
    margin-top: 10px;
  }
  
  
  #account-actions .gota-btn {
    height: 30px;
  }
  
  #account-logout {
    background-color: #671200 !important; /* Replace with desired color */
    transition: background-color 0.3s ease; /* Smooth transition for background color change */
  }
  
  #account-logout:hover {
    background-color: #ff0000 !important; /* Light red color on hover */
  }
  
  
  
  .xp-meter,
  .xp-meter-profile {
    height: 20px;
    width: 100%;
    align-self: center;
    position: relative;
    background: #2c2f35;
    border-radius: 10px;
  }
  
  .xp-meter > span,
  .xp-meter-profile > span {
    display: block;
    height: 100%;
    background-color: #293d80;
    position: absolute;
    overflow: hidden;
    text-align: center;
    top: 0;
    border-radius: 10px;
  }
  
  .main-content {
    width: 330px;
    height: 400px;
    max-height: 430px;
  }
  
  #main-side {
    width: 320px;
    height: 400px;
    /* UI: 490px default, 300px condensed */
    /* margin-bottom: 10px; */
  }
  
  #main-right {
    width: 340px;
    height: 400px;
  }
  
  .main-mid {
    padding: 10px 0 5px;
  }
  
  .main-input-btns {
    width: 91%;
    margin: 6px auto 0;
  }
  
  .main-bottom {
    display: flex;
    /* text-align: center; */
    width: 100%;
    height: 190px;
    margin-top: 10px;
  }
  
  .main-bottom-left {
    width: 50%;
    height: 190px;
    margin-right: 10px;
  }
  
  .main-bottom-right {
    width: 50%;
    height: 100%;
    text-align: center;
  }
  
  .main-bottom-stats {
    /* border: solid 1px white; */
    /* box-shadow: 0px 0px 3px 3px rgb(0 0 0 / 52%); */
    margin: auto 0 auto auto;
    width: 90%;
    height: 96%;
    border-radius: 3px 10px 10px 3px;
    font-size: 18px;
    font-weight: 700;
    float: left;
  }
  
  .main-bottom-links {
    display: flex;
    justify-content: space-around;
    width: 90%;
    height: 28px;
    margin: 5px auto;
    padding: 0;
  }
  
  .main-bottom-links a {
    text-decoration: none;
    color: #fff;
    font-size: 24px;
  }
  
  #main-stats {
    font-family: "Open Sans";
    font-size: 8pt;
    text-align: left;
    margin-left: 5px;
    overflow: auto;
    pointer-events: auto;
  }
  
  #logo {
    width: 110%;
    height: 120px;
    background-image: url("images/logo.png");
    background-position: -15px 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: -15px;
    top: -20px;
    position: relative;
  }
  
  .main-version {
    display: block;
    color: inherit;
    font-size: 10px;
    text-align: center;
    height: 15px;
  }
  
  #name-box {
      display: block;
      height: 28px;
      font-size: 15pt;
      width: 90%;
      margin: 0 auto;
      border-width: 0px;
      border-radius: 5px;
      text-indent: 5px;
      text-align: center;
      cursor: pointer;
      font-family: "Open Sans";
      color: var(--ui-form-control-color, inherit) !important;
      background: var(--ui-form-control-bg, transparent) !important;
      transition-duration: var(--duration-1, 0.3s) !important;
      transition-property: var(--transition-property, all) !important;
      transition-timing-function: var(--ease-3, ease) !important;
      outline: var(--ui-form-control-outline-width, 2px) var(--ui-form-control-outline-style, solid) transparent !important;
      outline-offset: var(--ui-form-control-outline-offset, 0) !important;
  }
  
  #name-box:focus {
      outline-color: var(--ui-form-control-outline-color, #00f) !important;
  }
  
  
  
  #btn-play {
    background-color: #f1b73f;
    margin-right: 6px;
  }
  
  #btn-spec {
    background-color: #d670c5;
  }
  
  .gota-menu-btn {
    width: 138px;
    height: 35px;
    outline: none;
    border-width: 0px;
    border-radius: 5px;
    color: #9d9d9d;
    font-size: 14pt;
    cursor: pointer;
    font-family: "Open Sans";
    box-shadow: 1px 1px rgba(0, 0, 0, 0.25);
    transition: all 0.5s;
  }
  
  .gota-menu-btn:hover {
    box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2);
  }
  
  input:focus {
    outline: none;
    border-color: rgba(94, 174, 255, 0.7);
  }
  
  .gota-btn {
    background-color: #444444;
    border-width: 0px;
    margin-bottom: 0px;
    border-radius: 5px;
    height: 30px;
    min-width: 80px;
    color: #9d9d9d;
    font-family: "Open Sans";
    cursor: pointer;
    transition: all 0.5s;
  }
  
  .gota-btn:hover {
    box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.2);
  }
  
  .gota-btn:focus {
    outline: none;
  }
  
  .gota-input {
    border-radius: 7px;
    font-size: 16px;
    text-indent: 5px;
    text-align: center;
  }
  
  .gota-input-group {
    color: white;
    width: 90%;
    margin: 10px auto;
    text-align: center;
  }
  
  .gota-input-group input[type="text"] {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #000;
    font-size: 16px;
    height: 20px;
    width: 150px;
    text-indent: 5px;
  }
  
  .bottom-btn {
    display: inline-block;
    width: 140px;
    height: 17%; /* default 30 px */
    margin-bottom: 5px;
    float: right;
    border-radius: 15px 3px 3px 15px !important;
  }
  
  .divider {
    width: 280px;
    height: 5px;
    margin: 0px auto 7px;
    background-image: url("images/divider.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  
  .top-divider {
    margin-top: 24px;
    background-image: none;
  }
  
  .main-right-panel {
    color: inherit;
    /* width: 100%;
      height: 100%; */
  }
  
  
  .title-text {
    font-size: 16pt;
    text-align: center;
    font-family: "Open Sans";
  }
  
  
  .menu-title {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    background-color: #404040;
  }
  
  .title-divider {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
  .server-container {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #server-tab-container {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
  }
  
  .server-tab {
    width: 120px;
    text-align: center;
  }
  
  .server-tab:first-child {
    width: 100px;
    border-top-left-radius: 5px;
  }
  
  .server-tab:last-child {
    width: 100px;
    border-top-right-radius: 5px;
  }
  
  .server-tab:hover {
    cursor: pointer;
  }
  
  .server-active {
  }
  
  .server-tab span {
    display: block;
    padding: 2px 0px;
    font-size: 14px;
    text-shadow: 2px 2px 3px #000000;
    text-decoration: none;
  }
  
  #server-content {
    display: block;
    float: left;
    background-color: rgba(50, 50, 50, 0.8);
    width: 100%;
    height: 400px;
    /* UI: 400px default, 220px condensed */
  
    padding: 0;
    /* border-top-right-radius: 10px; */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  
  .server-table {
    table-layout: fixed;
    width: 97%;
    margin: 0 auto;
  }
  
  .server-table-name {
    width: 140px;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
  }
  
  .server-table-players {
    width: 100px;
    white-space: nowrap;
    text-align: center;
  }
  
  .server-table-mode {
    width: 150px;
    white-space: nowrap;
    text-align: right;
  }
  
  .server-table thead {
    display: none;
  }
  
  .server-table tbody {
    overflow: auto;
    gap: 2px;
    display: flex;
    flex-direction: column;
    font-size: 13px;
  }
  
  .server-row {
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    display: flex;
    padding: 2.5px 5px;
    transition: all 100ms ease;
  }
  
  .server-row:hover:not(.server-selected) {
    background-color: #26325767;
  }
  
  .account-server {
    background-color: rgba(246, 115, 115, 0.7);
  }
  
  .server-selected {
    background-color: #4068e9a9;
  }
  
  .account-server {
    background-color: rgba(246, 115, 115, 0.7);
  }
  
  .server-selected {
    background-color: rgba(94, 174, 255, 0.7);
  }
  
  #chat-tab-container {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    font-size: 14pt;
    height: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    pointer-events: auto;
  }
  
  .chat-tab {
    text-align: center;
    padding: 0 10px;
    border-right: 2px solid rgba(255, 255, 255, 0.2);
    opacity: 0.6;
  }
  
  .chat-tab:hover {
    cursor: pointer;
  }
  
  .chat-tab span {
    display: block;
    padding: 2px 0px;
    text-shadow: 2px 2px 3px #000000;
    text-decoration: none;
  }
  
  .chat-active-tab {
    font-weight: 700;
    opacity: 1;
  }
  
  #chat-components {
    display: flex;
    border-top: 2px solid rgba(255, 255, 255, 0.2);
  }
  
  #chat-container {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: calc(100% - 58px);
    border-color: rgba(255, 255, 255, 0.2);
    word-break: break-word;
    background-color: rgba(0, 0, 0, 0.7);
    pointer-events: auto;
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
  }
  
  .chat-inner-container {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  
  .chat-inner-container::-webkit-scrollbar {
    width: 7px;
  }
  
  .chat-inner-container::-webkit-scrollbar-thumb {
    background-color: darkgray;
    border-radius: 4px;
  }
  
  #chat-resize {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    right: 0;
    top: 0;
    pointer-events: auto;
    cursor: ne-resize;
    display: none;
  }
  
  #chat-input {
    background-color: rgba(22, 22, 22, 0.8);
    border: none;
    border-right: 1px solid transparent;
    font-size: 14px;
    width: calc(100% - 25px);
    height: 22px;
    text-indent: 5px;
    color: white;
    pointer-events: auto;
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
  }
  
  #chat-emote-btn {
    /* background-image: url("../emotes/HeyGuys.png"); */
    background-color: rgba(255, 255, 255, 0.6);
    background-position: center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    padding: 0;
    margin: 0;
    width: 24px;
    height: 24px;
    border: none;
    border-left: 1px solid rgb(71, 71, 71);
    pointer-events: auto;
    user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
  }
  
  #chat-emote-btn:hover {
    -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
    box-shadow: inset 0px 0px 5px #000;
  }
  
  #chat-emote-btn:focus {
    outline: 0;
  }
  
  #chat-table {
    table-layout: fixed;
  }
  
  .chat-text {
    word-wrap: break-word;
    pointer-events: none;
    user-select: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: relative;
    display: inline-block;
    z-index: 1;
  }
  
  .chat-table td {
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
  }
  
  .chat-table span {
    vertical-align: top;
  }
  
  .options-container {
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 420px;
    background-color: rgba(50, 50, 50, 0.8);
    /* UI: 420px default, 240px condensed */
    font-size: 14px;
    padding: 0 10px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: "Open Sans";
  }
  
  .options-container::-webkit-scrollbar {
    width: 6px;
  }
  
  .options-container::-webkit-scrollbar-thumb {
    background-color: darkgray;
    border-radius: 4px;
  }
  
  .options-container input[type="text"] {
    border-radius: 5px;
  }
  
  .options-container input {
    float: right;
  }
  
  .options-container select {
    float: right;
    width: 100px;
    /* height: 30px; */
  }
  
  .options-input {
    width: 20%;
    text-align: center;
    border-radius: 5px;
    background: rgba(128, 128, 128, 128);
    border: none;
    outline: none;
    color: white;
  }
  
  .keybinds-btn-selected {
    background-color: rgba(255, 40, 40, 0.9);
  }
  
  #btn-reset-keybinds {
    display: block;
    margin: 20px auto 0px;
    width: 125px;
  }
  
  #btn-theme-export,
  #btn-theme-import {
    width: 100%;
  }
  
  #subpanel-content select {
    width: 128px;
  }
  
  #subpanel-rules .title-text {
    display: block;
  }
  
  #btn-subpanel-rules {
    display: block;
    margin: 0 auto 10px;
  }
  
  .locked-name-rules {
    display: block;
    padding-top: 0;
    padding-left: 20px;
  }
  
  .options-table {
    width: 100%;
    table-layout: fixed;
    white-space: nowrap;
  }
  
  .options-table a {
    color: inherit;
  }
  
  .options-table a:hover {
    color: currentColor;
    filter: brightness(150%);
  }
  
  .options-table .keybinds-btn {
    border-radius: 5px;
    width: 65px;
    height: 20px;
    border: 1px solid rgb(169, 169, 169);
  }
  
  .options-table button:focus {
    outline: none;
  }
  
  .options-table a {
    text-decoration: underline;
  }
  
  .options-table #spSkinName {
    width: 120px;
  }
  
  /* .options-table select {
      border-radius: 5px;
      width: 65px;
      height: 20px;
      border: 1px solid rgb(169, 169, 169);
  } */
  
  .options-table select:focus {
    outline: none;
  }
  
  .options-table th {
    font-size: 16px;
  }
  
  .options-table tbody tr td:nth-child(2n + 2) {
    text-align: right;
  }
  
  .options-table thead:not(:first-child) tr th {
    padding-top: 10px;
  }
  
  .options-container select:focus {
    outline: none;
  }
  
  .popup-container {
    position: absolute;
    display: inline-block;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 320px;
    height: 400px;
    z-index: 1;
    pointer-events: none;
  }
  
  .popup-panel {
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: auto;
    border-radius: 10px;
    /*
      border-color: white;
      border-style: solid;
      border-width: 2px;
      border-color: #ffffff;
      */
  }
  
  #popup-party {
    width: 320px;
    overflow: hidden;
  }
  
  #popup-party-text {
    width: 90%;
    margin: 10px auto;
    text-align: center;
    font-family: "Open Sans";
    font-size: 12pt;
  }
  
  #popup-party-join {
    width: 320px;
    overflow: hidden;
  }
  
  .popup-buttons {
    height: 30px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  
  #btn-accept {
    margin-right: 30px;
  }
  
  #popup-login {
    width: 320px;
    margin-bottom: 10px;
  }
  
  #popup-profile {
    width: 320px;
    font-family: "Open Sans";
    padding: 10px 0;
  }
  
  .popup-profile-filler {
    height: 80px;
  }
  
  .profile-title-container {
    display: flex;
    flex-direction: column;
    padding: 10px;
  }
  
  #profile-title {
    text-shadow: none;
    font-weight: 700;
    text-decoration: underline;
    pointer-events: all;
  }
  
  #profile-username {
    pointer-events: all;
  }
  
  #profile-level {
    font-size: 14px;
    text-align: center;
  }
  
  #profile-clan-membership {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
  }
  
  .profle-inline-title {
    display: flex;
    justify-content: center;
    font-size: 20px;
    align-items: center;
  }
  
  #profile-ranked-region {
    border-radius: 5px;
  }
  
  .profile-ranked-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  
  .profile-ranked-container div {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    text-align: center;
    width: 33%;
  }
  
  .ranked-info-unavailable {
    display: block;
    text-align: center;
    color: red;
    padding: 15px 5px;
  }
  
  .profile-actions {
    display: flex;
    justify-content: center;
  }
  
  #main-social {
    color: white;
    width: 840px;
  }
  
  .user-list {
    list-style: none;
    font-size: 13px;
    padding-inline-start: 10px;
  }
  
  .user-list img {
    margin: 5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  
  .user-list > li {
    display: flex;
    margin: 0 0 10px 5px;
    user-select: none;
    width: 95%;
    border-radius: 10px;
  }
  
  .user-list .info {
    flex: 1;
  }
  
  .user-list .status {
    position: relative;
    margin-left: 14px;
    color: #a8adb3;
  }
  
  .offline:after,
  .online:after,
  .spectate:after,
  .pending:after {
    content: "";
    left: -12px;
    top: 6px;
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
  }
  .offline:after {
    background: #757575;
  }
  .online:after {
    background: #62bf63;
  }
  .spectate:after {
    background: #fd8064;
  }
  .pending:after {
    background: #df78ef;
  }
  
  .user-embed .info {
    display: inline-flex;
    flex-direction: column;
    width: 50%;
    height: 60px;
    margin: auto 5px;
    overflow-y: hidden;
    justify-content: center;
  }
  
  .user-embed .info .username {
    font-weight: 600;
    color: #fff;
    height: 30%;
    cursor: pointer;
  }
  
  .user-embed .actions {
    margin: auto 0;
    height: 38px;
    visibility: hidden;
  }
  
  .user-embed .actions .material-icons {
    font-size: 40px !important;
    margin-right: 5px;
  }
  
  .user-embed:hover .actions {
    visibility: visible;
  }
  
  #social-actions {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  
  #social-actions button {
    margin: 5px 20% 5px 20%;
  }
  
  #social-uid {
    pointer-events: all !important;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
  }
  
  #social-online-friends-count {
    color: #00ff00;
  }
  
  #main-friends {
    width: 480px;
  }
  
  #social-friends-info {
    height: 20px;
    width: 100%;
    margin-top: 5px;
    text-align: center;
  }
  
  #social-friends-info > span {
    display: block;
  }
  
  #social-friends {
    height: calc(90% - 40px - 25px - 40px);
    width: calc(100% - 40px);
    margin: 20px auto 5px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 5px;
  }
  
  #social-friends::-webkit-scrollbar {
    width: 6px;
  }
  
  #social-friends::-webkit-scrollbar-thumb {
    background-color: darkgray;
    border-radius: 4px;
  }
  
  .clan-panel {
    width: 480px;
    text-align: center;
  }
  
  .clan-panel .clan-creation {
    padding: 25px;
  }
  
  #clan-create {
    display: flex;
    flex-direction: column;
    margin-top: 25px;
    align-items: center;
  }
  
  #clan-create input[type="text"] {
    width: 150px;
  }
  
  #clan-create * {
    margin: 5px;
  }
  
  .back-button {
    position: absolute !important;
  }
  
  .back-button i {
    color: white;
    font-size: 38px;
  }
  
  #clan-member {
    display: flex;
    flex-direction: column;
  }
  
  #clan-member img#social-clan-avatar {
    width: 125px;
    height: 125px;
  }
  
  .material-icons#user-badge {
    vertical-align: middle;
    margin-left: 5px;
    cursor: default;
    font-size: 16px;
  }
  
  .popup-login-content {
    color: white;
    width: 90%;
    margin: 10px auto;
    text-align: center;
  }
  
  .login-input {
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
    height: 30px;
    width: 250px;
    margin-bottom: 5px;
    text-indent: 5px;
  }
  
  #btn-login {
    margin-right: 30px;
  }
  
  #id-box {
    margin-bottom: 10px;
  }
  
  .closebutton_closeButton--3abym {
    pointer-events: all;
  }
  
  #cookie-banner {
    display: flex;
    flex-flow: row nowrap;
    position: absolute;
    background-color: whitesmoke;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: darkslategray;
    padding: 15px;
    line-height: 1.5em;
    justify-content: space-between;
    z-index: 10;
  }
  
  #cookie-banner .description {
    width: 80%;
  }
  
  #cookie-banner .description a {
    pointer-events: all;
  }
  
  #cookie-banner .buttons {
    width: 20%;
    min-width: 260px;
    height: 100%;
    margin: auto;
    text-align: center;
  }
  
  #cookie-banner .buttons button {
    padding: 7px 15px;
    border: 1px solid darkslategray;
    margin-top: 3px;
    background-color: whitesmoke;
    font-weight: bold;
    font-size: 18px;
    color: darkslategray;
    outline: none;
  }
  
  #cookie-banner .buttons #declineCookies:hover {
    background-color: #ff6961;
    border: 1px solid #df4941;
    color: whitesmoke;
  }
  
  #cookie-banner .buttons #acceptCookies:hover {
    background-color: #69ff61;
    border: 1px solid #49df41;
  }
  
  #touch_controls {
    display: none;
    position: absolute;
    bottom: 20%;
    width: 100vw;
  }
  
  #touch_controls #joystick {
    position: absolute;
  }
  
  #touch_controls #touch_buttons {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    right: 10%;
    bottom: 20%;
    height: 150px;
    width: 150px;
    /* background: green; */
  }
  
  #touch_buttons .touch_button {
    display: block;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: radial-gradient(transparent, #000000);
    opacity: 0.3;
    color: white;
    border: 1px solid white;
    outline: none;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    z-index: 10;
    -webkit-tap-highlight-color: transparent;
    pointer-events: all;
  }
  
  #context-menu {
    position: absolute;
    z-index: 10;
    border-radius: 5px;
  }
  
  #context-name {
    border-bottom: 1px solid;
    border-color: #606060;
    color: #afafaf;
    font-weight: 700;
  }
  
  .context-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    border-radius: 5px;
    background-color: rgb(81, 81, 81);
    font-family: "Open Sans";
    font-size: 14px;
    color: #fff;
  }
  
  .context-list li {
    padding: 5px;
    pointer-events: auto;
  }
  
  .context-action:hover {
    background-color: rgb(128, 128, 128);
  }
  
  /* Fix for sub panel chat colors */
  
  .sp-thumb-el {
    pointer-events: all;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
  }
  
  /* Ads */
  
  #preroll {
    width: 960px;
    height: 580px;
    position: absolute;
    z-index: 999999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
  }
  
  /* Scrimmage */
  
  #main-scrimmage {
    position: absolute;
    margin: 0px auto;
    top: 15%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 600px;
    height: 400px;
    z-index: 1;
    color: white;
    font-family: "Open Sans";
  }
  
  .scrimmage-full {
    width: 100%;
    height: 100%;
  }
  
  .scrimmage-content {
    width: 95%;
    height: 75%;
    margin: 10px auto;
  }
  
  .scrimmage-right a {
    color: inherit;
  }
  
  .scrimmage-right a:hover {
    color: currentColor;
    filter: brightness(150%);
  }
  
  .scrimmage-left {
    display: inline-block;
    width: 180px;
    height: 105px;
    margin-right: 5px;
    vertical-align: top;
    font-size: 15px;
  }
  
  .scrimmage-left .scrimmage-mode-box {
    margin-bottom: 10px;
    max-height: 300px;
  }
  
  .scrimmage-main-left > .gota-btn {
    margin-top: 10px;
    margin-bottom: 5px;
    width: 80px;
  }
  
  .scrimmage-main-left {
    font-size: 16px;
  }
  
  .scrimmage-right {
    display: inline-block;
    width: 380px;
    height: 300px;
    vertical-align: top;
  
    overflow-y: auto;
    overflow-x: hidden;
    word-break: break-word;
  
    font-size: 14px;
  }
  
  #scrimmage-options-leader {
    display: block;
    height: 300px;
  }
  
  #scrimmage-options-leader .custom-game {
    margin-bottom: 12px;
  }
  
  #scrimmage-options-leader::-webkit-scrollbar {
    width: 7px;
  }
  
  #scrimmage-options-leader::-webkit-scrollbar-thumb {
    background-color: darkgray;
    border-radius: 4px;
  }
  
  #btn-custom-start,
  #btn-lobbies-join,
  #btn-lobbies-refresh {
    margin-right: 15px;
  }
  
  #scrimmage-startmass {
    width: 90px;
  }
  
  #scrimmage-virusDensity,
  #scrimmage-respawnDelay {
    width: 90px;
  }
  
  #scrimmage-name {
    padding-left: 10px;
    padding-right: 10px;
    pointer-events: auto;
  }
  
  #scrimmage-name:hover {
    cursor: pointer;
  }
  
  .scrimmage-mode-box {
    padding: 7px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    overflow-y: auto;
  }
  
  #scrimmage-mode-info::-webkit-scrollbar {
    width: 7px;
  }
  
  #scrimmage-mode-info::-webkit-scrollbar-thumb {
    background-color: darkgray;
    border-radius: 4px;
  }
  
  .scrimmage-select {
    width: 90%;
  }
  
  #scrimmage-btn-leave {
    text-align: center;
    padding: 4px 0 2px;
  }
  
  #btn-leave-match {
    pointer-events: all;
  }
  
  .scrimmage-playerlist-table {
    display: table;
    width: 100%;
    text-align: left;
  }
  
  .scrimmage-playerlist-table thead {
    font-size: 16px;
  }
  
  #scrimmage-custom-players tr td:nth-child(2) {
    text-align: center;
  }
  
  .scrimmage-list-table {
    width: 100%;
  }
  
  .scrimmage-list-table thead tr th {
    border-bottom: 1px solid white;
  }
  
  #scrimmage-lobbies .scrimmage-content {
    border-radius: 5px;
  }
  
  #scrimmage-lobbies-tbody tr td:nth-last-child(-n + 4) {
    text-align: center;
  }
  
  #scrimmage-lobbies-tbody tr td {
    height: 20px;
    position: relative;
  }
  
  #scrimmage-lobbies-tbody tr td:before {
    content: " ";
    visibility: hidden;
  }
  
  #scrimmage-lobbies-tbody tr td span {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .custom-game-selected {
    background-color: rgba(94, 174, 255, 0.7);
  }
  
  #scrimmage-lobbies-list {
    width: 100%;
  }
  
  .scrimmage-lock {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle !important;
    margin-right: 5px;
    background-size: cover;
    background-image: url("images/lock.png");
  }
  
  /* Etc */
  
  .policyLinks {
    display: flex;
    justify-content: space-around;
    width: 90%;
    margin: 0 auto;
  }
  
  .policyLinks a {
    color: inherit;
    text-decoration: none;
  }
  
  .policyLinks a:hover {
    font-weight: bolder;
  }
  
  #aip_gdpr .switch_switch--YfiyU {
    pointer-events: all;
  }
  
  /* .status-container {
      text-align: center;
  }
  .current-status {
      display: inline-block;
      text-decoration: none;
      color: inherit;
      text-align: center;
      vertical-align: text-bottom;
      width: 100%;
      font-size: 10px;
  }
  
  .color-dot {
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    border-radius: 99px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }
  .color-dot.critical {
    background-color: #e74c3c;
  }
  .color-dot.major {
    background-color: #e67e22;
  }
  .color-dot.minor {
    background-color: #f1c40f;
  }
  .color-dot.none {
    background-color: #2ecc71;
  } */
  
  .stealth-link {
    font-weight: bold;
    text-decoration: underline;
    color: inherit;
  }
  
  #main-discord {
    height: 200px;
  }
  
  .discord-login-container {
    padding: 30px;
    border-radius: 0 0 5px 5px;
  }
  #discordLinkStatus {
    font-size: 12px;
  }
  .discord-login-button {
    text-decoration: none;
    display: block;
    line-height: 35px;
    padding: 0 12px;
    background: #7289da;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
  }
  .discord-login-button:hover {
    background: #697ec4;
  }
  
  #main-tokens {
    height: 260px;
    margin-top: 10px;
  }
  
  .main-mini-container {
    width: 90%;
    text-align: center;
    margin: 0 auto;
  }
  
  #redeem-spend {
    width: 25%;
    height: 20px;
  }
  
  #popup-account-username {
    padding-bottom: 5px;
  }
  
  #popup-food-colors {
    width: 420px;
  }
  
  .food-colors-table {
    table-layout: fixed;
    width: 400px;
    height: 255px;
    margin: 10px 10px;
    padding-bottom: 5px;
  }
  
  #food-color-list {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    font-family: "Open Sans";
    font-size: 20pt;
  }
  
  #food-color-list::-webkit-scrollbar {
    width: 7px;
  }
  
  #food-color-list::-webkit-scrollbar-thumb {
    background-color: darkgray;
    border-radius: 4px;
  }
  
  #food-color-list > div {
    display: inline-block;
    width: 95%;
    margin-bottom: 5px;
    border-radius: 10px;
    background: white;
  }
  
  #food-color-list span {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    pointer-events: all;
  }
  
  #food-color-list > div > div {
    float: right;
    margin-right: 10px;
  }
  
  #food-color-list button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
  }
  
  #popup-asset-skinner {
    width: 400px;
  }
  
  .asset-skinner-center {
    margin: 10px 0;
  }
  
  .asset-skinner-center input {
    width: 90%;
    height: 29px;
    font-size: 20px;
    margin-bottom: 5px;
  }
  
  .asset-skinner-center button {
    width: 45%;
  }
  
  .asset-skinner-last {
    padding-bottom: 5px;
  }
  
  .popup-chat-tab-editor-table {
    table-layout: fixed;
    white-space: nowrap;
    font-size: 12pt;
    font-family: "Open Sans";
    width: 90%;
    margin: 0 auto;
  }
  
  .popup-chat-tab-editor-table td:last-child {
    text-align: right;
  }
  
  #cte-tab-selector {
    width: 100%;
    text-align-last: center;
    border-radius: 5px;
    height: 20px;
  }
  
  #cte-tab-name {
    width: 100%;
    text-align: center;
  }
  
  #cte-max-messages {
    width: 90%;
    text-align: center;
  }
  
  .popup-chat-tab-editor-last {
    margin: 10px auto;
    padding-bottom: 10px;
  }
  
  .popup-chat-tab-editor-last .gota-btn {
    margin: auto 5px;
  }
  
  .chat-tab-editor-position {
    height: 20px;
  }
  
  #popup-message-content {
    width: 90%;
    font-family: "Open Sans";
    font-size: 12pt;
    margin: 5px auto;
    text-indent: 25px;
  }
  
  #popup-message-read-btn {
    width: initial;
  }
  
  #popup-message .profile-actions {
    padding-bottom: 10px;
  }
  
  .error-banner {
    background-color: #d65050;
    color: white;
    padding: 25px;
    z-index: 99999;
    position: absolute;
    width: 100%;
    font-family: "Open Sans";
    font-size: 14px;
  }
  
  /* CSS Loader by Luke Haas */
  .loader,
  .loader:before,
  .loader:after {
    background: #ffffff;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
  }
  .loader {
    color: #ffffff;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  .loader:before,
  .loader:after {
    position: absolute;
    top: 0;
    content: "";
  }
  .loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .loader:after {
    left: 1.5em;
  }
  @-webkit-keyframes load1 {
    0%,
    80%,
    100% {
      box-shadow: 0 0;
      height: 4em;
    }
    40% {
      box-shadow: 0 -2em;
      height: 5em;
    }
  }
  @keyframes load1 {
    0%,
    80%,
    100% {
      box-shadow: 0 0;
      height: 4em;
    }
    40% {
      box-shadow: 0 -2em;
      height: 5em;
    }
  }
  
  .spin {
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  [data-balloon],
  [data-balloon]:before,
  [data-balloon]:after {
    z-index: 9999;
  }
  
  .hide-captcha-badge .grecaptcha-badge {
    visibility: hidden;
  }
  
        `);
  
    const linkElement = document.querySelector('link[href="style.css?v=3.6.5"]');
    if (linkElement) {
      linkElement.parentNode.removeChild(linkElement);
    }
  
    // THE END OF EDITS DONE BY WHO ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
  
    // Replace buttons with images in #account-actions
    document.querySelectorAll("#account-actions button").forEach((button) => {
      const id = button.id;
      const iconMap = {
        "account-profile":
          "https://img.icons8.com/ios/50/FFFFFF/user-male-circle.png",
        "account-social":
          "https://img.icons8.com/ios/50/FFFFFF/conference-call.png",
        "account-shop": "https://img.icons8.com/ios/50/FFFFFF/shopping-cart.png",
        "account-logout":
          "https://img.icons8.com/ios/50/FFFFFF/logout-rounded.png",
      };
      if (iconMap[id]) {
        button.innerHTML = `<img src="${iconMap[id]}" alt="${id}" style="width: 25px; height: 25px;">`;
      }
    });
  })();
  
  (function () {
    "use strict";
    setTimeout(function () {
      const colorPickerContainer = document.createElement("div");
      colorPickerContainer.id = "colorPickerContainer";
      colorPickerContainer.innerHTML = `
    <div style="display: flex; align-items: center;">
        <label for="colorPicker" style="
            margin-left: 2px; /* Adjust this value to move the label to the right */
            margin-right: 183px;
            font-weight: 400;
            user-select: none;
            color: inherit;
            font-size: 14px;
            font-family: 'Open Sans', sans-serif;
            white-space: nowrap;
        ">Cell Color</label>
        <input type="text" id="colorPicker" />
    </div>
  `;
  
      const targetElement = document.querySelector(
        "#main-options > div.options-container > table"
      );
      if (targetElement) {
        targetElement.parentNode.insertBefore(
          colorPickerContainer,
          targetElement.nextSibling
        );
      }
  
      $("#colorPicker").spectrum({
        color: "rgb(255, 0, 0)",
        showAlpha: true,
        showInput: true,
        preferredFormat: "rgb",
        change: function (color) {
          const rgb = color.toRgb();
          const colorCommand = `!color ${rgb.r} ${rgb.g} ${rgb.b}`;
  
          sendChatMessage(colorCommand);
        },
      });
  
      function sendChatMessage(message) {
        const chatBar = document.getElementById("chat-input");
        if (chatBar) {
          chatBar.value = message;
          chatBar.focus();
          chatBar.dispatchEvent(
            new KeyboardEvent("keyup", {
              keyCode: 13,
              which: 13,
            })
          );
          chatBar.blur();
          chatBar.value = "";
        }
      }
    }, 2000); // 5 seconds delay (5000 milliseconds)
  })();
  (function () {
    "use strict";
  
    document.addEventListener("keydown", function (event) {
      if (event.key === "Tab" && document.activeElement.id === "chat-input") {
        event.preventDefault(); // Prevents default tab behavior
        // Add any additional logic here if you need something specific to happen on Tab
      }
    });
  
    function removeBorders() {
      const leaderboardPanel = document.getElementById("leaderboard-panel");
      const extraPanel = document.getElementById("extra-panel");
  
      if (leaderboardPanel) {
        leaderboardPanel.style.borderColor = "transparent";
      }
  
      if (extraPanel) {
        extraPanel.style.borderColor = "transparent";
      }
    }
    // Theme settings from theme.json
    const themeSettings = {
      version: "2",
      uiForegroundColor: "rgb(255, 255, 255)",
      uiBackgroundColor: "rgba(22, 22, 22, 0.581)",
      uiBorderColor: "rgba(255, 255, 255, .2)",
      uiMenuBackgroundColor: "rgba(42, 42, 42, 0.243)",
      uiMenuTitleBackgroundColor: "rgba(33, 33, 33, 0)",
      uiMenuSubBackgroundColor: "rgba(86, 86, 86, 0)",
      uiMenuSubBackground2Color: "rgba(64, 64, 64, 0.238)",
      uiButtonColor: "rgba(130, 130, 130, 0.162)",
      uiGameBackgroundColor: "rgb(0, 0, 0)",
      uiGameBorderColor: "#ff0000",
      uiLeaderboardHighlightSelf: "#ffaaaa",
      uiLeaderboardHighlightParty: "#ffff00",
      uiPartyLeaderColor: "#00ffff",
      uiGameColorSuccess: "#00ff00",
      uiGameColorWarning: "#ffff00",
      uiGameColorError: "#ff0000",
      aCustomBackground: "",
      aCustomSpike: "",
      aCustomMother: "",
      rBorderSize: "32",
      rBackgroundOpacity: "1",
      iMapBackground: "",
    };
  
    // Function to apply theme settings
    function applyTheme() {
      const root = document.documentElement;
  
      root.style.setProperty(
        "--ui-foreground-color",
        themeSettings.uiForegroundColor
      );
      root.style.setProperty(
        "--ui-background-color",
        themeSettings.uiBackgroundColor
      );
      root.style.setProperty("--ui-border-color", themeSettings.uiBorderColor);
      root.style.setProperty(
        "--ui-menu-background-color",
        themeSettings.uiMenuBackgroundColor
      );
      root.style.setProperty(
        "--ui-menu-title-background-color",
        themeSettings.uiMenuTitleBackgroundColor
      );
      root.style.setProperty(
        "--ui-menu-sub-background-color",
        themeSettings.uiMenuSubBackgroundColor
      );
      root.style.setProperty(
        "--ui-menu-sub-background2-color",
        themeSettings.uiMenuSubBackground2Color
      );
      root.style.setProperty("--ui-button-color", themeSettings.uiButtonColor);
      root.style.setProperty(
        "--ui-game-background-color",
        themeSettings.uiGameBackgroundColor
      );
      root.style.setProperty(
        "--ui-game-border-color",
        themeSettings.uiGameBorderColor
      );
      root.style.setProperty(
        "--ui-leaderboard-highlight-self",
        themeSettings.uiLeaderboardHighlightSelf
      );
      root.style.setProperty(
        "--ui-leaderboard-highlight-party",
        themeSettings.uiLeaderboardHighlightParty
      );
      root.style.setProperty(
        "--ui-party-leader-color",
        themeSettings.uiPartyLeaderColor
      );
      root.style.setProperty(
        "--ui-game-color-success",
        themeSettings.uiGameColorSuccess
      );
      root.style.setProperty(
        "--ui-game-color-warning",
        themeSettings.uiGameColorWarning
      );
      root.style.setProperty(
        "--ui-game-color-error",
        themeSettings.uiGameColorError
      );
  
      root.style.setProperty("--border-size", `${themeSettings.rBorderSize}px`);
      root.style.setProperty(
        "--background-opacity",
        themeSettings.rBackgroundOpacity
      );
    }
  
    // Apply the theme when the script is loaded
    applyTheme();
  
    GM_addStyle(`
  .slider {
    --slider-width: 125px !important;
    --slider-height: 8px !important;
    --slider-bg: rgb(15, 15, 16) !important;
    --slider-border-radius: 999px !important;
    --level-color: #4067e9 !important;
    --level-transition-duration: .1s !important;
  }
  
  .slider {
    cursor: pointer !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    border: 1px solid #323538 !important;
    border-radius: 999px !important;
  }
  
  
  .slider input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: var(--slider-width) !important;
    height: var(--slider-height) !important;
    background: var(--slider-bg) !important;
    overflow: hidden !important;
    border-radius: var(--slider-border-radius) !important;
    -webkit-transition: all var(--level-transition-duration) !important;
    -o-transition: all var(--level-transition-duration) !important;
    transition: all var(--level-transition-duration) !important;
    cursor: inherit !important;
  }
  
  .slider input::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 0 !important;
    height: 0 !important;
    -webkit-box-shadow: -200px 0 0 200px var(--level-color) !important;
    box-shadow: -200px 0 0 200px var(--level-color) !important;
  }
  
  .slider:active input {
    height: calc(var(--slider-height) * 1.25) !important;
  }
  
  .rangeNumber {
    float: none !important;
    width: 40px !important;
    height: 20px !important;
    padding: 7px !important;
    font-size: 13px !important;
    text-align: center !important;
  }
  
  #btn-chg-ln {
    height: 30px !important;
    width: 50px !important;
  }
  
  button[aria-controls="cellpanel"]:disabled {
    opacity: .4 !important;
  }
  `);
  
    function enableCustomContextMenu() {
      document.addEventListener("contextmenu", function (event) {
        const contextMenu = document.querySelector(".context-list");
        contextMenu.classList.add("active");
        contextMenu.style.left = event.pageX + "px";
        contextMenu.style.top = event.pageY + "px";
        event.preventDefault();
      });
  
      document.addEventListener("click", function () {
        const contextMenu = document.querySelector(".context-list");
        contextMenu.classList.remove("active");
      });
    }
  
    // Call the function to enable the custom context menu
    enableCustomContextMenu();
  
    GM_addStyle(`
  .sp-replacer {
  cursor: pointer;
  display: inline-block;
  margin: 0px;
  overflow: hidden;
  padding: 4px;
  border-radius: 5px;
  background: transparent !important;
  }
  `);
  
    GM_addStyle(`
  .user-embed .info {
    display: inline-flex;
    flex-direction: column;
    width: 50% !important;
    height: 60px !important;
    margin: auto 5px !important;
    overflow-y: hidden !important;
    justify-content: center !important;
  }
  
  .user-embed .info .username {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #fff !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-content: space-between !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
  }
  
  .user-embed .actions {
    margin: auto !important;
    height: 38px !important;
    opacity: 0 !important;
    font-size: 25px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: all 0.15s ease !important;
    gap: 10px !important;
    padding: 0 10px !important;
  }
  
  .user-embed .actions .material-icons, .user-embed .actions .fa-duotone {
    cursor: pointer !important;
    font-size: 30px !important;
    margin-right: 5px !important;
    transition: all 0.15s ease !important;
  }
  
  .user-embed .actions .material-icons:hover, .user-embed .actions .fa-duotone:hover {
    transform: scale(1.1) !important;
  }
  
  .user-embed .actions .material-icons:active, .user-embed .actions .fa-duotone:active {
    transform: scale(1.1) !important;
    transform: translateY(1px) !important;
  }
  
  .user-embed:hover .actions {
    opacity: 1 !important;
  }
  
  #social-actions {
    display: flex !important;
    flex-direction: column !important;
  }
  
  #LgAccId {
    pointer-events: all !important;
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
    border: 1px dashed #ffffff38 !important;
  }
  
  #social-uid {
    pointer-events: all !important;
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
    filter: blur(2.5px) !important;
    color: #e7e7e773 !important;
    transition: all 0.2s ease !important;
    border: 1px dashed #ffffff38 !important;
  }
  
  #social-uid:hover {
    filter: blur(4px) !important;
    color: #fff !important;
  }
  
  #social-online-friends-count {
    color: #60f683 !important;
  }
  
  #main-friends {
    width: 480px !important;
  }
  
  #social-friends-info > span {
    display: block !important;
  }
  
  #social-friends {
    height: calc(90% - 40px - 25px - 40px) !important;
    margin-top: 5px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 10px !important;
  }
  `);
  
    GM_addStyle(`
  .popup-panel {
    background-color: rgba(19, 19, 19, 0.94) !important;
    pointer-events: auto !important;
    border-radius: 15px !important;
    color: #fff !important;
    backdrop-filter: blur(4px) !important;
  }
  
  #popup-party {
    width: 320px !important;
    overflow: hidden !important;
  }
  
  #popup-party-text {
    width: 90% !important;
    margin: 10px auto !important;
    text-align: center !important;
    font-size: 12pt !important;
  }
  `);
  
    GM_addStyle(`
  .xp-meter > span,
  .xp-meter-profile > span {
    display: block !important;
    height: 100% !important;
    background-color: #4067e9 !important;
    position: absolute !important;
    overflow: hidden !important;
    text-align: center !important;
    top: 0 !important;
    border-radius: 10px !important;
  }
  `);
    GM_addStyle(`
  #main-right {
    width: auto !important;
    height: auto !important;
    max-width: 337px;
    max-height: 400px;
    overflow: auto; /* Add scrollbars if the content exceeds the max dimensions */
    box-sizing: border-box;
  }
  `);
  
    GM_addStyle(`
  #account-profile, .gota-btn {
    color: white !important;
    border: 1px solid #e6f8ff21 !important; /* Light border for glassy effect */
    backdrop-filter: blur(4px) !important; /* Apply blur */
    -webkit-backdrop-filter: blur(4px) !important; /* For Safari */
    border-radius: 5px !important; /* Rounded corners */
    font-size: 14px !important;
    transition: all 0.15s ease !important;
    background: transparent !important; /* Remove background */
  }
  
  #account-profile:hover, .gota-btn:hover {
    /* No change on hover since the background is removed */
    border: 1px solid rgba(255, 255, 255, 0.5) !important; /* Optional: change border on hover */
  }
  `);
  
    //LEADERBOARD BLUR
    document.head.insertAdjacentHTML(
      "beforeend",
      `
                      <style>
                          #leaderboard-panel {
                              position: relative;
                              overflow: hidden;
                          }
                          #leaderboard-panel::before {
                              content: '';
                              position: absolute;
                              top: 0;
                              left: 0;
                              width: 100%;
                              height: 100%;
                              background: rgba(22, 22, 22, 0.1); /* Adjust background color and opacity */
                              backdrop-filter: blur(10px); /* Adjust blur radius */
                              -webkit-backdrop-filter: blur(10px);
                              z-index: -1;
                          }
                      </style>
                  `
    );
  
    //MAP
    window.addEventListener("load", function () {
      // Select the minimap panel
      var minimapPanel = document.getElementById("minimap-panel");
      if (minimapPanel) {
        // Revert to previous styles and apply positioning to bottom right corner
        minimapPanel.style.position = "fixed";
        minimapPanel.style.bottom = "10px";
        minimapPanel.style.right = "10px";
        minimapPanel.style.border = "none";
        minimapPanel.style.overflow = "hidden";
  
        // Create a pseudo-element to apply the blur effect
        var blurElement = document.createElement("div");
        blurElement.style.position = "absolute";
        blurElement.style.top = "0";
        blurElement.style.left = "0";
        blurElement.style.width = "100%";
        blurElement.style.height = "100%";
        blurElement.style.background = "rgba(22, 22, 22, 0.1)"; // Adjust background color and opacity
        blurElement.style.backdropFilter = "blur(3px)"; // Adjust blur radius
        blurElement.style.webkitBackdropFilter = "blur(10px)"; //
        blurElement.style.zIndex = "-1";
  
        // Insert the blur element as the first child of minimap panel
        minimapPanel.insertBefore(blurElement, minimapPanel.firstChild);
      }
    });
  
    //Chat Top
    GM_addStyle(`
                  #chat-tab-container {
                      border-color: transparent !important;
                      backdrop-filter: blur(10px);
                      -webkit-backdrop-filter: blur(10px);
                      color: rgb(255, 255, 255);
                      background-color: rgba(22, 22, 22, 0.8);
                      position: relative;
                      overflow: hidden;
                  }
              `);
  
    //Chat Main
    GM_addStyle(`
                #chat-panel {
                    background-color: transparent;
                    border-radius: 10px !important; /* Adjust border-radius as needed */
                    border: none !important;
                    color: rgb(255, 255, 255);
                    bottom: 10px;
                    left: 10px;
                    width: 420px;
                    height: 360px;
                    min-width: 330px;
                    min-height: 230px;
                    max-width: 800px;
                    max-height: 500px;
                    overflow: hidden;
                    transform-origin: left bottom;
                    font-family: 'Open Sans', sans-serif;
                    backdrop-filter: blur(4px);
                    transform: scale(1);
                }
            `);
  
    function aJ(callback) {
      var script = document.createElement("script");
      script.setAttribute(
        "src",
        "//ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"
      );
      script.addEventListener(
        "load",
        function () {
          var script = document.createElement("script");
          script.textContent =
            "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
          document.body.appendChild(script);
        },
        false
      );
      document.body.appendChild(script);
    }
  
    function m() {
      $(document).ready(function () {
        $("#btn-play").css("background-color", "#00ff00");
        $("#btn-spec").css("background-color", "#404040");
  
        $(".main-bottom-left")
          .css("width", "100%")
          .css("margin", "0")
          .css("padding", "0 14px");
        $("#btn-cellpanel").css("width", "100%");
        $(".bottom-btn").css("width", "286px");
  
        $(
          ".main-bottom-links, .policyLinks, #main-rb, .main-version, .main-bottom-right, .menu-title"
        ).remove();
        $(".main-panel").css("border-radius", "5px");
        $(".main-content").css("height", "400px");
        $("#main-right").css("height", "fit-content");
        $("#logo").css("filter", "hue-rotate(1deg)");
  
        $("head").append(`
        <style>
            .bottom-btn {
                border-radius: 5px !important;
            }
            ::-webkit-scrollbar {
                width: 4px !important;
            }
            ::-webkit-scrollbar-track {
                border-radius: 10px;
            }
            ::-webkit-scrollbar-thumb {
                background: #404040 !important;
                border-radius: 10px;
            }
            ::-webkit-scrollbar-thumb:hover {
                background: #404040;
            }
            .menu-sub-bg2 {
                background-color: #404040 !important;
            }
            .keybinds-btn {
                background-color: #404040;
                color: white;
                border: 0;
            }
            #context-menu {
                transition: all 0.2s ease;
            }
           .context-list {
            list-style-type: none;
            margin: 0;
            padding: 10px;
            float: left;
            border-radius: 10px;
            background-color: rgba(0, 0, 0, 0.68);
            backdrop-filter: blur(3px);
            -webkit-backdrop-filter: blur(3px);
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            color: #d1d1d1;
            opacity: 0;
            transform: scale(0.95);
            transition: opacity 0.2s ease, transform 0.2s ease;
            pointer-events: none;
            border: 0px;
        }
  
        .context-list.active {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
        }
  
        </style>
    `);
      });
    }
  
    aJ(m);
  
    // Styles for UI pane
    const uiPaneStyles = `
  position: absolute;
  display: inline-block;
  background-color: rgba(22, 22, 22, 0.8);
  border-radius: 15px !important;
  border: none !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  `;
  
    // Apply styles to UI pane
    const uiPane = document.querySelector(".ui-pane");
    if (uiPane) {
      uiPane.setAttribute("style", uiPaneStyles);
    }
  
    function checkScorePanelDisplay() {
      const scorePanelElement = document.getElementById("score-panel");
      const partyPanelElement = document.getElementById("party-panel");
  
      if (scorePanelElement && partyPanelElement) {
        const scorePanelStyle = window.getComputedStyle(scorePanelElement);
        const displayValue = scorePanelStyle.display;
  
        if (displayValue === "flex") {
          partyPanelElement.style.transition = "bottom 0.3s ease";
          partyPanelElement.style.bottom = "-50px";
        } else {
          partyPanelElement.style.bottom = "";
        }
      }
    }
  
    checkScorePanelDisplay();
  
    const scorePanelObserver = new MutationObserver(checkScorePanelDisplay);
    const scorePanelElement = document.getElementById("score-panel");
    if (scorePanelElement) {
      scorePanelObserver.observe(scorePanelElement, {
        attributes: true,
      });
    }
  
    (function () {
      "use strict";
  
      GM_addStyle(`
    .main-panel {
        background-color: rgba(42, 42, 42, 0.7) !important;
        backdrop-filter: blur(5px) !important;
    }
  
    #server-content,
    .server-table tbody,
    .main-mid {
        background-color: transparent !important;
    }
     .main-panel {
        background-color: rgba(42, 42, 42, 0.7) !important;
        backdrop-filter: blur(5px) !important;
    }
  `);
    })();
  })();
  // Theme settings from theme.json
  const themeSettings = {
    version: "2",
    uiForegroundColor: "rgb(255, 255, 255)",
    uiBackgroundColor: "rgba(22, 22, 22, 0.581)",
    uiBorderColor: "rgba(255, 255, 255, .2)",
    uiMenuBackgroundColor: "rgba(42, 42, 42, 0.243)",
    uiMenuTitleBackgroundColor: "rgba(33, 33, 33, 0)",
    uiMenuSubBackgroundColor: "rgba(86, 86, 86, 0)",
    uiMenuSubBackground2Color: "rgba(64, 64, 64, 0.238)",
    uiButtonColor: "rgba(130, 130, 130, 0.162)",
    uiGameBackgroundColor: "rgb(0, 0, 0)",
    uiGameBorderColor: "#ff0000",
    uiLeaderboardHighlightSelf: "#ffaaaa",
    uiLeaderboardHighlightParty: "#ffff00",
    uiPartyLeaderColor: "#00ffff",
    uiGameColorSuccess: "#00ff00",
    uiGameColorWarning: "#ffff00",
    uiGameColorError: "#ff0000",
    aCustomBackground: "",
    aCustomSpike: "",
    aCustomMother: "",
    rBorderSize: "32",
    rBackgroundOpacity: "1",
    iMapBackground: "",
  };
  
  // Function to apply theme settings
  function applyTheme() {
    const root = document.documentElement;
  
    root.style.setProperty(
      "--ui-foreground-color",
      themeSettings.uiForegroundColor
    );
    root.style.setProperty(
      "--ui-background-color",
      themeSettings.uiBackgroundColor
    );
    root.style.setProperty("--ui-border-color", themeSettings.uiBorderColor);
    root.style.setProperty(
      "--ui-menu-background-color",
      themeSettings.uiMenuBackgroundColor
    );
    root.style.setProperty(
      "--ui-menu-title-background-color",
      themeSettings.uiMenuTitleBackgroundColor
    );
    root.style.setProperty(
      "--ui-menu-sub-background-color",
      themeSettings.uiMenuSubBackgroundColor
    );
    root.style.setProperty(
      "--ui-menu-sub-background2-color",
      themeSettings.uiMenuSubBackground2Color
    );
    root.style.setProperty("--ui-button-color", themeSettings.uiButtonColor);
    root.style.setProperty(
      "--ui-game-background-color",
      themeSettings.uiGameBackgroundColor
    );
    root.style.setProperty(
      "--ui-game-border-color",
      themeSettings.uiGameBorderColor
    );
    root.style.setProperty(
      "--ui-leaderboard-highlight-self",
      themeSettings.uiLeaderboardHighlightSelf
    );
    root.style.setProperty(
      "--ui-leaderboard-highlight-party",
      themeSettings.uiLeaderboardHighlightParty
    );
    root.style.setProperty(
      "--ui-party-leader-color",
      themeSettings.uiPartyLeaderColor
    );
    root.style.setProperty(
      "--ui-game-color-success",
      themeSettings.uiGameColorSuccess
    );
    root.style.setProperty(
      "--ui-game-color-warning",
      themeSettings.uiGameColorWarning
    );
    root.style.setProperty(
      "--ui-game-color-error",
      themeSettings.uiGameColorError
    );
  
    root.style.setProperty("--border-size", `${themeSettings.rBorderSize}px`);
    root.style.setProperty(
      "--background-opacity",
      themeSettings.rBackgroundOpacity
    );
  }
  
  // Apply the theme when the script is loaded
  applyTheme();
  
  GM_addStyle(`
  .slider {
    --slider-width: 125px !important;
    --slider-height: 8px !important;
    --slider-bg: rgb(15, 15, 16) !important;
    --slider-border-radius: 999px !important;
    --level-color: #4067e9 !important;
    --level-transition-duration: .1s !important;
  }
  
  .slider {
    cursor: pointer !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    border: 1px solid #323538 !important;
    border-radius: 999px !important;
  }
  
  
  .slider input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: var(--slider-width) !important;
    height: var(--slider-height) !important;
    background: var(--slider-bg) !important;
    overflow: hidden !important;
    border-radius: var(--slider-border-radius) !important;
    -webkit-transition: all var(--level-transition-duration) !important;
    -o-transition: all var(--level-transition-duration) !important;
    transition: all var(--level-transition-duration) !important;
    cursor: inherit !important;
  }
  
  .slider input::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 0 !important;
    height: 0 !important;
    -webkit-box-shadow: -200px 0 0 200px var(--level-color) !important;
    box-shadow: -200px 0 0 200px var(--level-color) !important;
  }
  
  .slider:active input {
    height: calc(var(--slider-height) * 1.25) !important;
  }
  
  .rangeNumber {
    float: none !important;
    width: 40px !important;
    height: 20px !important;
    padding: 7px !important;
    font-size: 13px !important;
    text-align: center !important;
  }
  
  #btn-chg-ln {
    height: 30px !important;
    width: 50px !important;
  }
  
  button[aria-controls="cellpanel"]:disabled {
    opacity: .4 !important;
  }
  `);
  
  function enableCustomContextMenu() {
    document.addEventListener("contextmenu", function (event) {
      const contextMenu = document.querySelector(".context-list");
      contextMenu.classList.add("active");
      contextMenu.style.left = event.pageX + "px";
      contextMenu.style.top = event.pageY + "px";
      event.preventDefault();
    });
  
    document.addEventListener("click", function () {
      const contextMenu = document.querySelector(".context-list");
      contextMenu.classList.remove("active");
    });
  }
  
  // Call the function to enable the custom context menu
  enableCustomContextMenu();
  
  GM_addStyle(`
  .sp-replacer {
  cursor: pointer;
  display: inline-block;
  margin: 0px;
  overflow: hidden;
  padding: 4px;
  border-radius: 5px;
  background: transparent !important;
  }
  `);
  
  GM_addStyle(`
  .user-embed .info {
    display: inline-flex;
    flex-direction: column;
    width: 50% !important;
    height: 60px !important;
    margin: auto 5px !important;
    overflow-y: hidden !important;
    justify-content: center !important;
  }
  
  .user-embed .info .username {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #fff !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-content: space-between !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
  }
  
  .user-embed .actions {
    margin: auto !important;
    height: 38px !important;
    opacity: 0 !important;
    font-size: 25px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: all 0.15s ease !important;
    gap: 10px !important;
    padding: 0 10px !important;
  }
  
  .user-embed .actions .material-icons, .user-embed .actions .fa-duotone {
    cursor: pointer !important;
    font-size: 30px !important;
    margin-right: 5px !important;
    transition: all 0.15s ease !important;
  }
  
  .user-embed .actions .material-icons:hover, .user-embed .actions .fa-duotone:hover {
    transform: scale(1.1) !important;
  }
  
  .user-embed .actions .material-icons:active, .user-embed .actions .fa-duotone:active {
    transform: scale(1.1) !important;
    transform: translateY(1px) !important;
  }
  
  .user-embed:hover .actions {
    opacity: 1 !important;
  }
  
  #social-actions {
    display: flex !important;
    flex-direction: column !important;
  }
  
  #LgAccId {
    pointer-events: all !important;
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
    border: 1px dashed #ffffff38 !important;
  }
  
  #social-uid {
    pointer-events: all !important;
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
    filter: blur(2.5px) !important;
    color: #e7e7e773 !important;
    transition: all 0.2s ease !important;
    border: 1px dashed #ffffff38 !important;
  }
  
  #social-uid:hover {
    filter: blur(0) !important;
    color: #fff !important;
  }
  
  #social-online-friends-count {
    color: #60f683 !important;
  }
  
  #main-friends {
    width: 480px !important;
  }
  
  #social-friends-info > span {
    display: block !important;
  }
  
  #social-friends {
    height: calc(90% - 40px - 25px - 40px) !important;
    margin-top: 5px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 10px !important;
  }
  `);
  
  GM_addStyle(`
  .server-table {
    table-layout: fixed;
    width: 97%;
    margin: 0 auto;
  }
  
  .server-table-name {
    width: 140px;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
  }
  
  .server-table-players {
    width: 100px;
    white-space: nowrap;
    text-align: center;
  }
  
  .server-table-mode {
    width: 150px;
    white-space: nowrap;
    text-align: right;
  }
  
  .server-table thead {
    display: none;
  }
  
  .server-table tbody {
    overflow: auto;
    gap: 2px;
    display: flex;
    flex-direction: column;
    font-size: 13px;
  }
  
  .server-row {
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    display: flex;
    padding: 2.5px 5px;
    transition: all 100ms ease;
  }
  
  .server-row:hover:not(.server-selected) {
    background-color: #26325767;
  }
  
  .account-server {
    background-color: rgba(246, 115, 115, 0.7);
  }
  
  .server-selected {
    background-color: #4068e9a9;
  }
  `);
  
  GM_addStyle(`
  .popup-panel {
    background-color: rgba(19, 19, 19, 0.94) !important;
    pointer-events: auto !important;
    border-radius: 15px !important;
    color: #fff !important;
    backdrop-filter: blur(3px) !important;
  }
  
  #popup-party {
    width: 320px !important;
    overflow: hidden !important;
  }
  
  #popup-party-text {
    width: 90% !important;
    margin: 10px auto !important;
    text-align: center !important;
    font-size: 12pt !important;
  }
  `);
  GM_addStyle(`
  #main-right {
    width: auto !important;
    height: auto !important;
    max-width: 337px;
    max-height: 400px;
    overflow: auto; /* Add scrollbars if the content exceeds the max dimensions */
    box-sizing: border-box;
  }
  [style="color: rgb(221, 221, 0);"], [style="color: #DDDD00"] {
  color: rgb(152, 152, 152) !important;
  }
  
  `);
  
  const wrapper = document.createElement("div");
  wrapper.style.display = "flex";
  wrapper.style.justifyContent = "center";
  wrapper.style.position = "absolute";
  wrapper.style.bottom = "-50px"; // Adjust this to move the text further below
  wrapper.style.width = "100%";
  
  // Create the typing text div
  const typingText = document.createElement("div");
  typingText.className = "typing-demo";
  typingText.textContent = "Developed By Akaza";
  
  // Apply styles to the typing text div
  typingText.style.color = "white"; // Set text color to white
  typingText.style.fontSize = "1.2em"; // Make text smaller
  typingText.style.whiteSpace = "nowrap";
  typingText.style.overflow = "hidden";
  typingText.style.borderRight = "3px solid";
  typingText.style.fontFamily = "monospace";
  
  // Append the typing text to the wrapper
  wrapper.appendChild(typingText);
  
  // Append the wrapper below the main-account div
  const mainAccountDiv = document.getElementById("main-account");
  if (mainAccountDiv) {
    mainAccountDiv.style.position = "relative"; // Ensure positioning
    mainAccountDiv.appendChild(wrapper);
  } else {
    console.log("main-account div not found!");
  }
  
  // Add the necessary CSS for the typewriter effect
  const style = document.createElement("style");
  style.textContent = `
    @keyframes typing {
      0% {
        width: 0;
      }
      100% {
        width: 100%;
      }
    }
  
    @keyframes blink {
      0%, 100% {
        border-color: transparent;
      }
      50% {
        border-color: white;
      }
    }
  
    .typing-demo {
      display: inline-block;
      animation: typing 5s steps(${typingText.textContent.length}) 1s forwards, blink 0.75s step-end infinite alternate;
    }
  `;
  
  document.head.appendChild(style);
  
  // Reset and restart the animation after each iteration
  typingText.addEventListener("animationiteration", function () {
    typingText.style.animation = "none"; // Reset animation
    void typingText.offsetWidth; // Trigger reflow
    typingText.style.animation =
      "typing 5s steps(" +
      typingText.textContent.length +
      ") 1s forwards, blink 0.75s step-end infinite alternate"; // Restart animation
  });
  
  //end
  
  GM_addStyle(`
    #btn-play, #btn-spec, .bottom-btn, .keybinds-btn {
      background-color: rgba(23, 24, 27, 0.4) !important;
      color: #adadad !important;
      border: 1px solid rgba(230, 248, 255, 0.13) !important;
      backdrop-filter: blur(3px) !important;
      -webkit-backdrop-filter: blur(3px) !important;
      border-radius: 5px !important;
      font-size: 14px !important;
      font-family: 'Open Sans', sans-serif !important;
      transition: background-color 0.15s ease, transform 0.15s ease, border 0.15s ease !important;
    }
  
    #btn-play:hover, #btn-spec:hover, .bottom-btn:hover, .keybinds-btn:hover {
      background-color: rgba(23, 24, 27, 0.6) !important;
      transform: scale(1.05);
      border: none !important; /* Remove border on hover */
    }
  `);
  
  //LEADERBOARD BLUR
  document.head.insertAdjacentHTML(
    "beforeend",
    `
                      <style>
                          #leaderboard-panel {
                              position: relative;
                              overflow: hidden;
                          }
                          #leaderboard-panel::before {
                              content: '';
                              position: absolute;
                              top: 0;
                              left: 0;
                              width: 100%;
                              height: 100%;
                              background: rgba(22, 22, 22, 0.1); /* Adjust background color and opacity */
                              backdrop-filter: blur(2px); /* Adjust blur radius */
                              -webkit-backdrop-filter: blur(2px);
                              z-index: -1;
                          }
                      </style>
                  `
  );
  
  //MAP
  window.addEventListener("load", function () {
    // Select the minimap panel
    var minimapPanel = document.getElementById("minimap-panel");
    if (minimapPanel) {
      // Revert to previous styles and apply positioning to bottom right corner
      minimapPanel.style.position = "fixed";
      minimapPanel.style.bottom = "10px";
      minimapPanel.style.right = "10px";
      minimapPanel.style.border = "none";
      minimapPanel.style.overflow = "hidden";
  
      // Create a pseudo-element to apply the blur effect
      var blurElement = document.createElement("div");
      blurElement.style.position = "absolute";
      blurElement.style.top = "0";
      blurElement.style.left = "0";
      blurElement.style.width = "100%";
      blurElement.style.height = "100%";
      blurElement.style.background = "rgba(22, 22, 22, 0.1)"; // Adjust background color and opacity
      blurElement.style.backdropFilter = "blur(5px)"; // Adjust blur radius
      blurElement.style.webkitBackdropFilter = "blur(5px)"; //
      blurElement.style.zIndex = "-1";
  
      // Insert the blur element as the first child of minimap panel
      minimapPanel.insertBefore(blurElement, minimapPanel.firstChild);
    }
  });
  
  //Chat Top
  GM_addStyle(`
                  #chat-tab-container {
                      border-color: transparent !important;
                      backdrop-filter: blur(10px);
                      -webkit-backdrop-filter: blur(10px);
                      color: rgb(255, 255, 255);
                      background-color: rgba(22, 22, 22, 0.8);
                      position: relative;
                      overflow: hidden;
                  }
              `);
  
  //Chat Main
  GM_addStyle(`
                #chat-panel {
                    background-color: transparent;
                    border-radius: 10px !important; /* Adjust border-radius as needed */
                    border: none !important;
                    color: rgb(255, 255, 255);
                    bottom: 10px;
                    left: 10px;
                    width: 420px;
                    height: 360px;
                    min-width: 330px;
                    min-height: 230px;
                    max-width: 800px;
                    max-height: 500px;
                    overflow: hidden;
                    transform-origin: left bottom;
                    font-family: 'Open Sans', sans-serif;
                    backdrop-filter: blur(6px);
                    transform: scale(1);
                }
            `);
  function aJ(callback) {
    var script = document.createElement("script");
    script.setAttribute(
      "src",
      "//ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"
    );
    script.addEventListener(
      "load",
      function () {
        var script = document.createElement("script");
        script.textContent =
          "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
        document.body.appendChild(script);
      },
      false
    );
    document.body.appendChild(script);
  }
  
  function m() {
    $(document).ready(function () {
      $("#btn-play").css("background-color", "#00ff00");
      $("#btn-spec").css("background-color", "#404040");
  
      $(".main-bottom-left")
        .css("width", "100%")
        .css("margin", "0")
        .css("padding", "0 14px");
      $("#btn-cellpanel").css("width", "100%");
      $(".bottom-btn").css("width", "286px");
  
      $(
        ".main-bottom-links, .policyLinks, #main-rb, .main-version, .main-bottom-right, .menu-title"
      ).remove();
      $(".main-panel").css("border-radius", "5px");
      $(".main-content").css("height", "400px");
      $("#main-right").css("height", "fit-content");
      $("#logo").css("filter", "hue-rotate(1deg)");
  
      $("head").append(`
        <style>
            .bottom-btn {
                border-radius: 5px !important;
            }
            ::-webkit-scrollbar {
                width: 4px !important;
            }
            ::-webkit-scrollbar-track {
                border-radius: 10px;
            }
            ::-webkit-scrollbar-thumb {
                background: #404040 !important;
                border-radius: 10px;
            }
            ::-webkit-scrollbar-thumb:hover {
                background: #404040;
            }
            .menu-sub-bg2 {
                background-color: #404040 !important;
            }
            .keybinds-btn {
                background-color: #404040;
                color: white;
                border: 0;
            }
            #context-menu {
                transition: all 0.2s ease;
            }
           .context-list {
            list-style-type: none;
            margin: 0;
            padding: 10px;
            float: left;
            border-radius: 10px;
            background-color: rgba(0, 0, 0, 0.68);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            color: #d1d1d1;
            opacity: 0;
            transform: scale(0.95);
            transition: opacity 0.2s ease, transform 0.2s ease;
            pointer-events: none;
            border: 0px;
        }
  
        .context-list.active {
            opacity: 1;
            transform: scale(1);
            pointer-events: auto;
        }
  
        </style>
    `);
    });
  }
  
  aJ(m);
  
  // Party-Panel
  GM_addStyle(`
  #party-panel {
    border: none !important;
    border-radius: 10px !important;
    top: auto;
    bottom: -180px;
    backdrop-filter: blur(4px) !important; /* Adjust blur intensity as needed */
    -webkit-backdrop-filter: blur(5px) !important;
  }
  `);
  
  function checkScorePanelDisplay() {
    const scorePanelElement = document.getElementById("score-panel");
    const partyPanelElement = document.getElementById("party-panel");
  
    if (scorePanelElement && partyPanelElement) {
      const scorePanelStyle = window.getComputedStyle(scorePanelElement);
      const displayValue = scorePanelStyle.display;
  
      if (displayValue === "flex") {
        partyPanelElement.style.transition = "bottom 0.3s ease";
        partyPanelElement.style.bottom = "-50px";
      } else {
        partyPanelElement.style.bottom = "";
      }
    }
  }
  
  checkScorePanelDisplay();
  
  const scorePanelObserver = new MutationObserver(checkScorePanelDisplay);
  const scorePanelElement = document.getElementById("score-panel");
  if (scorePanelElement) {
    scorePanelObserver.observe(scorePanelElement, {
      attributes: true,
    });
  }
  
  (function () {
    "use strict";
  
    GM_addStyle(`
    .main-panel {
        background-color: rgba(42, 42, 42, 0.7) !important;
        backdrop-filter: blur(5px) !important;
    }
  
    #server-content,
    .server-table tbody,
    .main-mid {
        background-color: transparent !important;
    }
     .main-panel {
        background-color: rgba(42, 42, 42, 0.7) !important;
        backdrop-filter: blur(5px) !important;
    }
  `);
  
    // Function to dynamically create and import the user profile structure
    function createUserProfile() {
      // Create the main container
      const usernameContainer = document.createElement("div");
      usernameContainer.id = "username-container";
  
      // Create the first row container
      const firstRow = document.createElement("div");
      firstRow.style.display = "flex";
      firstRow.style.justifyContent = "space-between";
      firstRow.style.alignItems = "center";
      firstRow.style.flexWrap = "nowrap";
      firstRow.style.flexDirection = "row";
  
      // Add account username
      const accountUsername = document.createElement("span");
      accountUsername.id = "account-username";
      accountUsername.textContent = "Akaza";
  
      // Create the button group
      const buttonGroup = document.createElement("div");
      buttonGroup.style.display = "flex";
  
      // Buttons data
      const buttons = [
        {
          id: "account-settings",
          toggle: "profileSettingsDialog",
          icon: "fa-duotone fa-gear",
        },
        {
          id: "account-social",
          toggle: "socialDrawer",
          icon: "fa-duotone fa-user-group",
        },
        {
          id: "changeLogBtn",
          toggle: "changeLogDialog",
          icon: "fa-duotone fa-clock-rotate-left",
        },
        {
          id: "account-logout",
          toggle: null,
          icon: "fa-duotone fa-right-from-bracket",
        },
      ];
  
      // Generate buttons
      buttons.forEach((btn) => {
        const button = document.createElement("button");
        button.id = btn.id;
        button.className =
          "ui-btn ui-btn--secondary ui-btn--xs ui-btn--ghost ui-tooltip-init";
        if (btn.toggle) {
          button.setAttribute("data-ui-toggle", btn.toggle);
        }
        const icon = document.createElement("i");
        icon.className = btn.icon;
        button.appendChild(icon);
        buttonGroup.appendChild(button);
      });
    }
  
  
    function injectIcon(elementId, iconUrl, iconAlt) {
      const element = document.querySelector(elementId);
  
      if (element && element.style.display !== "none") {
        if (!element.querySelector("img")) {
          const icon = document.createElement("img");
          icon.src = iconUrl;
          icon.alt = iconAlt;
          icon.style.width = "20px";
          icon.style.height = "20px";
          icon.style.marginRight = "5px";
          icon.style.verticalAlign = "middle";
          element.insertBefore(icon, element.firstChild);
        }
  
        const textNode = element.childNodes[1];
        if (
          textNode &&
          textNode.nodeType === 3 &&
          textNode.nodeValue.trim().endsWith(":")
        ) {
          textNode.remove();
        }
      }
    }
  
    function updateIcons() {
      injectIcon(
        "#extra-reset-timer",
        "https://img.icons8.com/ios/50/FFFFFF/recurring-appointment.png",
        "Reset Icon"
      );
      injectIcon(
        "#extra-spectators",
        "https://img.icons8.com/ios/50/FFFFFF/visible--v1.png",
        "Spectators Icon"
      );
      injectIcon(
        "#extra-respawn-cooldown",
        "https://img.icons8.com/ios/50/FFFFFF/refresh.png",
        "Respawn Icon"
      );
    }
  
    window.addEventListener("load", updateIcons);
    setInterval(updateIcons, 500);
  
      $("#party-panel").css("text-align", "center")
  $("#party-panel").append(`<button onclick='const chatBar = document.getElementById("chat-input"); if (chatBar) { chatBar.value = "/l"; chatBar.focus(); chatBar.dispatchEvent(new KeyboardEvent("keyup", {keyCode: 13, which: 13})); chatBar.blur(); chatBar.value = ""; }' style="pointer-events: auto;width: calc(100% - 10px);margin-bottom: 5px;" class="gota-btn">Leave</button>`)
  })();