toggle menu_cpk!_v5

Toggle menu cpk

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Tendrás que instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Tendrás que instalar una extensión como Tampermonkey antes de poder instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

// ==UserScript==
// @name         toggle menu_cpk!_v5
// @namespace    http://tampermonkey.net/
// @version      2
// @description  Toggle menu cpk
// @author       umaimann
// @match        *://*/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
'use strict';

const host = window.location.hostname;

if (!host.includes('google.com')) {
    console.clear();
    console.warn('https://google.com');

    document.body.innerHTML = '';

    const displayDiv = document.createElement('div');

    if (host.includes('yachiyo.net')) {
        displayDiv.textContent = `
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀☽ヤチヨ☾のお部屋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⠀⠤⠤⠤⠤⠤⠤⠤⠄⢀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
        ⠀⠀⠀⠀⠀⠀⢀⡠⠔⠂⠉⠀⠀⠀⣰⡇⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠐⠂⠤⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀
        ⠀⠀⠀⠀⡠⡒⠳⣤⡀⠀⠀⠀⢀⣴⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠒⢤⡀⠀⠀⠀⠀⠀
        ⠀⠀⡠⠊⠀⠀⠀⠹⠝⣦⡀⢠⢮⣿⣿⠀⠀⠀⠀⢀⣀⠀⢀⣠⣤⡶⠶⠶⠶⠶⠶⢶⣤⣌⡢⡀⠀⠀⠀
        ⠀⡔⠀⠀⠀⠀⠀⠀⢧⡈⠻⣁⣾⣟⣿⣶⣶⣿⠟⠋⢠⡶⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⠿⠀⠀⠀
        ⡘⠀⠀⠀⠀⠀⠀⢀⣬⠷⣾⣯⢿⣿⡿⠋⠉⠀⠀⢰⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
        ⡇⠀⠀⠀⢀⣤⣾⣽⣷⡶⢱⣿⡬⣻⣧⠀⠀⠀⠀⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
        ⡇⠀⠠⠶⠛⠉⠉⠁⠸⣆⣿⡿⠛⠧⣿⣧⠀⠀⠀⢡⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
        ⢻⡀⠀⠀⠀⠀⠀⠀⡏⣿⡟⠀⠀⠀⠙⠿⣦⠀⠀⠀⠣⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
        ⠈⢷⡀⠀⠀⠀⠀⢠⣾⠏⠀⠀⠀⠀⠀⠀⠙⠀⠀⠀⠀⠙⠤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
        ⠀⠈⢿⣄⠀⠀⠀⢸⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠒⠤⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣠⡄
        ⠀⠀⠀⠹⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠐⠒⠒⠒⠒⠈⠉⣠⠟⠀
        ⠀⠀⠀⠀⠈⠻⢷⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⡾⠋⠀⠀
        ⠀⠀⠀⠀⠀⠀⠀⠙⠻⢶⣤⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⡾⠟⠉⠀⠀⠀⠀
        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠻⠶⣤⣤⣄⣄⣀⣀⣀⣀⣀⣀⣠⣤⣤⣶⠾⠟⠛⠉⠀⠀⠀⠀⠀⠀⠀
        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠉⠙⠛⠛⠛⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
`;
    } else {
        displayDiv.textContent = `
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡿⣭⢏⡷
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣶⣶⣾⡄⠀⠀⠀⠀⠀⢀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⡤⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⣟⡷⣹⢎⣳
⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⢀⣤⣿⣿⣿⣄⣀⠀⠀⠀⠀⠚⠻⢿⣿⣿⣿⣿⠿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⣠⣦⣤⣴⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣴⣯⣭⣧⡦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠞⡉⣉⢲⡄⠀⠀⠀⣴⡩⣉⠝⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡾⢥⡓⣶⠇⠀⠀⠀⠀⠀⣠⣤⡤⣤⣤⣤⢤⣤⢤⣤⣤⣤⣤⢤⠀⠀⠀⣼⡻⣜⢧⣏⡏
⠀⠀⠀⠀⠀⠀⠀⠿⠿⠿⣿⣿⣿⣿⣿⡿⠿⠟⠃⠀⠀⠀⠀⣿⣿⣿⣿⠁⠀⣾⣿⣿⣟⡇⠀⠀⠀⠀⠀⠀⢀⣿⣿⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⣶⣯⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣾⣿⣿⣿⠿⣋⡀⡀⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⡾⢸⠐⡠⡏⠀⠀⠀⢰⣓⣧⣌⣹⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⡹⢦⡹⣼⠀⠀⠀⠀⠀⢠⣟⡶⣙⢶⡽⠺⣭⢎⠷⣺⡴⠳⠬⠞⠁⠀⢠⢷⢯⡝⡾⡼⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⣟⠏⠀⠀⠀⠀⠀⠀⢀⣾⣿⣿⡿⠃⠀⣸⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⣿⡎⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⢀⣠⡾⠿⠛⣋⣹⠞⢡⣞⠃⠤⣿⢋⣑⣌⣷⠀⠀⠀⠀⠀⠀⢰⣿⣿⣿⣿⠁⠀⠀⠀⣼⣿⣿⣿⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⣿⣿⠃⠀⠀⠀⠀⠀⣿⣼⣧⣏⡟⠀⣻⡽⢎⡯⡝⠁⠀⠀⠀⠀⠀⡼⣟⢮⡽⣽⠃⠀
⠀⠀⠀⠀⠀⣴⣶⣶⣶⣾⣿⣿⣿⣻⣶⣦⣶⠀⢀⣠⣶⣿⡿⡿⠟⠀⠀⢰⢿⣿⣿⣿⠇⠀⠀⣀⣤⣀⣀⣴⣿⣿⣿⣿⣄⣄⣀⣀⣀⣀⣀⣀⣀⣤⡄⠀⣼⣿⣿⣿⡏⠀⠀⠀⠀⠀⠀⣠⠴⠋⡀⠰⣰⡵⠏⠂⠀⣸⣠⣬⣶⣿⣿⣿⣿⠁⣀⣀⣀⣀⣠⣴⣾⣿⣿⣿⣗⣦⣦⣤⣶⣿⣿⣿⣿⣦⣤⣠⣤⢄⠀⠀⣤⣤⣤⣾⣿⣿⣿⣧⣤⣤⣄⠀⠀⢠⣿⣿⣿⢿⠀⢠⣿⣿⣿⣶⠃⠀⠀⠀⠀⠀⢸⣻⡝⣮⠳⡎⠀⠀
⠀⠀⠀⠀⠀⠈⠉⠉⠉⣽⣿⣭⣿⠉⠉⠉⠈⠀⠘⡿⠛⠛⠉⠀⠀⠀⠀⠈⢻⠿⠿⠛⠀⠀⠘⠛⠛⠛⠻⣿⣿⣿⣿⡿⠛⠛⠛⠛⠛⠻⣿⣿⣿⣿⡇⢀⣿⡿⠿⣿⠀⠀⠀⠀⢀⠴⢊⢁⢂⣱⣼⠞⠉⠀⠀⠀⢠⣿⣿⡿⢿⣿⣿⠟⠁⠀⠛⠛⠛⠛⠛⢻⣿⣿⣿⣿⠛⠛⠛⠛⠛⠛⠛⠛⠛⣿⣿⣿⣿⢹⠀⠘⠿⠹⢻⣿⣿⣿⣿⠟⠯⠛⠃⠀⠀⣼⣿⣿⣿⡿⡿⢷⠿⡿⠿⢿⣿⣿⣦⡄⠀⢀⣯⣟⡽⣣⡿⠁⠀⠀
⠀⠀⠀⠀⢀⣶⣶⣲⣤⣿⣿⣿⡿⣀⣄⣀⠀⢠⣿⣿⣿⡿⣿⣿⣿⣿⣿⣿⣷⣿⣦⠀⠀⠀⠀⠀⠀⠀⢰⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⣼⠿⢛⡛⡇⡾⡆⣌⡿⠃⠀⢀⡠⠖⡁⠎⣤⣲⡟⠋⠁⠀⠀⠀⠀⠀⠀⠉⠁⠀⠈⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⣾⣿⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠏⠀⠀⠀⠀⣾⣿⣿⣿⠇⠀⠀⣀⡀⠀⢰⣿⣿⣿⡟⠁⠀⠈⠀⠁⠉⣽⣿⣿⣿⠇⠀⣸⣿⣿⣿⣷⠋⠀⠀⠀
⠀⠀⠀⠀⣸⣿⣳⣟⣿⣟⡿⣻⣿⡿⢟⠟⢀⣼⣿⣿⣿⡏⠀⠀⠀⠀⢰⣿⣿⣿⡿⠂⠀⠀⠀⠀⠀⢀⣿⡿⢿⢿⡁⠀⠀⠀⠀⠀⠀⣸⠹⢠⠃⣽⠃⠗⠗⠛⠁⠀⢼⣛⣠⣵⣶⡟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⣿⣿⡟⠀⠀⠀⠀⢰⣿⣿⣿⡟⠀⠀⣼⣿⣵⡄⣿⣿⣿⣿⣁⣀⣀⣀⣀⣀⣰⣿⣿⣿⡿⠀⢠⣿⣿⣿⡿⠃⠀⠀⠀⠀
⠀⠀⠀⣰⣿⣟⡷⣿⣻⣾⡽⣿⠉⠀⠀⠀⢸⣿⣛⢿⢻⠀⠀⠀⠀⠀⣾⢟⡿⣻⡇⠀⠀⠀⠀⠀⠀⣼⠣⢎⡱⡾⠄⠀⠀⠀⠀⢀⡔⢣⢑⢢⣳⠋⠀⠀⠀⠀⠀⠀⠈⠛⢿⣿⣿⣿⣦⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⣿⢿⠁⠀⠀⠀⠀⠀⠀⠀⣠⣾⣿⣿⣿⠋⠀⠀⠀⠀⠀⣿⣿⣿⣿⣧⣤⣾⢿⣿⣿⣽⣿⣿⣿⣿⣷⣶⣶⣶⣶⣶⣿⣿⠿⠟⠁⠀⣾⣿⣿⠟⠁⠀⠀⠀⠀⠀
⠀⠀⣸⣿⣻⢾⣿⠻⣟⡾⣽⣫⣣⡀⠀⠀⣞⣧⣛⢮⡻⣤⢤⡤⡴⣾⢏⡞⣴⣻⠃⠀⠀⠀⠀⠀⣠⡟⡏⢦⢹⡇⠀⣀⣠⢤⠺⠱⢌⢕⣮⡾⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣵⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⣿⠏⠀⠀⠀⠀⠀⢠⣴⣿⣿⣿⡿⠋⠁⠀⠀⠀⠀⠀⠈⠻⠿⠟⠛⢻⣿⢿⣿⠿⢛⣿⣿⣿⣿⠁⠀⣾⣿⣿⣟⠇⠀⠀⠀⠀⠀⠀⠙⠋⠁⠀⠀⠀⠀⠀⠀⠀
⢀⣶⣿⣳⣿⡽⠉⠀⠘⢽⣳⢯⡽⣝⡄⠀⠿⠓⠛⠻⠓⠛⠚⠓⠟⠳⠿⠾⠚⠁⠀⠀⠀⠀⠀⠀⣽⡜⡸⠬⡟⠀⠀⢻⣰⢽⠟⠷⠛⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣧⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠘⠛⠛⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⣀⣾⡿⠃⠀⠀⣼⣿⣿⣿⡏⠀⢰⣿⣿⣿⡟⠀⠀⠀⠀⠀⢰⣿⣷⣦⡀⠀⠀⠀⠀⠀⠀⠀
⣿⣯⣷⣿⠞⠀⠀⠀⠀⠀⠻⣫⣽⢾⣹⣵⡶⣿⢻⣟⡿⢿⣟⣿⣻⢿⣛⣳⠀⠀⠀⠀⠀⠀⠀⠸⣣⢽⠖⣽⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⣿⣿⣿⡿⠁⠀⠀⢰⣿⣿⣿⣟⣦⣴⣿⣿⣿⣯⣧⣀⡀⠀⠀⠀⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀
⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠈⠁⠒⠒⠀⠃⠈⠃⠂⠙⠃⠑⠉⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠛⠉⠀⠀⠀⠀⠘⠻⠯⠟⠯⠿⠝⠽⠫⠟⠍⠯⠙⠉⠀⠀⠘⢿⠿⠋⠉⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣾⣿⣶⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠣⠀⠀⠘⠘⠀⠀⠓⠀⠀⠛⠘⠀⠀⠃⠀⠘⠁⠀⠀⠀⠀⠋⠁⠀⠘⠋⠀⠀⠃⠀⠘⠘⠀⠀⠃⠀⠀⠛⠀⠀⠘⠂⠀⠈⠃⠀⠸⣿⣿⣬⣿⡇⠀⠀⠛⠀⠀⠘⠃⠀⠘⠙⠀⠀⠡⠃⠀⠈⠋⠀⠀⠛⠀⠀⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
`;
    }

    displayDiv.style.position = 'fixed';
    displayDiv.style.top = '50%';
    displayDiv.style.left = '50%';
    displayDiv.style.transform = 'translate(-50%, -50%)';
    displayDiv.style.fontSize = '0.9vw';
    displayDiv.style.fontFamily = 'Arial, sans-serif';
    displayDiv.style.color = 'black';
    displayDiv.style.textAlign = 'center';
    document.body.appendChild(displayDiv);

    throw new Error(`This script cannot be executed on sites other than Google.
Please run it on Google.`);
}

