🇫🇷 Français FR 🇪🇸 Sprunki in Backrooms Christmas Skibidi Terrors - Incredibox - Mild As Spring <span class="hidden md:inline">Español</span><span class="md:hidden">ES</span></a><a href="/game/sprunki-backroom-terrors-skibidi-toilet?lang=ko" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇰🇷</span><span class="hidden md:inline">한국어</span><span class="md:hidden">KR</span></a><a href="/game/sprunki-backroom-terrors-skibidi-toilet?lang=pt" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇵🇹</span><span class="hidden md:inline">Português</span><span class="md:hidden">PT</span></a><a href="/game/sprunki-backroom-terrors-skibidi-toilet?lang=en" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇺🇸</span><span class="hidden md:inline">English</span><span class="md:hidden">EN</span></a><a href="/game/sprunki-backroom-terrors-skibidi-toilet?lang=ar" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇸🇦</span><span class="hidden md:inline">العربية</span><span class="md:hidden">AR</span></a><a href="/game/sprunki-backroom-terrors-skibidi-toilet?lang=zh_tw" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇹🇼</span><span class="hidden md:inline">繁體中文</span><span class="md:hidden">TW</span></a><a href="/game/sprunki-backroom-terrors-skibidi-toilet?lang=ja" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇯🇵</span><span class="hidden md:inline">日本語</span><span class="md:hidden">JP</span></a><a href="/game/sprunki-backroom-terrors-skibidi-toilet?lang=de" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇩🇪</span><span class="hidden md:inline">Deutsch</span><span class="md:hidden">DE</span></a><a href="/game/sprunki-backroom-terrors-skibidi-toilet?lang=zh_cn" class="block px-4 py-2 text-sm text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] transition-colors" role="menuitem"><span class="flag mr-2">🇨🇳</span><span class="hidden md:inline">简体中文</span><span class="md:hidden">CN</span></a></div></div><div class="lg:hidden"><button id="mobile-menu-button" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] focus:outline-none focus:ring-2 focus:ring-[#FFD700] transition-colors" aria-controls="mobile-menu" aria-expanded="false"><span class="sr-only">Open main menu</span><svg class="block h-6 w-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></div></div></div><div id="mobile-menu" class="hidden fixed inset-x-0 top-16 bg-[#2A2A2A] shadow-lg transform transition-transform duration-300 ease-in-out lg:hidden"><div class="px-2 pt-2 pb-3 space-y-1"><a href="/game/" class="block w-full px-3 py-2 text-base font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Home</a><a href="/faqs" class="block w-full px-3 py-2 text-base font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> FAQs</a><a href="/blog" class="block w-full px-3 py-2 text-base font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Blog</a><a href="/tag/sprunki" class="block w-full px-3 py-2 text-base font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Sprunki</a><a href="/tag/best%20games" class="block w-full px-3 py-2 text-base font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Best Games</a><a href="/tag/horror" class="block w-full px-3 py-2 text-base font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Horror</a><a href="/tag/jigsaw" class="block w-full px-3 py-2 text-base font-medium text-[#B8B8B8] hover:text-[#FFD700] hover:bg-[#3A3A3A] rounded-md whitespace-nowrap"> Jigsaw</a></div></div></div></nav><div class="space-y-16 bg-[#1A1B4B]"><div class="relative w-full max-w-6xl mx-auto"><div class="relative w-full rounded-lg overflow-hidden"><div id="loading-overlay" class="absolute inset-0 z-20 flex items-center justify-center bg-black/80 rounded-lg hidden"><div class="text-center"><div class="inline-block animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-[#FF69B4] mb-4"></div><p class="text-white text-lg font-medium"> Loading...</p></div></div><iframe id="game-frame" class="w-full min-w-[320px] h-[400px] sm:h-[500px] rounded-lg shadow-[0_0_15px_rgba(255,105,180,0.3)]" width="800" height="700" data-game-url="https://html5.gamemonetize.com/59226sntevx96lz5odxzb8ged6isk8pn/" title="Sprunki Backroom Terrors Skibidi Toilet" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe><div id="start-game-container" class="absolute inset-0 z-10 flex items-center justify-center bg-black/80"><button id="start-game-button" class="px-8 py-4 bg-[#4B0082] hover:bg-[#4B0082]/80 text-white rounded-lg transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl backdrop-blur-sm"><span class="text-xl font-bold">Start Game</span></button></div></div><div class="w-full text-white text-center text-base mt-4 flex justify-center flex-wrap"><button onclick="ShareManager.shareSocial('facebook')" class="col p-2 flex items-center justify-center bg-[#4B0082] hover:bg-[#4B0082]/80 w-1/6 text-sm lg:text-base rounded-none" aria-label="facebook"><svg class="h-4 w-4 fill-white lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg><span class="hidden lg:inline-block">Facebook</span></button><button onclick="ShareManager.shareSocial('twitter')" class="col p-2 flex items-center justify-center bg-[#111111ee] hover:opacity-90 w-1/6 text-sm lg:text-base" aria-label="twitter"><svg class="h-4 w-4 lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30 30"><path fill="white" d="M22.1885 3.75H26.0219L17.6469 13.3229L27.5 26.3469H19.7854L13.7437 18.4469L6.82917 26.3469H2.99375L11.9521 16.1073L2.5 3.75104H10.4104L15.8719 10.9719L22.1885 3.75ZM20.8438 24.0531H22.9677L9.25625 5.92396H6.97708L20.8438 24.0531Z"></path></svg><span class="hidden lg:inline-block">Twitter</span></button><button onclick="ShareManager.shareSocial('linkedin')" class="col p-2 flex items-center justify-center bg-[#0d77b7] hover:opacity-90 w-1/6 text-sm lg:text-base" aria-label="linkedin"><svg class="h-4 w-4 lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="white" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg><span class="hidden lg:inline-block">LinkedIn</span></button><a onclick="ShareManager.shareSocial('email')" class="col p-2 flex items-center justify-center bg-[#5f5180] hover:opacity-90 w-1/6 text-sm lg:text-base cursor-pointer" aria-label="email"><svg class="h-4 w-4 lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="white" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg><span class="hidden lg:inline-block">E-mail</span></a><button onclick="ShareManager.shareSocial('whatsapp')" class="col p-2 flex items-center justify-center bg-[#58be55] hover:opacity-90 w-1/6 text-sm lg:text-base" aria-label="whatsapp"><svg class="h-4 w-4 lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path fill="white" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg><span class="hidden lg:inline-block">WhatsApp</span></button><button onclick="ShareManager.shareSocial('reddit')" class="col p-2 flex items-center justify-center bg-[#e05a31] hover:opacity-90 w-1/6 text-sm lg:text-base" aria-label="reddit"><svg class="h-4 w-4 lg:mr-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="white" d="M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 21.6 0 39.2-17.6 39.2-39.2s-17.6-39.2-39.2-39.2c-15.4 0-28.7 9.3-34.7 22.5l-96.4-21.6c-5.9-1.3-11.9 2.2-13.9 8.1L251 154.7c-54.5.9-103.7 16.9-140.2 42.2-9.7-9.6-22.8-15.7-37.5-15.7-18.1 0-34.3 9.2-43.9 23.2-13.7 20.1-11.9 48.2 4.3 66.3-1.1 5.5-1.7 11.2-1.7 16.9 0 86.2 96.8 156.1 216.3 156.1s216.3-70 216.3-156.1c0-5.7-.6-11.4-1.7-16.9 16.3-18 18.1-46.2 4.3-66.3v-.1c-9.6-14-25.8-23.1-43.9-23.1zm-79.7 249.9c-25.9 8.3-52.2 12.6-79 12.6-26.7 0-53-4.3-78.8-12.6-16.7-5.3-32.8-12.2-47.7-20.6-22.2-12.4-42.1-28.7-58.3-47.3-8.1-9.3-15.2-19.3-21.1-29.8-5.9-10.5-10.5-21.5-13.9-32.8-3.4-11.3-5.1-23-5.1-34.8 0-11.8 1.7-23.5 5.1-34.8 3.4-11.3 8-22.3 13.9-32.8 5.9-10.5 13-20.5 21.1-29.8 16.2-18.6 36.1-34.9 58.3-47.3 14.9-8.4 31-15.3 47.7-20.6 25.8-8.3 52.1-12.6 78.8-12.6 26.9 0 53.2 4.3 79 12.6 16.7 5.3 32.8 12.2 47.7 20.6 22.2 12.4 42.1 28.7 58.3 47.3 8.1 9.3 15.2 19.3 21.1 29.8 5.9 10.5 10.5 21.5 13.9 32.8 3.4 11.3 5.1 23 5.1 34.8 0 11.8-1.7 23.5-5.1 34.8-3.4 11.3-8 22.3-13.9 32.8-5.9 10.5-13 20.5-21.1 29.8-16.2 18.6-36.1 34.9-58.3 47.3-14.9 8.4-31 15.3-47.7 20.6z"></path></svg><span class="hidden lg:inline-block">Reddit</span></button><button id="fullscreen-button" class="col p-2 flex items-center justify-center bg-[#4B0082] hover:bg-[#4B0082]/80 w-1/6 text-sm lg:text-base" aria-label="Enter fullscreen mode"><svg class="h-4 w-4 lg:mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"/></svg><span class="hidden lg:inline-block">Fullscreen</span></button><button onclick="document.querySelector('#comments-container').scrollIntoView({ behavior: 'smooth' })" class="col p-2 flex items-center justify-center bg-[#4B0082] hover:bg-[#4B0082]/80 w-1/6 text-sm lg:text-base" aria-label="Go to comments section"><svg class="h-4 w-4 lg:mr-2 stroke-current" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"/></svg><span class="hidden lg:inline-block">Comments</span></button></div><div class="w-full text-white mt-8 bg-black/40 backdrop-blur-sm rounded-lg shadow-[0_0_20px_rgba(255,105,180,0.2)] p-4 sm:p-6"><h1 class="text-2xl font-bold mb-6 text-[#FF69B4] flex items-center justify-center"><svg class="w-6 h-6 mr-2" 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> Sprunki Backroom Terrors Skibidi Toilet Information</h1><div class="w-full rounded-lg overflow-hidden shadow-lg mb-6"><div id="gamemonetize-video" class="aspect-video"></div><script type="text/javascript">
window.VIDEO_OPTIONS = {
gameid: "59226sntevx96lz5odxzb8ged6isk8pn",
width: "100%",
height: "100%",
color: "#3f007e"
};
(function(a,b,c){
var d=a.getElementsByTagName(b)[0];
a.getElementById(c)||(a=a.createElement(b),a.id=c,a.src="https://api.gamemonetize.com/video.js?v="+Date.now(),d.parentNode.insertBefore(a,d))
})(document,"script","gamemonetize-video-api");
</script></div><div class="grid grid-cols-1 md:grid-cols-3 gap-6"><div class="md:col-span-1"><img src="/static/images/sprunki-backroom-terrors-skibidi-toilet.webp" alt="Sprunki Backroom Terrors Skibidi Toilet thumbnail" class="w-full rounded-lg shadow-lg border-2 border-[#FF69B4]/20"></div><div class="md:col-span-2 space-y-6"><div class="flex items-center space-x-2"><svg class="w-6 h-6 text-[#FF69B4] flex-shrink-0" 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><div><h3 class="text-lg font-semibold text-[#FF69B4]"> Category</h3><p class="text-gray-300">Sprunki</p></div></div><div class="flex items-center space-x-2"><svg class="w-6 h-6 text-[#FF69B4] flex-shrink-0" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg><div><h3 class="text-lg font-semibold text-[#FF69B4]">Status</h3><p class="text-gray-300"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800"> Active</span></p></div></div><div class="space-y-3"><h3 class="text-lg font-semibold text-[#FF69B4] flex items-center"><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="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> Tags</h3><div class="flex flex-wrap gap-2"><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/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/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></div></div><div class="space-y-3"><h3 class="text-lg font-semibold text-[#FF69B4] flex items-center"><svg class="w-6 h-6 mr-2" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg> Description</h3><div class="relative"><div id="description-content" class="text-gray-300 leading-relaxed overflow-hidden transition-[max-height] duration-500 ease-in-out" style="max-height:100px"><p><a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/"> Sprunki</a> Backroom Terrors<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/skibidi toilet"> Skibidi Toilet</a> is an exhilarating<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/action"> action</a><a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/horror">horror</a> game that promises to keep players on the edge of their seats. In this immersive experience, players will find themselves trapped in a dark, eerie backroom filled with unexpected terrors. The primary objective is simple: run, dodge, and grab the scattered coins while escaping the horrifying presence of the Skibidi Toilet. This unique antagonist will chase players through a maze of unsettling environments, creating an atmosphere of tension and thrill.</p><p>The gameplay combines elements of<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/survival"> survival</a> and urgency, as players navigate through dimly lit corridors and bizarre settings reminiscent of liminal spaces. These backrooms are not only visually engaging but also echo a sense of unease, enhancing the overall terror. Each room presents different challenges and uncertainties, making it crucial for players to stay alert and act quickly.<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/collecting"> Collecting</a> coins not only boosts your score but also helps unlock new<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/levels"> levels</a> and characters, adding depth to the gameplay.</p><p>As you play, you'll encounter various items and traps that can either aid or impede your progress. The experience is amplified by the surprisingly catchy soundtrack, which blends seamlessly with the game's quirky yet terrifying theme. For those who enjoy thrills and chills, Sprunki Backroom Terrors Skibidi Toilet offers a unique spin on the horror genre. If you’re intrigued, you can try out a festive version of this game by clicking on Sprunki in Backrooms<a class="text-[#FF69B4] hover:text-[#FF69B4]/80" href="/tag/christmas"> Christmas</a> Skibidi Terrors.</p><p>This game belongs to a popular category of horror games that utilize suspense and strategic gameplay to deliver a captivating experience. For further exploration of spine-chilling adventures, don’t forget to visit the Horror Games section on our website!</p><h3>How to play free Sprunki Backroom Terrors Skibidi Toilet game online</h3><p>To play Sprunki Backroom Terrors Skibidi Toilet, use the arrow keys or WASD to navigate through the rooms. Your primary task is to collect coins while avoiding the Skibidi Toilet. Watch out for traps and obstacles that may appear unexpectedly. Keep moving to survive and explore different backroom layouts to progress further!</p></div><div id="description-fade" class="absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-black/40 to-transparent pointer-events-none"></div><button id="description-toggle" class="mt-2 px-4 py-1 text-sm text-[#FF69B4] hover:text-white
bg-[#4B0082]/30 hover:bg-[#4B0082]/60
rounded-full 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)]"> Show More</button></div></div></div></div></div><div class="mt-8 bg-black/40 backdrop-blur-sm rounded-lg shadow-[0_0_20px_rgba(255,105,180,0.2)] p-4 sm:p-6"><h2 class="text-2xl font-bold mb-6 text-[#FF69B4] flex items-center justify-center"><svg class="w-6 h-6 mr-2" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z"/></svg> Related Games</h2><div class="grid grid-cols-3 md:grid-cols-6 lg:grid-cols-8 gap-2 sm:gap-3 md:gap-4"><a href="/game/sprunki-jigsaw-puzzlie" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-jisgsaw-puzzle.webp" alt="Sprunki Jigsaw Puzzle" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Jigsaw Puzzle</h3></div></a><a href="/game/sprunked" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunked.webp" alt="Sprunked" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunked</h3></div></a><a href="/game/sprunki-cool-as-ice" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-cool-as-ice.webp" alt="Sprunki Cool as Ice" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Cool as Ice</h3></div></a><a href="/game/sprunki-infected" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/Sprunki Mustard.webp" alt="Sprunki Infected" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Infected</h3></div></a><a href="/game/space-survivor" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="https://img.gamemonetize.com/cvf6jzm7qpn2z2jt5yoct9ejttirza12/512x384.jpg" alt="Space Survivor" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Space Survivor</h3></div></a><a href="/game/spruted" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/spruted.webp" alt="Spruted" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Spruted</h3></div></a><a href="/game/sprunki-phase-3" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-phase-3.webp" alt="Sprunki Phase 3" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Phase 3</h3></div></a><a href="/game/sprunki-bubble-pop" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="https://img.gamemonetize.com/4ffxennbgf8psg1sermfk67g3ydqhq0r/512x384.jpg" alt="Sprunki Bubble Pop" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Bubble Pop</h3></div></a><a href="/game/friday-night-sprunki" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/friday-night-sprunki.webp" alt="Friday Night Sprunki" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Friday Night Sprunki</h3></div></a><a href="/game/sprunki-epic-mystery" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-epic-mystery.webp" alt="Sprunki Epic Mystery" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Epic Mystery</h3></div></a><a href="/game/sprunki-incredibox-differences" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-incredibox-differences.webp" alt="Sprunki Incredibox Differences" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Incredibox Differences</h3></div></a><a href="/game/sprunki-gangster-mafia" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-gangster-mafia.webp" alt="Sprunki Gangster Mafia" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Gangster Mafia</h3></div></a><a href="/game/sprunki-drop" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-drop.webp" alt="Sprunki Drop" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Drop</h3></div></a><a href="/game/sprunki-popit" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-popit.webp" alt="Sprunki PopIt" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki PopIt</h3></div></a><a href="/game/sprunki-in-backrooms-christmas-skibidi-terrors" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-in-backrooms-christmas-skibidi-terrors.webp" alt="Sprunki in Backrooms Christmas Skibidi Terrors" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki in Backrooms Christmas Skibidi Terrors</h3></div></a><a href="/game/hunt-sprunki" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/hunt-sprunki.webp" alt="Hunt Sprunki" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Hunt Sprunki</h3></div></a><a href="/game/sprunki-bullet-blender" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-bullet-blender.webp" alt="Sprunki Bullet Blender" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Bullet Blender</h3></div></a><a href="/game/sprunki-drift-multiplayer" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-drift-multiplayer.webp" alt="Sprunki Drift Multiplayer" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Drift Multiplayer</h3></div></a><a href="/game/sprunki-memory-card-match" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-memory-card-match.webp" alt="Sprunki Memory Card Match" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Memory Card Match</h3></div></a><a href="/game/sprunki-jigsaw" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-jigsaw.webp" alt="Sprunki Jigsaw" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Jigsaw</h3></div></a><a href="/game/sprunki-master" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-master.webp" alt="Sprunki Master" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Master</h3></div></a><a href="/game/bts-sprunki-coloring-book" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/bts-sprunki-coloring-book.webp" alt="BTS Sprunki Coloring Book" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> BTS Sprunki Coloring Book</h3></div></a><a href="/game/sprunki-project-sound" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-project-sound.webp" alt="Sprunki Project Sound" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Project Sound</h3></div></a><a href="/game/flappy-sprunki-endless-flying" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/flappy-sprunki-endless-flying.webp" alt="Flappy Sprunki Endless Flying" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Flappy Sprunki Endless Flying</h3></div></a><a href="/game/sprunki-baby-phase-3" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-baby-phase-3.webp" alt="Sprunki baby PHASE 3" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki baby PHASE 3</h3></div></a><a href="/game/sprunki-jigsaw-puzzle-for-kids" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-jigsaw-puzzle-for-kids.webp" alt="Sprunki Jigsaw Puzzle for Kids" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Jigsaw Puzzle for Kids</h3></div></a><a href="/game/sprunki-spot-the-5-differences" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-spot-the-5-differences.webp" alt="Sprunki Spot the 5 Differences" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Spot the 5 Differences</h3></div></a><a href="/game/squid-game-sprunki-fnf-battle" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/squid-game-sprunki-fnf-battle.webp" alt="Squid Game Sprunki FNF Battle" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Squid Game Sprunki FNF Battle</h3></div></a><a href="/game/sprunki-find-the-differences" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-find-the-differences.webp" alt="Sprunki Find The Differences" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Find The Differences</h3></div></a><a href="/game/sprunki-music-scary-beat-box" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-music-scary-beat-box.webp" alt="Sprunki Music Scary Beat Box" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Music Scary Beat Box</h3></div></a><a href="/game/sprunki-theft-auto-2025" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-theft-auto-2025.webp" alt="Sprunki Theft Auto 2025" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Theft Auto 2025</h3></div></a><a href="/game/sprunki-island-survival-shooting" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-island-survival-shooting.webp" alt="Sprunki Island Survival Shooting" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Island Survival Shooting</h3></div></a><a href="/game/sprunki-3d-shooter" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-3d-shooter.webp" alt="Sprunki 3D Shooter" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki 3D Shooter</h3></div></a><a href="/game/sprunki-stunt-driving-simulator" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-stunt-driving-simulator.webp" alt="Sprunki Stunt Driving Simulator" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Stunt Driving Simulator</h3></div></a><a href="/game/squid-game-x-sprunki-anomaly" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/squid-game-x-sprunki-anomaly.webp" alt="Squid Game X Sprunki Anomaly" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Squid Game X Sprunki Anomaly</h3></div></a><a href="/game/sprunki-retake-final-v4" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-retake-final-v4.webp" alt="Sprunki Retake FINAL v4" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Retake FINAL v4</h3></div></a><a href="/game/sprunki-draw-save-incredibox" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-draw-save-incredibox.webp" alt="Sprunki Draw Save Incredibox" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Draw Save Incredibox</h3></div></a><a href="/game/squid-sprunki-game-2" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/squid-sprunki-game-2.webp" alt="Squid Sprunki Game 2" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Squid Sprunki Game 2</h3></div></a><a href="/game/incredibox-party-frozen-sprunki-beat" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/incredibox-party-frozen-sprunki-beat.webp" alt="Incredibox Party Frozen Sprunki Beat" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Incredibox Party Frozen Sprunki Beat</h3></div></a><a href="/game/sprunki-escape-3d" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-escape-3d.webp" alt="SPRUNKI ESCAPE 3D" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> SPRUNKI ESCAPE 3D</h3></div></a><a href="/game/sprunki-murdered-incredibox" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-murdered-incredibox.webp" alt="Sprunki Murdered Incredibox" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Murdered Incredibox</h3></div></a><a href="/game/sprunki-incredibox" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-incredibox.webp" alt="Sprunki Incredibox" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Incredibox</h3></div></a><a href="/game/one-bullet-to-sprunki" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/one-bullet-to-sprunki.webp" alt="One Bullet To Sprunki" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> One Bullet To Sprunki</h3></div></a><a href="/game/sprunki-incredibox-only-up" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-incredibox-only-up.webp" alt="Sprunki Incredibox Only Up" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Incredibox Only Up</h3></div></a><a href="/game/sprunki-x-granny-incredibox" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-x-granny-incredibox.webp" alt="Sprunki X Granny Incredibox" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki X Granny Incredibox</h3></div></a><a href="/game/squid-sprunki-shooter-game-2" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/squid-sprunki-shooter-game-2.webp" alt="Squid Sprunki Shooter Game 2" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Squid Sprunki Shooter Game 2</h3></div></a><a href="/game/sprunki-jigsaw-puzzle" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-jigsaw-puzzle.webp" alt="Sprunki Jigsaw Puzzle" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Jigsaw Puzzle</h3></div></a><a href="/game/sprunki-jump-challenge" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-jump-challenge.webp" alt="Sprunki Jump Challenge" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Jump Challenge</h3></div></a><a href="/game/sprunki-rage-stickman-incredibox" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-rage-stickman-incredibox.webp" alt="Sprunki Rage Stickman Incredibox" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Rage Stickman Incredibox</h3></div></a><a href="/game/squid-sprunki-slither-game-2" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/squid-sprunki-slither-game-2.webp" alt="Squid Sprunki Slither Game 2" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Squid Sprunki Slither Game 2</h3></div></a><a href="/game/blast-sprunki" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/blast-sprunki.webp" alt="Blast Sprunki" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Blast Sprunki</h3></div></a><a href="/game/retro-sprunki" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/retro-sprunki.webp" alt="Retro Sprunki" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Retro Sprunki</h3></div></a><a href="/game/sprunki-clicker-game" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-clicker-game.webp" alt="Sprunki Clicker Game" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Clicker Game</h3></div></a><a href="/game/sprunki-clicker-master" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-clicker-master.webp" alt="Sprunki Clicker Master" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Clicker Master</h3></div></a><a href="/game/squid-sprunki-tap-game-2" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/squid-sprunki-tap-game-2.webp" alt="Squid Sprunki Tap Game 2" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Squid Sprunki Tap Game 2</h3></div></a><a href="/game/squid-sprunki-dance-game" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/squid-sprunki-dance-game.webp" alt="Squid Sprunki Dance Game" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Squid Sprunki Dance Game</h3></div></a><a href="/game/sprunki-escape-incredibox-2025" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-escape-incredibox-2025.webp" alt="Sprunki Escape Incredibox 2025" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Escape Incredibox 2025</h3></div></a><a href="/game/sprunki-incredibox-memory" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-incredibox-memory.webp" alt="Sprunki Incredibox Memory" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Incredibox Memory</h3></div></a><a href="/game/sprunki-coloring-book" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-coloring-book.webp" alt="Sprunki Coloring Book" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Coloring Book</h3></div></a><a href="/game/sprunki-solve-and-play" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-solve-and-play.webp" alt="Sprunki Solve and Play" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Solve and Play</h3></div></a><a href="/game/sprunki-puzzles" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-puzzles.webp" alt="Sprunki Puzzles" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Puzzles</h3></div></a><a href="/game/sprunki-whack-a-mole" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-whack-a-mole.webp" alt="Sprunki Whack A Mole" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Whack A Mole</h3></div></a><a href="/game/sprunki-bubble-pop" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="https://img.gamemonetize.com/4ffxennbgf8psg1sermfk67g3ydqhq0r/512x384.jpg" alt="Sprunki Bubble Pop" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Bubble Pop</h3></div></a><a href="/game/sprunki-find-the-differences" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="https://img.gamemonetize.com/ksppsx3qn2ihdlu6kpzz6l53hiwj4tsl/512x384.jpg" alt="Sprunki Find The Differences" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Find The Differences</h3></div></a><a href="/game/sprunki-in-backrooms-christmas-skibidi-terrors" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="https://img.gamemonetize.com/fnp0ngnsuu5x0bh4lnve42hwx4vc3wcm/512x384.jpg" alt="Sprunki in Backrooms Christmas Skibidi Terrors" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki in Backrooms Christmas Skibidi Terrors</h3></div></a><a href="/game/sprunki-clicker-master" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="https://img.gamemonetize.com/eagni5lugkqfhn023fg4mrvcog50tl06/512x384.jpg" alt="Sprunki Clicker Master" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Clicker Master</h3></div></a><a href="/game/sprunki-puzzles" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="https://img.gamemonetize.com/1dws9womnudxsiqkh056yumex38z3x3v/512x384.jpg" alt="Sprunki Puzzles" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Puzzles</h3></div></a><a href="/game/sprunki-coloring-books" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-coloring-books.webp" alt="Sprunki Coloring Books" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Coloring Books</h3></div></a><a href="/game/sprunki-incredibox-memory" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/squid-sprunki-mingle-game-2.webp" alt="Sprunki Incredibox Memory" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Incredibox Memory</h3></div></a><a href="/game/sprunki-backroom-terrors-skibidi-toilet" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-backroom-terrors-skibidi-toilet.webp" alt="Sprunki Backroom Terrors Skibidi Toilet" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Backroom Terrors Skibidi Toilet</h3></div></a><a href="/game/sprunki-spot-indredibox" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-spot-indredibox.webp" alt="sprunki spot indredibox" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> sprunki spot indredibox</h3></div></a><a href="/game/sprunki-castle-panic-skibidi-toilet" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-castle-panic-skibidi-toilet.webp" alt="Sprunki Castle Panic Skibidi Toilet" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Castle Panic Skibidi Toilet</h3></div></a><a href="/game/sprunki-pop-it" class="group relative aspect-square bg-[#1A1B4B]/30 rounded-lg overflow-hidden transform transition-all duration-300 hover:scale-105 hover:shadow-[0_0_20px_rgba(255,105,180,0.3)]"><img src="/static/images/sprunki-pop-it.webp" alt="Sprunki Pop It" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"><div class="absolute inset-0 bg-gradient-to-t from-[#1A1B4B]/90 via-[#1A1B4B]/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 sm:p-3"><h3 class="text-xs sm:text-sm font-bold text-[#FF69B4] mb-1 sm:mb-2 line-clamp-2"> Sprunki Pop It</h3></div></a></div></div></div></div><script>
document.addEventListener('DOMContentLoaded', function() {
// Debug log
console.log('Game page initialized');
const gameFrame = document.getElementById('game-frame');
if (gameFrame) {
// Ensure no src is set initially
gameFrame.removeAttribute('src');
console.log('Game URL:', gameFrame.dataset.gameUrl);
}
});
</script><script>
document.addEventListener('DOMContentLoaded', function() {
const content = document.getElementById('description-content');
const fade = document.getElementById('description-fade');
const toggle = document.getElementById('description-toggle');
// Get the full height of the content
const originalHeight = content.scrollHeight;
// Only show toggle if content is taller than max-height
if (originalHeight <= 100) {
toggle.style.display = 'none';
fade.style.display = 'none';
}
toggle.addEventListener('click', function() {
if (content.style.maxHeight === '100px') {
// Expand
content.style.maxHeight = originalHeight + 'px';
fade.style.display = 'none';
toggle.textContent = 'Show Less';
} else {
// Collapse
content.style.maxHeight = '100px';
fade.style.display = 'block';
toggle.textContent = 'Show More';
}
});
});
</script><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="Luckydrawonline" 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"> Luckydrawonline</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"> Incredibox - Mild As Spring</p></div></a><a href="https://www.mrmine.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.mrmine.org/static/images/logo.png" alt="Mr-Mine" 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"> Mr-Mine</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Mr-Mine</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="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"> Space Survivor</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> 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 3" 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 3</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Sprunki Phase 3</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 Gameplay" 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 Gameplay</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Sprunki Gameplay</p></div></a><a href="https://www.hoopstars.online/" 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.hoopstars.online/static/images/logo.png" alt="Hoop Stars" 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"> Hoop Stars</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Hoop Stars</p></div></a><a href="https://www.goblinlauncher.online/" 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.goblinlauncher.online/static/images/logo.png" alt="Goblin Launcher" 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"> Goblin Launcher</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Goblin Launcher</p></div></a><a href="https://www.doeoriki.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.doeoriki.org/game_screenshot.webp" alt="Doeoriki" 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"> Doeoriki</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Doeoriki</p></div></a><a href="https://www.shootz.online/" 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="/static/images/shootz.webp" alt="Shootz" 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"> Shootz</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Shootz</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.mymonkeygame.online/" 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.mymonkeygame.online/static/images/logo.png" alt="My Monkey 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"> My Monkey Game</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> My Monkey Game</p></div></a><a href="https://www.beatdancer.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.beatdancer.org/static/images/cover.webp" alt="Beat Dancer" 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"> Beat Dancer</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Beat Dancer</p></div></a><a href="https://www.alienkiller.online/" 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.alienkiller.online/static/images/logo.png" alt="Alien Killer" 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"> Alien Killer</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Alien Killer</p></div></a><a href="https://www.tall-man-run.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.tall-man-run.org/static/images/logo.png" alt="Tall Man 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"> Tall Man Run</h3><p class="text-xs text-gray-300 mt-1 line-clamp-2"> Tall Man Run</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="IjczMjk3OWUyN2ZmMjIxMDNkOTA0MTE0ODAzOTEzNDU2NzlkNzU4MjUi.Z5FPCQ.J4SZmve8ot7Vyh-BVB8qmLDc5Ds"><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: /game/sprunki-backroom-terrors-skibidi-toilet</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]"> Incredibox - Mild As Spring</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]"> yigamecms@gmail.com</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="/fr/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Français</a></li><li><a href="/es/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Español</a></li><li><a href="/ko/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> 한국어</a></li><li><a href="/pt/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Português</a></li><li><a href="/en/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> English</a></li><li><a href="/ar/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> العربية</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><li><a href="/de/" class="text-sm text-[#B8B8B8] hover:text-[#FFD700] transition-colors"> Deutsch</a></li><li><a href="/zh_cn/" 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 Incredibox - Mild As Spring. 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>