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