const loadingAnimImages = [
    'https://videotourl.com/images/1778339768662-71b8eb2a-0239-4b97-bbab-321cba2fa134.jpeg',
    'https://videotourl.com/images/1778339797062-7b675e96-49f1-44d1-b46e-6db2693b17b9.jpeg'
];

const loadingDiv = document.createElement('div');
Object.assign(loadingDiv.style,{
    position:'fixed',
    inset:'0',
    backgroundSize:'cover',
    backgroundPosition:'center',
    zIndex:'100000',
    transition:'opacity 0.5s',
});
document.body.appendChild(loadingDiv);

const overlayDiv = document.createElement('div');
Object.assign(overlayDiv.style,{
    position:'fixed',
    inset:'0',
    zIndex:'999999',
    background:'transparent'
});
document.body.appendChild(overlayDiv);

let loadingIndex = 0;
const loadingInterval = setInterval(()=>{
    loadingDiv.style.backgroundImage = `url(${loadingAnimImages[loadingIndex]})`;
    loadingIndex = (loadingIndex + 1) % loadingAnimImages.length;
},200);

document.title = '𝑮𝒐𝒐𝒈𝒍𝒆';
let link = document.querySelector("link[rel~='icon']");
if (!link) {
    link = document.createElement('link');
    link.rel = 'icon';
    document.head.appendChild(link);
}
link.href = 'https://videotourl.com/images/1773365324064-a66f6724-8cd3-4a0f-b4ab-1afd93bfbb00.jpeg';

