Tagged Sliding Games
Explore our collection of sliding games. We have 1 game in this category.
Related Tags
1 Player 2D Action Adventure Arcade Army Card Games - Sprunki Retake 2</a> <a href="/tag/Avoid" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Avoid </a> <a href="/tag/Baby%20Games" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Baby Games </a> <a href="/tag/Baby%20Hazel" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Baby Hazel </a> <a href="/tag/Battlegrounds" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Battlegrounds </a> <a href="/tag/Best%20Games" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Best Games </a> <a href="/tag/Blockchain" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Blockchain </a> <a href="/tag/Bomb" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Bomb </a> <a href="/tag/Bottle" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Bottle </a> <a href="/tag/Boxing" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Boxing </a> <a href="/tag/Brain" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Brain </a> <a href="/tag/Bubble%20Shooter" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Bubble Shooter </a> <a href="/tag/Card" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Card </a> <a href="/tag/Carparking" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Carparking </a> <a href="/tag/Cartoon%20Network" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Cartoon Network </a> <a href="/tag/Christmas" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Christmas </a> <a href="/tag/Clicker" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Clicker </a> <a href="/tag/Collecting" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Collecting </a> <a href="/tag/Coloring" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Coloring </a> <a href="/tag/Dancing" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Dancing </a> <a href="/tag/Difference" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Difference </a> <a href="/tag/Digital%20Circus" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Digital Circus </a> <a href="/tag/Drawing" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Drawing </a> <a href="/tag/Drifting" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Drifting </a> <a href="/tag/Driving" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Driving </a> <a href="/tag/Educational" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Educational </a> <a href="/tag/Endless" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Endless </a> <a href="/tag/Escape" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Escape </a> <a href="/tag/Fall%20Boys" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Fall Boys </a> <a href="/tag/First%20Person%20Shooter" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> First Person Shooter </a> <a href="/tag/Fly" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Fly </a> <a href="/tag/Funny" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Funny </a> <a href="/tag/Girls" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Girls </a> <a href="/tag/Granny" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Granny </a> <a href="/tag/Gta" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Gta </a> <a href="/tag/Gun" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Gun </a> <a href="/tag/Hidden" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Hidden </a> <a href="/tag/Horror" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Horror </a> <a href="/tag/Html5%20Games%20For%20Your%20Site" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Html5 Games For Your Site </a> <a href="/tag/Huggy" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Huggy </a> <a href="/tag/Hypercasual" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Hypercasual </a> <a href="/tag/Jigsaw" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Jigsaw </a> <a href="/tag/Jumping" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Jumping </a> <a href="/tag/Kids" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Kids </a> <a href="/tag/Killing" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Killing </a> <a href="/tag/Kiz10" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Kiz10 </a> <a href="/tag/Levels" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Levels </a> <a href="/tag/Mapi%20Games" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Mapi Games </a> <a href="/tag/Matching" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Matching </a> <a href="/tag/Memory" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Memory </a> <a href="/tag/Mentolatux" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Mentolatux </a> <a href="/tag/Mobile" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Mobile </a> <a href="/tag/Multiplayer" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Multiplayer </a> <a href="/tag/Music" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Music </a> <a href="/tag/OnlyUp" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> OnlyUp </a> <a href="/tag/Physics" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Physics </a> <a href="/tag/Pixel" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Pixel </a> <a href="/tag/Platform" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Platform </a> <a href="/tag/Point%20And%20Click" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Point And Click </a> <a href="/tag/Poppy%20Playtime" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Poppy Playtime </a> <a href="/tag/Puzzleblock" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Puzzleblock </a> <a href="/tag/Racing" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Racing </a> <a href="/tag/Retro" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Retro </a> <a href="/tag/Rhythm" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Rhythm </a> <a href="/tag/School" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> School </a> <a href="/tag/Shoot%20Em%20Up" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Shoot Em Up </a> <a href="/tag/Shooting" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Shooting </a> <a href="/tag/Simulation" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Simulation </a> <a href="/tag/Simulator" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Simulator </a> <a href="/tag/Skibidi%20Toilet" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Skibidi Toilet </a> <a href="/tag/Skills" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Skills </a> <a href="/tag/Sliding" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Sliding </a> <a href="/tag/Slither" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Slither </a> <a href="/tag/Snake" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Snake </a> <a href="/tag/Spiderman" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Spiderman </a> <a href="/tag/Spin-wheel" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Spin-wheel </a> <a href="/tag/Sprunki" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Sprunki </a> <a href="/tag/Stickman" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Stickman </a> <a href="/tag/Superhero" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Superhero </a> <a href="/tag/Survival" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Survival </a> <a href="/tag/Swipe" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Swipe </a> <a href="/tag/Unity3D" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Unity3D </a> <a href="/tag/Weapons" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Weapons </a> <a href="/tag/WebGL" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> WebGL </a> <a href="/tag/Whack" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> Whack </a> <a href="/tag/action" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> action </a> <a href="/tag/horror" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> horror </a> <a href="/tag/music" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> music </a> <a href="/tag/space" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> space </a> <a href="/tag/survivor" class="inline-flex items-center px-3 py-1 rounded-full text-sm
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
text-gray-300 hover:text-white
transition-all duration-300
backdrop-blur-sm shadow-[0_0_10px_rgba(255,105,180,0.1)]
hover:shadow-[0_0_15px_rgba(255,105,180,0.2)]"> <svg class="w-3 h-3 mr-1.5" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/> </svg> survivor </a> </div> </div> </div> </div> </div> <section class="bg-white dark:bg-gray-900 py-16"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <h2 class="text-3xl font-bold text-center mb-8 text-gray-800 dark:text-white">Featured Videos</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 justify-items-center"> <div class="w-full aspect-video"> <iframe class="w-full h-full" loading="lazy" src="https://www.youtube.com/embed/EHForypoXZw" title="Sprunki Retake 2 Tutorial Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen aria-label="Sprunki Retake 2 Tutorial Video"> </iframe> </div> <div class="w-full aspect-video"> <iframe class="w-full h-full" loading="lazy" src="https://www.youtube.com/embed/Yq2WZiro" title="Sprunki Retake 2 Gameplay Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen aria-label="Sprunki Retake 2 Gameplay Video"> </iframe> </div> </div> </div> </section> <section class="bg-white dark:bg-gray-900 py-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <h2 class="text-3xl font-bold text-center mb-6 text-gray-800 dark:text-white">New Game Links</h2> <div class="grid grid-cols-3 md:grid-cols-6 lg:grid-cols-8 gap-2 sm:gap-3 md:gap-4 justify-items-center"> <a href="https://www.luckydrawonline.com/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.luckydrawonline.com/static/images/random-number-generator.png" alt="Lucky Draw" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent
sm:opacity-0 sm:group-hover:opacity-100
opacity-30 active:opacity-100
transition-all duration-300
flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Lucky Draw </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Lucky Draw online </p> </div> </a> <a href="https://www.incredibox-mildasspring.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.incredibox-mildasspring.org/static/images/logo.png" alt="Incredibox - Mild As Spring" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent
sm:opacity-0 sm:group-hover:opacity-100
opacity-30 active:opacity-100
transition-all duration-300
flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Incredibox - Mild As Spring </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Mild As Spring </p> </div> </a> <a href="https://www.spacesurvivor.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.spacesurvivor.org/static/images/logo.png" alt="Arcade Space Survivor" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent
sm:opacity-0 sm:group-hover:opacity-100
opacity-30 active:opacity-100
transition-all duration-300
flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Arcade Space Survivor </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Arcade Space Survivor </p> </div> </a> <a href="https://www.sprunki-phase3.net/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.sprunki-phase3.net/static/images/logo.png" alt="Sprunki Phase 10" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent
sm:opacity-0 sm:group-hover:opacity-100
opacity-30 active:opacity-100
transition-all duration-300
flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Sprunki Phase 10 </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Sprunki Phase 10 </p> </div> </a> <a href="https://www.sprunki-gameplay.net/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.sprunki-gameplay.net/static/images/logo.png" alt="Sprunki SPRUTED" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent
sm:opacity-0 sm:group-hover:opacity-100
opacity-30 active:opacity-100
transition-all duration-300
flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Sprunki SPRUTED </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Sprunki SPRUTED </p> </div> </a> <a href="https://www.trenchrun.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.trenchrun.org/game_screenshot.webp" alt="X Trench Run" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent
sm:opacity-0 sm:group-hover:opacity-100
opacity-30 active:opacity-100
transition-all duration-300
flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> X Trench Run </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> XTrench Run </p> </div> </a> <a href="https://www.squidsprunki.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.squidsprunki.org/static/images/logo.png" alt="Sprunki Squid Game" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent
sm:opacity-0 sm:group-hover:opacity-100
opacity-30 active:opacity-100
transition-all duration-300
flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Sprunki Squid Game </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Sprunki Squid Game 2 </p> </div> </a> <a href="https://www.sprunkiretake2.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.sprunkiretake2.org/static/images/logo.png" alt="Sprunki Retake 2" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent
sm:opacity-0 sm:group-hover:opacity-100
opacity-30 active:opacity-100
transition-all duration-300
flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Sprunki Retake 2 </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Sprunki Retake 2 </p> </div> </a> <a href="https://color-sort.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://color-sort.org/static/images/logo.png" alt="Color Sort" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent
sm:opacity-0 sm:group-hover:opacity-100
opacity-30 active:opacity-100
transition-all duration-300
flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Color Sort </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Color Sort </p> </div> </a> <a href="https://parodybox-sprunki.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://parodybox-sprunki.org/static/images/logo.png" alt="Parodybox Sprunki" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent
sm:opacity-0 sm:group-hover:opacity-100
opacity-30 active:opacity-100
transition-all duration-300
flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Parodybox Sprunki </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Parodybox Sprunki </p> </div> </a> </div> </div> </section> <section id="comments-container" class="bg-[#1A1B4B] dark:bg-gray-900 py-16 scroll-mt-20"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <h2 class="text-3xl font-bold text-center mb-12 text-white">Comments</h2> <div class="mb-12 bg-white/5 backdrop-blur-sm rounded-xl p-6 shadow-xl"> <form id="commentForm" method="POST" action="/comment" class="space-y-6"> <input id="page_id" name="page_id" type="hidden" value> <input id="csrf_token" name="csrf_token" type="hidden" value="IjY0OTA0YmFiNDc4N2NmZDI0NTMxZDMzYTFlYmI0ZTg1YmJkN2M1N2Ei.aFBbPw.-1xfX3PqK7VwCX14LYvlBl6aBRU"> <div> <label for="email" class="block text-sm font-medium text-gray-300">Email</label> <input class="mt-2 block w-full rounded-lg bg-white/10 border-transparent focus:border-[#FFD700] focus:ring-[#FFD700] text-white placeholder-gray-400" id="email" name="email" required type="text" value> </div> <div> <label for="comment" class="block text-sm font-medium text-gray-300">Comment</label> <textarea class="mt-2 block w-full rounded-lg bg-white/10 border-transparent focus:border-[#FFD700] focus:ring-[#FFD700] text-white placeholder-gray-400" id="comment" maxlength="500" minlength="1" name="comment" required rows="4">
</textarea> </div> <div class="text-right"> <button type="submit" class="inline-flex justify-center py-2.5 px-6 border border-transparent rounded-lg text-sm font-medium text-white bg-[#FFD700] hover:bg-[#FFA500] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#FFD700] transition-all duration-200 transform hover:scale-105 shadow-lg hover:shadow-xl"> Post Comment </button> </div> </form> </div> <div class="space-y-6"> <div class="bg-[#FFD700]/10 p-4 mb-6 rounded-lg backdrop-blur-sm"> <p class="text-gray-300">Current Path: /tag/Sliding</p> <p class="text-gray-300">Total Comments: 0</p> </div> <div class="text-center py-12"> <div class="text-gray-400 text-lg">No comments yet.</div> <p class="text-gray-500 mt-2">Be the first to share your thoughts!</p> </div> </div> </div> </section> <div id="cookie-notice" class="fixed bottom-0 left-0 right-0 backdrop-blur-sm bg-[#1A1B4B]/95 text-white shadow-lg transform transition-all duration-300 ease-in-out z-50" style="display:none"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"> <div class="flex flex-col sm:flex-row items-center justify-between gap-4"> <div class="flex items-center space-x-3 flex-grow"> <div class="flex-shrink-0"> <svg class="h-5 w-5 text-blue-400" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </div> <p class="text-sm font-medium"> This website uses cookies to enhance your experience. </p> </div> <div class="flex items-center space-x-4"> <a href="/cookies" class="text-sm text-blue-400 hover:text-blue-300 transition-colors duration-200 underline"> Learn more </a> <button id="accept-cookies" class="px-4 py-2 bg-[#4B0082] text-white rounded-md hover:bg-[#FFD700] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#FFD700] transition-all duration-200 transform hover:scale-105" aria-label="Accept cookies"> Accept </button> </div> </div> </div> </div> <script>
document.addEventListener('DOMContentLoaded', function() {
const cookieNotice = document.getElementById('cookie-notice');
const acceptButton = document.getElementById('accept-cookies');
function showCookieNotice() {
cookieNotice.style.display = 'block';
// Force reflow
cookieNotice.offsetHeight;
cookieNotice.classList.add('opacity-100');
cookieNotice.classList.remove('opacity-0', 'translate-y-full');
}
function hideCookieNotice() {
cookieNotice.classList.add('opacity-0', 'translate-y-full');
cookieNotice.classList.remove('opacity-100');
setTimeout(() => {
cookieNotice.style.display = 'none';
}, 300);
}
if (!localStorage.getItem('cookieConsent')) {
// 延迟显示以确保平滑动画
setTimeout(showCookieNotice, 1000);
}
acceptButton.addEventListener('click', function() {
localStorage.setItem('cookieConsent', 'accepted');
hideCookieNotice();
});
});
</script> <style>#cookie-notice{opacity:0;transform:translateY(100%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}#cookie-notice.opacity-100{opacity:1;transform:translateY(0)}</style><footer class="bg-[#2A2A2A] text-white mt-12 border-t-2 border-[#FFD700]"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> <div class="flex flex-col space-y-4"> <h3 class="text-sm font-bold tracking-wider uppercase text-[#FFD700]">Sprunki Retake 2</h3> <p class="text-sm text-[#B8B8B8]">We are a team of young adults from the 80s generation, passionate about gaming and sharing our love for it with the world.</p> </div> <div class="flex flex-col space-y-4"> <h3 class="text-sm font-bold tracking-wider uppercase text-[#FFD700]">Legal</h3> <ul class="space-y-2"> <li> <a href="/privacy" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Privacy Policy </a> </li> <li> <a href="/terms" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Terms of Service </a> </li> <li> <a href="/cookies" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Cookie Policy </a> </li> </ul> </div> <div class="flex flex-col space-y-4"> <h3 class="text-sm font-bold tracking-wider uppercase text-[#FFD700]">Support</h3> <ul class="space-y-2"> <li> <a href="/contact?lang=" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Contact Us </a> </li> <li> <a href="/faqs" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> FAQ </a> </li> <li></li> <a href="/about" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> About </a> </li> <li> <a href="/blog" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Blog </a> </li> <li class="text-sm text-[#B8B8B8]">yigame@sprunkiretake2.org</li> <li class="text-sm text-[#B8B8B8]">Luopu, Panyu, Guangzhou, Guangdong</li> </ul> </div> <div class="flex flex-col space-y-4"> <h3 class="text-sm font-bold tracking-wider uppercase text-[#FFD700]">Languages</h3> <ul class="grid grid-cols-2 gap-2"> <li> <a href="/en/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> English </a> </li> <li> <a href="/zh_tw/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> 繁體中文 </a> </li> <li> <a href="/ja/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> 日本語 </a> </li> </ul> </div> </div> <div class="mt-8 pt-8 border-t border-[#3A3A3A]"> <p class="text-sm text-[#B8B8B8] text-center"> © 2024 Sprunki Retake 2. All rights reserved. </p> </div> </div> </footer> <script src="/static/js/main.js"></script> <script src="/static/js/game.js" defer></script> <script>
document.addEventListener('DOMContentLoaded', function() {
const languageButton = document.getElementById('language-menu-button');
const languageMenu = document.getElementById('language-menu');
// Change menu display
languageButton.addEventListener('click', () => {
const isExpanded = languageButton.getAttribute('aria-expanded') === 'true';
languageButton.setAttribute('aria-expanded', !isExpanded);
languageMenu.classList.toggle('hidden');
});
// Click outside to close the menu
document.addEventListener('click', (event) => {
if (!languageButton.contains(event.target) && !languageMenu.contains(event.target)) {
languageButton.setAttribute('aria-expanded', 'false');
languageMenu.classList.add('hidden');
}
});
});
</script> <script>
// Theme switch function
document.addEventListener('DOMContentLoaded', function() {
const themeToggleBtn = document.getElementById('theme-toggle');
const darkIcon = document.getElementById('theme-toggle-dark-icon');
const lightIcon = document.getElementById('theme-toggle-light-icon');
// Initialize icon display
function updateIcons() {
const isDark = document.documentElement.classList.contains('dark');
darkIcon.style.display = isDark ? 'none' : 'block';
lightIcon.style.display = isDark ? 'block' : 'none';
}
// Initialize icon settings
updateIcons();
// Switch theme
themeToggleBtn.addEventListener('click', function() {
document.documentElement.classList.toggle('dark');
const isDark = document.documentElement.classList.contains('dark');
localStorage.theme = isDark ? 'dark' : 'light';
updateIcons();
});
// Listen for system theme changes
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
if (!localStorage.theme) {
const isDark = e.matches;
document.documentElement.classList.toggle('dark', isDark);
updateIcons();
}
});
});
</script> <script>
document.addEventListener('DOMContentLoaded', function() {
// Existing language menu code...
const languageButton = document.getElementById('language-menu-button');
const languageMenu = document.getElementById('language-menu');
// Games menu functionality
const gamesMenuButton = document.getElementById('games-menu-button');
const gamesMenu = document.getElementById('games-menu');
// Mobile menu functionality
const mobileMenuButton = document.getElementById('mobile-menu-button');
const mobileMenu = document.getElementById('mobile-menu');
// Toggle mobile menu
if (mobileMenuButton && mobileMenu) {
mobileMenuButton.addEventListener('click', (e) => {
e.stopPropagation();
const isExpanded = mobileMenuButton.getAttribute('aria-expanded') === 'true';
mobileMenuButton.setAttribute('aria-expanded', !isExpanded);
mobileMenu.classList.toggle('hidden');
});
}
// Toggle games menu
gamesMenuButton.addEventListener('click', (e) => {
e.stopPropagation();
const isExpanded = gamesMenuButton.getAttribute('aria-expanded') === 'true';
gamesMenuButton.setAttribute('aria-expanded', !isExpanded);
gamesMenu.classList.toggle('hidden');
});
// Close menus when clicking outside
document.addEventListener('click', (event) => {
// Language menu
if (!languageButton.contains(event.target) && !languageMenu.contains(event.target)) {
languageButton.setAttribute('aria-expanded', 'false');
languageMenu.classList.add('hidden');
}
// Games menu
if (!gamesMenuButton.contains(event.target) && !gamesMenu.contains(event.target)) {
gamesMenuButton.setAttribute('aria-expanded', 'false');
gamesMenu.classList.add('hidden');
}
// Mobile menu
if (mobileMenu && !mobileMenuButton.contains(event.target) && !mobileMenu.contains(event.target)) {
mobileMenuButton.setAttribute('aria-expanded', 'false');
mobileMenu.classList.add('hidden');
}
});
// Prevent menu from closing when clicking inside
gamesMenu.addEventListener('click', (e) => {
if (!e.target.closest('a')) {
e.stopPropagation();
}
});
if (mobileMenu) {
mobileMenu.addEventListener('click', (e) => {
if (!e.target.closest('a')) {
e.stopPropagation();
}
});
}
});
</script> <script>
document.getElementById('commentForm').addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(this);
fetch(this.action, {
method: 'POST',
body: formData,
headers: {
'X-Requested-With': 'XMLHttpRequest'
}
})
.then(response => response.json())
.then(data => {
// 显示提示信息
const flashContainer = document.createElement('div');
flashContainer.className = `rounded-lg p-4 mb-4 backdrop-blur-sm ${data.category === 'error' ? 'bg-red-500/10 text-red-400 border border-red-500/20' : 'bg-[#FFD700]/10 text-[#FFD700] border border-[#FFD700]/20'} transition-all duration-300`;
const message = document.createElement('div');
message.className = 'flex items-center';
message.innerHTML = `
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="${data.category === 'error' ? 'M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z' : 'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'}"></path>
</svg>
${data.message}
`;
flashContainer.appendChild(message);
// Insert prompt information
const form = document.getElementById('commentForm');
form.parentNode.insertBefore(flashContainer, form);
// If the submission is successful, the form is cleared
if (data.category !== 'error') {
form.reset();
}
// Remove the prompt information after 3 seconds
setTimeout(() => {
flashContainer.remove();
}, 3000);
})
.catch(error => {
console.error('Error:', error);
});
});
</script> </body> </html>