// ==UserScript==
// @name         Karafun Style
// @namespace    http://tampermonkey.net/
// @version      2025-11-19
// @description  try to take over the world!
// @author       You
// @match        https://www.karafun.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=karafun.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    let karafunCode = window.location.pathname.match("\/(\\d+)\/")[1];

    if (karafunCode == null)
        return;

    let style = `

/* HIDE SESSION ID */
#mainVue > div.flex.h-full > div.block.h-full.text-not-assigned-01 > div.flex.w-full.h-full + * + p.heading-m {
  opacity: 0;
}

#mainVue.show-queue-fullscreen > div:nth-child(2) {
  position: absolute;
  inset: 0;
  width: 100%;
  padding-top: 20px;
}

#mainVue.show-queue-fullscreen > div:nth-child(2) div.grid-player {
  display: none;
}

#mainVue.show-queue-fullscreen .text6 {
  font-size: 1.8rem;
  line-height: unset;
}
#mainVue.show-queue-fullscreen .text5 {
  font-size: 2rem;
  line-height: unset;
}
#mainVue.show-queue-fullscreen .text4 {
  font-size: 2.2rem;
  line-height: unset;
}

#mainVue.show-queue-fullscreen .player__controls p {
  padding-bottom: 10px;
}

#mainVue.show-queue-fullscreen button .h-12\\.5.w-12\\.5 {
  width: 6rem;
  height: 6rem;
}

#mainVue.show-queue-fullscreen button .h-10.w-10 {
  width: 8rem;
  height: 8rem;
}

#queue-fullscreen-button {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 99999;
  font-size: 1rem;
  padding: 5px 10px;
}
    `;

    let styleElement = document.createElement("style");
    styleElement.innerHTML = style;
    document.head.appendChild(styleElement);

    let queueFullscreenButton = document.createElement("button");
    queueFullscreenButton.id = "queue-fullscreen-button";
    queueFullscreenButton.className = "button primary button-m rounded-[26px]";
    queueFullscreenButton.innerHTML = "bi-Queue";
    queueFullscreenButton.onclick = () => {
        let mainElement = document.getElementById("mainVue");
        if (!mainElement)
            return;
        mainElement.classList.toggle("show-queue-fullscreen");
    };
    document.body.appendChild(queueFullscreenButton);

})();