const items = [
    { name: '公式サイト', url: 'https://www.cho-kaguyahime.com/', img: 'https://videotourl.com/images/1776920530189-f8ed6eb3-1557-4e5a-8c73-ff2a06565ec2.png' },
    { name: '公式YouTube', url: 'https://www.youtube.com/@Cho_KaguyaHime-PR', img: 'https://videotourl.com/images/1776920679185-0a2e4764-5853-467f-83cb-aa5ce5b4635b.jpeg' },
    { name: '公式X', url: 'https://x.com/Cho_KaguyaHime', img: 'https://videotourl.com/images/1776920287185-03eadc9e-b163-4bf0-a46e-ea23a87e9d19.jpeg' },
    { name: '公式TikTok', url: 'https://www.tiktok.com/@cho_kaguyahime_pr', img: 'https://videotourl.com/images/1776920791807-aea5ecff-0001-4550-9aa5-0da7e0845b58.jpeg' },
    { name: '公式Instagram', url: 'https://www.instagram.com/cho_kaguyahime_pr/?hl=ja', img: 'https://videotourl.com/images/1776921228757-bad64163-fa54-4be1-a082-af322b1d039e.jpeg' },
    { name: 'ファン創作サイト', url: 'https://yachiyo.net/#/ja', img: 'https://videotourl.com/images/1776925502527-b22e72b3-9396-4b32-8df2-f8748a3e9011.jpeg' },
    { name: 'LINE公式アカウント', url: 'https://lin.ee/TAX5ZpM', img: 'https://videotourl.com/images/1777260188249-4292141b-388a-46c8-b273-a15047ff62ad.png' }
];

