// ==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);

})();