https://kizuserver.xyz/

ID de exploración:
22571974-6968-42e8-9187-6ffdcf113564Finalizado
URL enviada:
https://kizuserver.xyz/
Informe finalizado:

Enlaces: 0 encontrados

Variables JavaScript: 3 encontradas

Mensajes de registro de la consola: 1 encontrados

HTML

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Minecraft Server Status</title>
    <link href="https://fonts.cdnfonts.com/css/minecraft-4" rel="stylesheet">
    <link href="/css/output.css" rel="stylesheet">
</head>
<body class="bg-minecraft-dirt bg-opacity-90 min-h-screen font-minecraft text-white">
    

    <!-- Navbar -->
    <nav class="bg-gray-900 bg-opacity-90 border-b-2 border-minecraft-stone shadow-lg">
        <div class="container mx-auto px-4">
            <!-- Desktop and Mobile Layout -->
            <div class="flex items-center justify-between h-16">
                <!-- Left Side - Always Visible -->
                <div class="flex items-center space-x-4">
                    <span class="text-xl lg:text-2xl text-yellow-300 drop-shadow-[0_1px_1px_rgba(0,0,0,0.8)]">
                        Server Status
                    </span>
                    <div class="flex items-center space-x-2">
                        <span class="text-green-400 text-sm">●</span>
                        <span class="text-gray-300 text-sm font-minecraft hidden sm:inline">play.kizuserver.xyz</span>
                    </div>
                </div>

                <!-- Burger Menu Button -->
                <button id="burger-menu" class="lg:hidden text-white hover:text-gray-300">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                    </svg>
                </button>

                <!-- Desktop Menu -->
                <div class="hidden lg:flex items-center space-x-8">
                    <div class="flex space-x-4">
                        <span class="text-green-400 hover:text-green-300 cursor-pointer transition-colors">
                            Players: 0
                        </span>
                        <span class="text-blue-400 hover:text-blue-300 cursor-pointer transition-colors">
                            Total: 3
                        </span>
                    </div>
                    <div class="text-gray-400 text-sm">
                        Last updated: 01:45:51 WIB
                    </div>
                </div>
            </div>

            <!-- Mobile Menu (Hidden by default) -->
            <div id="mobile-menu" class="hidden lg:hidden py-4 border-t border-gray-700">
                <div class="flex flex-col space-y-4">
                    <div class="flex justify-between items-center">
                        <span class="text-green-400">
                            Players: 0
                        </span>
                        <span class="text-blue-400">
                            Total: 3
                        </span>
                    </div>
                    <div class="text-gray-400 text-sm text-center">
                        Last updated: 01:45:51 WIB
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <!-- Main Content -->
    <div class="container mx-auto px-2 sm:px-4 py-4 sm:py-8">
        <!-- Grid Container -->
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6">
            <!-- Online Players - Takes 1 column -->
            <div class="bg-gray-800 bg-opacity-80 p-4 sm:p-6 rounded-lg border-2 sm:border-4 border-minecraft-stone">
                <div class="flex items-center justify-between mb-4">
                    <h2 class="text-xl sm:text-2xl text-green-400">Online Players</h2>
                    <span class="bg-green-500 px-2 sm:px-3 py-1 rounded-full text-xs sm:text-sm">
                        0 Online
                    </span>
                </div>
                <div class="space-y-2 sm:space-y-3 max-h-[300px] overflow-y-auto pr-2">
                    
                </div>
            </div>

            <!-- Chat Section - Takes 2 columns on large screens -->
            <div class="lg:col-span-2 bg-gray-800 bg-opacity-80 p-4 sm:p-6 rounded-lg border-2 sm:border-4 border-minecraft-stone">
                <div class="flex items-center justify-between mb-4">
                    <h2 class="text-xl sm:text-2xl text-yellow-400">Server Chat</h2>
                    <span class="bg-yellow-500 px-2 sm:px-3 py-1 rounded-full text-xs sm:text-sm">
                        149 Messages
                    </span>
                </div>
                <div class="h-[300px] sm:h-[400px] lg:h-[500px] overflow-y-auto pr-2 minecraft-chat-box">
                    <div class="space-y-2">
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:28:23
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">jangan</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:28:48
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">kenapaharus ada awmp bot :v aowkowk</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:28:57
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">KOWOKWKOWKO</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:28:59
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">wait</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:29:05
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">di wa nya kah?</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:29:09
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">hooh</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:32
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">tolol'</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:33
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">gw dimana</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:39
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">test</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:40
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">aowkowak</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:42
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">ancur cok</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:44
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">kaishan</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:30:54
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">gak masuk wa nya</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:06
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">liat dah</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:06
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">wa</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:07
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">:v</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:13
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">ini gw sambil liat di bawah</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:17
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">hp</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:25
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">iya cok</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:31:34
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">gak masuk ke sini malah di masukin ke gc</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:32:17
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">mmending di kasih tanda pesan nya dari mana dari pada awmp bot kek tadi</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:13
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">halo om</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:13
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">test</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:30
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">GAK MASOK</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:41
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">DC AMAN?</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:55
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">aman</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:35:58
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">owhh kirain kenapa</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:36:22
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">nak coba di hosting nya</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:36:30
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">:v dah beli gk kepakek saya</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:36:32
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">ng</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                16:37:00
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">anjing lagi pause game aja ada</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                19:21:04
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">test</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                20:04:45
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">a</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                20:32:05
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">p</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                20:39:25
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">server-icon.png</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:10:18
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./summon minecraft:slime ~ ~ ~ {Size:50}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:15:29
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">./surveyorc</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:22:46
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./spark tps</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:24:49
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">asv</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:24:51
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">ds;vmdsklvmds;vmlksdvkldfklmdmbklfdmkf</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:31:59
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./skin set web slim minecraftskins.com/</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:32:02
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:32:03
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:32:29
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;kizuutod&gt;</span>
                                            <span class="text-gray-200 break-words">https://cdn.discordapp.com/attachments/1254477458762104893/1268167966046949478/SkinseedSkin_1722417430799.png?ex=67372ff4&amp;is=6735de74&amp;hm=40fdbb1796d6e2afba064680e2bd7bd56e724c76f1c99c8ec87d7e722d79a0b1&amp;</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:33:58
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">"https://www.minecraftskins.com/uploads/skins/2024/11/10/ducksuit-22866488.png?v694 "</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:34:00
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">"</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:34:02
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">""</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:34:04
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">" "</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                21:52:16
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">./spark tps</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="group hover:bg-gray-700 hover:bg-opacity-50 p-2 rounded transition-all">
                                <div class="flex items-start space-x-2">
                                    <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-5 h-5 sm:w-6 sm:h-6 rounded hidden group-hover:block">
                                    <div class="min-w-0 flex-1">
                                        <div class="flex flex-wrap items-baseline gap-x-1 text-xs sm:text-sm">
                                            <span class="text-gray-400 whitespace-nowrap">
                                                22:16:57
                                            </span>
                                            <span class="text-yellow-500 whitespace-nowrap">&lt;AMWP&gt;</span>
                                            <span class="text-gray-200 break-words">ta</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        
                    </div>
                </div>
            </div>

            <!-- All Players - Full width on all screens -->
            <div class="lg:col-span-3 bg-gray-800 bg-opacity-80 p-4 sm:p-6 rounded-lg border-2 sm:border-4 border-minecraft-stone">
                <div class="flex items-center justify-between mb-4">
                    <h2 class="text-xl sm:text-2xl text-blue-400">All Players</h2>
                    <span class="bg-blue-500 px-2 sm:px-3 py-1 rounded-full text-xs sm:text-sm">
                        Total: 3
                    </span>
                </div>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2 sm:gap-3 max-h-[300px] overflow-y-auto pr-2">
                    
                        <div class="flex items-center space-x-2 sm:space-x-3 bg-gray-700 bg-opacity-50 p-2 sm:p-3 rounded minecraft-btn border-gray-600">
                            <img src="https://mc-heads.net/avatar/AMWP" alt="AMWP" class="w-6 h-6 sm:w-8 sm:h-8 rounded">
                            <div class="min-w-0 flex-1">
                                <div class="text-gray-200 text-sm sm:text-base truncate">AMWP</div>
                                <div class="text-xs text-gray-400 truncate">
                                    First seen: 11/14/2024, 10:02:02 WIB
                                </div>
                            </div>
                        </div>
                    
                        <div class="flex items-center space-x-2 sm:space-x-3 bg-gray-700 bg-opacity-50 p-2 sm:p-3 rounded minecraft-btn border-gray-600">
                            <img src="https://mc-heads.net/avatar/maiikodok" alt="maiikodok" class="w-6 h-6 sm:w-8 sm:h-8 rounded">
                            <div class="min-w-0 flex-1">
                                <div class="text-gray-200 text-sm sm:text-base truncate">maiikodok</div>
                                <div class="text-xs text-gray-400 truncate">
                                    First seen: 11/14/2024, 11:54:34 WIB
                                </div>
                            </div>
                        </div>
                    
                        <div class="flex items-center space-x-2 sm:space-x-3 bg-gray-700 bg-opacity-50 p-2 sm:p-3 rounded minecraft-btn border-gray-600">
                            <img src="https://mc-heads.net/avatar/kizuutod" alt="kizuutod" class="w-6 h-6 sm:w-8 sm:h-8 rounded">
                            <div class="min-w-0 flex-1">
                                <div class="text-gray-200 text-sm sm:text-base truncate">kizuutod</div>
                                <div class="text-xs text-gray-400 truncate">
                                    First seen: 11/14/2024, 16:08:04 WIB
                                </div>
                            </div>
                        </div>
                    
                </div>
            </div>
        </div>

        <!-- Auto Refresh Notice -->
        <div class="text-center mt-4 sm:mt-6 text-gray-400 text-xs sm:text-sm">
            Page updates automatically every 30 seconds
        </div>
    </div>

    <script>
        // Auto refresh the page every 30 seconds
        setTimeout(() => {
            window.location.reload();
        }, 30000);

        // Auto scroll chat to bottom on load
        window.onload = function() {
            const chatBox = document.querySelector('.minecraft-chat-box');
            chatBox.scrollTop = chatBox.scrollHeight;
        };

        // Burger menu functionality
        const burgerMenu = document.getElementById('burger-menu');
        const mobileMenu = document.getElementById('mobile-menu');

        burgerMenu.addEventListener('click', () => {
            mobileMenu.classList.toggle('hidden');
            // Add animation classes
            if (!mobileMenu.classList.contains('hidden')) {
                mobileMenu.classList.add('animate-fade-in');
            } else {
                mobileMenu.classList.remove('animate-fade-in');
            }
        });

        // Close mobile menu when clicking outside
        document.addEventListener('click', (event) => {
            if (!burgerMenu.contains(event.target) && !mobileMenu.contains(event.target)) {
                mobileMenu.classList.add('hidden');
            }
        });
    </script>

 </body></html>