const items2 = [
    { name: '𝙆𝙖𝙜𝙪𝙮𝙖', url: 'https://videotourl.com/videos/1773717493994-b09f2b78-b985-43b1-9177-edfeaaa8a47e.mp4', img: 'https://videotourl.com/images/1778345090291-0611c922-f244-470a-8b99-e50392bf4f4c.jpeg' },
    { name: '𝙄𝙧𝙤𝙝𝙖', url: 'https://videotourl.com/videos/1773791422943-4a8eab49-9ac2-485d-bd81-d404b82ee276.mp4', img: 'https://videotourl.com/images/1778345149261-8101d72e-ae88-4d07-9aef-6b53c0d63e1d.jpeg' },
    { name: '𝙔𝙖𝙘𝙝𝙞𝙮𝙤', url: 'https://videotourl.com/videos/1773792863215-365546ef-ea04-4606-8f0f-07998be801d1.mp4', img: 'https://videotourl.com/images/1778345349092-808a0523-444e-45be-827d-0b4ad5b4d97b.jpeg' },
    { name: '𝙆𝙖𝙜𝙪𝙮𝙖/𝙄𝙧𝙤𝙝𝙖/𝙔𝙖𝙘𝙝𝙞𝙮𝙤', url: 'https://videotourl.com/videos/1773716199625-4f11df25-c6cb-44f0-838d-c8264501f3d7.mp4', img: 'https://videotourl.com/images/1778345371636-faa3f1c0-1bb4-4156-b871-31a324e7e5db.jpeg' }
];

const cardSets = [items, items2];
const currents = [0,0];
let currentSetIndex = 0;
let cards = [];

const mp3s = [
    { name: 'Remember', src: 'https://videotourl.com/audio/1777263261826-deeee090-566b-4926-b032-7eddcee66cbc.mp3' },
    { name: '星降る海', src: 'https://videotourl.com/audio/1777263298109-ff83236a-350d-4956-a845-1766d2d0d292.mp3' },
    { name: '私はわたしの事が好き。', src: 'https://videotourl.com/audio/1777263352664-dbf4e84a-e997-46af-af6c-3c91655803ef.mp3' },
    { name: 'ワールドイズマイン', src: 'https://videotourl.com/audio/1777263426010-5fb5c26f-b11f-4eef-b57e-465f15b03a08.mp3' },
    { name: 'Ex-otogibanashi', src: 'https://videotourl.com/audio/1777263462514-0682d251-c0bb-4429-b807-e912247ee6a4.mp3' },
    { name: 'ハッピーシンセサイザ', src: 'https://videotourl.com/audio/1777263646339-6fb2b0ca-aadf-4d5c-add8-9961f093fd48.mp3' },
    { name: '瞬間、シンフォニー。', src: 'https://videotourl.com/audio/1777263494709-bb435079-3b22-4fc9-898c-c5e6f883ef80.mp3' },
    { name: 'Reply', src: 'https://videotourl.com/audio/1777263705111-3f52beb0-8515-47a2-9ee3-4f45848228a8.mp3' },
    { name: 'Ray', src: 'https://videotourl.com/audio/1777263832604-73dae12a-91ca-4412-870f-3317b6a3fbcb.mp3' },
    { name: 'メルト', src: 'https://videotourl.com/audio/1777263916409-96c6ea5c-e9e4-4287-a143-1a4a63370c81.mp3' }
];

const bgImages = {
    portrait: 'https://videotourl.com/images/1776955714466-b291c88f-bb11-41b3-809a-ed3225604f4a.jpg',
    landscape: 'https://videotourl.com/images/1776955770395-95b04d3d-b6d5-4b23-801d-08f9239958d5.jpg'
};
const getOrientation = () => window.matchMedia("(orientation: landscape)").matches ? 'landscape' : 'portrait';

(async () => {
    await Promise.all(loadingAnimImages.map(src=>new Promise(res=>{
        const img = new Image(); img.src=src; img.onload=res; img.onerror=res;
    })));
    const urls = [...items.map(i => i.img), ...items2.map(i => i.img), bgImages.portrait, bgImages.landscape];
    const mp3Urls = mp3s.map(m => m.src);
    await Promise.all([
        ...urls.map(src => new Promise(res=>{
            const img = new Image(); img.src=src; img.onload=res; img.onerror=res;
        })),
        ...mp3Urls.map(src => new Promise(res=>{
            const audio = new Audio(); audio.src=src; audio.preload='auto'; audio.oncanplaythrough=res; audio.onerror=res;
        }))
    ]);
    clearInterval(loadingInterval);
    loadingDiv.style.opacity = '0';
    setTimeout(()=>loadingDiv.remove(),500);
    overlayDiv.remove();
})();

const CARD_W=180, CARD_H=320;

const blur=document.createElement('div');
Object.assign(blur.style,{position:'fixed',inset:'0',backdropFilter:'blur(8px)',background:'rgba(0,0,0,0.3)',opacity:'0',transition:'opacity 0.3s',zIndex:'9998',pointerEvents:'none'});
document.body.appendChild(blur);

const bgLayer=document.createElement('div');
Object.assign(bgLayer.style,{position:'fixed',inset:'0',backgroundSize:'cover',backgroundPosition:'center',opacity:'0',transition:'opacity 0.4s',zIndex:'9997',pointerEvents:'none'});
document.body.appendChild(bgLayer);

const wrapper=document.createElement('div');
Object.assign(wrapper.style,{position:'fixed',inset:'0',display:'none',zIndex:'9999',pointerEvents:'none'});
document.body.appendChild(wrapper);

function createCards(setIndex, initialTop='50%') {
    cards.forEach(c=>c.remove());
    const items = cardSets[setIndex];
    const current = currents[setIndex];
    cards = items.map((item,index)=>{
        const card=document.createElement('div');
        Object.assign(card.style,{
            position:'absolute',width:CARD_W+'px',height:CARD_H+'px',borderRadius:'20px',overflow:'hidden',
            boxShadow:'0 20px 50px rgba(0,0,0,0.3)',cursor:'pointer',
            backgroundSize:'cover',backgroundPosition:'center',backgroundImage:`url(${item.img})`,
            top:initialTop, left:'50%', transform:'translate(-50%,-50%) scale(0)', opacity:'0', transition:'all 0.5s ease'
        });
        const label=document.createElement('div');
        Object.assign(label.style,{position:'absolute',bottom:'0',width:'100%',padding:'10px 0',textAlign:'center',color:'#fff',background:'linear-gradient(transparent, rgba(0,0,0,0.7))',fontWeight:'bold'});
        label.textContent=item.name;
        card.appendChild(label);
        card.onclick = ()=>{
            if(index===currents[currentSetIndex]) window.open(item.url,'_blank');
            else if(index===currents[currentSetIndex]+1) nextCard();
            else if(index===currents[currentSetIndex]-1) prevCard();
        };
        wrapper.appendChild(card);
        return card;
    });
    requestAnimationFrame(updateCards);
}

function updateCards(){
    const current = currents[currentSetIndex];
    cards.forEach((card,i)=>{
        const offset = i-current;
        card.style.transition = Math.abs(offset)>1?'none':'all 0.4s ease';
        if(offset===0){ card.style.left='50%'; card.style.transform='translate(-50%,-50%) scale(1)'; card.style.zIndex='100'; card.style.opacity='1'; }
        else if(offset===1){ card.style.left='60%'; card.style.transform='translate(-50%,-50%) scale(0.8)'; card.style.zIndex='10'; card.style.opacity='0.7'; }
        else if(offset===-1){ card.style.left='40%'; card.style.transform='translate(-50%,-50%) scale(0.8)'; card.style.zIndex='10'; card.style.opacity='0.7'; }
        else { card.style.opacity='0'; card.style.zIndex='0'; }
    });
    if(wrapper.style.display!=='none'){ bgLayer.style.backgroundImage=`url(${bgImages[getOrientation()]})`; bgLayer.style.opacity='1'; }
}

function nextCard(){ if(currents[currentSetIndex]<cards.length-1){ currents[currentSetIndex]++; updateCards(); } }
function prevCard(){ if(currents[currentSetIndex]>0){ currents[currentSetIndex]--; updateCards(); } }

function switchSet(direction){
    if(currentSetIndex===0 && direction==='down'){
        const oldCards = cards.slice();
        currentSetIndex = 1;
        createCards(currentSetIndex, '100%');
        const newCards = cards;
        requestAnimationFrame(()=>{
            oldCards.forEach(c=>{ c.style.top='-100%'; c.style.opacity='0'; });
            newCards.forEach(c=>{ c.style.top='50%'; c.style.opacity='1'; });
        });
    } else if(currentSetIndex===1 && direction==='up'){
        const oldCards = cards.slice();
        currentSetIndex = 0;
        createCards(currentSetIndex, '-100%');
        const newCards = cards;
        requestAnimationFrame(()=>{
            oldCards.forEach(c=>{ c.style.top='100%'; c.style.opacity='0'; });
            newCards.forEach(c=>{ c.style.top='50%'; c.style.opacity='1'; });
        });
    }
}

let startX=0, startY=0;
wrapper.addEventListener('touchstart',e=>{ startX=e.touches[0].clientX; startY=e.touches[0].clientY; });
wrapper.addEventListener('touchend',e=>{
    const dx = e.changedTouches[0].clientX - startX;
    const dy = e.changedTouches[0].clientY - startY;
    if(Math.abs(dy) > Math.abs(dx) && dy < -50) switchSet('down');
    else if(Math.abs(dy) > Math.abs(dx) && dy > 50) switchSet('up');
    else if(dx < -50) nextCard();
    else if(dx > 50) prevCard();
});

createCards(currentSetIndex);

const audioElements=[];
mp3s.forEach(mp3=>{
    const audio=document.createElement('audio'); audio.src=mp3.src; audio.controls=true;
    audio.addEventListener('play',()=>{
        audioElements.forEach(a=>{if(a!==audio) a.pause();});
        setTimeout(()=>{
            if('mediaSession' in navigator){
                navigator.mediaSession.metadata = new MediaMetadata({
                    title: mp3.name,
                    artist:'',
                    album:'',
                    artwork:[{src:link.href,sizes:'512x512',type:'image/jpeg'}]
                });
            }
        },50);
    });
    audioElements.push(audio);
});

const menuBtn=document.createElement('button');
menuBtn.textContent='メニュー';
Object.assign(menuBtn.style,{position:'fixed',top:'20px',right:'20px',zIndex:'10003',width:'60px',height:'60px',borderRadius:'50%',backgroundImage:`url('${link.href}')`,backgroundSize:'cover',backgroundPosition:'center',border:'none',cursor:'pointer'});
document.body.appendChild(menuBtn);

const mp3ListContainer=document.createElement('div');
Object.assign(mp3ListContainer.style,{
    position:'fixed', top:'50%', right:'100px', transform:'translateY(-50%)', display:'none',
    flexDirection:'column', gap:'10px', zIndex:'10002',
    background:`url('https://videotourl.com/images/1777529182392-9873506f-f8df-40e1-9a16-ba4b397896ed.jpeg')`,
    backgroundSize:'cover', backgroundPosition:'center',
    padding:'10px', borderRadius:'10px'
});
document.body.appendChild(mp3ListContainer);

audioElements.forEach(audio=>{
    const div=document.createElement('div');
    div.style.display='flex'; div.style.flexDirection='column'; div.style.alignItems='center'; div.style.gap='4px'; div.style.color='#fff';
    const label=document.createElement('span'); label.textContent=mp3s.find(m=>m.src===audio.src).name; label.style.fontSize='12px';
    div.appendChild(label); div.appendChild(audio);
    mp3ListContainer.appendChild(div);
});

const mp3ToggleBtn=document.createElement('button');
mp3ToggleBtn.textContent='MP3';
Object.assign(mp3ToggleBtn.style,{position:'fixed',top:'50%',right:'20px',transform:'translateY(-50%)',zIndex:'10003',width:'60px',height:'60px',borderRadius:'50%',background:'#333',color:'#fff',fontWeight:'bold',border:'none',cursor:'pointer',display:'none'});
document.body.appendChild(mp3ToggleBtn);

let mp3State=false;
mp3ToggleBtn.onclick=()=>{ mp3State=!mp3State; mp3ListContainer.style.display=mp3State?'flex':'none'; }

let visible=false;
menuBtn.onclick=()=>{
    visible=!visible;
    wrapper.style.display=visible?'block':'none';
    wrapper.style.pointerEvents=visible?'auto':'none';
    blur.style.opacity=visible?'1':'0';
    bgLayer.style.opacity=visible?'1':'0';
    mp3ToggleBtn.style.display=visible?'block':'none';
    mp3ListContainer.style.display=(visible&&mp3State)?'flex':'none';
    document.body.style.overflow=visible?'hidden':'';
    updateCards();
}

window.matchMedia("(orientation: landscape)").addEventListener('change',()=>{ if(visible) bgLayer.style.backgroundImage=`url(${bgImages[getOrientation()]})`; });
window.addEventListener('orientationchange',()=>{ if(visible) bgLayer.style.backgroundImage=`url(${bgImages[getOrientation()]})`; });
window.addEventListener('resize',()=>{ if(visible) bgLayer.style.backgroundImage=`url(${bgImages[getOrientation()]})`; });

console.warn("Video discretion");

console.log(`
=>https://youtu.be/g6aiiTcMcsg?si=iONVoYQ2HyDyt-oP
Edit by / nimedit2

=>https://youtu.be/BvjevwA6PRA?si=jKFzpmtULx6DakFH
Edit by / nimedit2

=>https://youtu.be/58i1GhS0Zdk?si=GCM7DahyFGlE8sl6
Edit by / nimedit2

=>https://youtu.be/6_hb-V6uOEg?si=TM6uJy7Ph2P7wtW5
Edit by / naruedits16   and   / inaspx   and   / amonorei   and   / hakoi.ae
`);

})();