1<!DOCTYPE html><html lang="en" class="scrollbar-hide lenis lenis-smooth scroll-pt-16 dark" style="background-color: #0c0d0d !important;" data-astro-cid-ouamjn2i><head>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"New Games Collection","description":"Play the newest free online games.","itemListElement":[{"@type":"VideoGame","position":1,"name":"Sprunki Retake"},{"@type":"VideoGame","position":2,"name":"Sprunki Remastered"},{"@type":"VideoGame","position":3,"name":"Incredibox Mustard"}]}</script>
1<meta charset="utf-8"><meta content="Play the newest free online games! Fresh Sprunki mods, remasters, and music creation titles â updated regularly, no download required." name="description"><meta name="web_author" content="Sprunki"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5,minimum-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="canonical" href="https://www.sprunki.fan/category/new-games"><link rel="alternate" hreflang="en" href="https://www.sprunki.fan/category/new-games"> 2<link rel="alternate" hreflang="es" href="https://www.sprunki.fan/es/category/new-games"> 3<link rel="alternate" hreflang="fr" href="https://www.sprunki.fan/fr/category/new-games"> 4<link rel="alternate" hreflang="pt" href="https://www.sprunki.fan/pt/category/new-games"> 5<link rel="alternate" hreflang="zh" href="https://www.sprunki.fan/zh/category/new-games"> 6<link rel="alternate" hreflang="tw" href="https://www.sprunki.fan/tw/category/new-games"> 7<link rel="alternate" hreflang="de" href="https://www.sprunki.fan/de/category/new-games"> 8<link rel="alternate" hreflang="jp" href="https://www.sprunki.fan/jp/category/new-games"> 9<link rel="alternate" hreflang="ko" href="https://www.sprunki.fan/ko/category/New%20Games"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://www.sprunki.fan/category/new-games"><meta property="og:type" content="website"><meta property="og:title" content="New Games - Latest Free Online Games"><meta property="og:site_name" content="Sprunki Games"><meta property="og:description" content="Play the newest free online games! Fresh Sprunki mods, remasters, and music creation titles."><meta property="og:image" content="https://www.sprunki.fan/images/games/sprunki-retake-banner.webp"><meta content="1200" property="og:image:width"><meta content="600" property="og:image:height"><meta content="image/png" property="og:image:type"><meta name="twitter:card" content="summary_large_image"><meta property="twitter:domain" content="https://www.sprunki.fan/"><meta property="twitter:url" content="https://www.sprunki.fan/category/new-games"><meta name="twitter:title" content="New Games - Latest Free Online Games"><meta name="twitter:description" content="Play the newest free online games! Fresh Sprunki mods, remasters, and music creation titles."><meta name="twitter:image" content="https://www.sprunki.fan/images/games/sprunki-retake-banner.webp"><link rel="manifest" href="/manifest.json"><link rel="sitemap" href="/sitemap.xml"><link href="/images/favicon.ico" rel="icon" sizes="any" type="image/x-icon"><link href="/images/favicon.svg" rel="icon" type="image/svg+xml" sizes="any"><link href="/images/favicon-48x48.png" rel="icon" type="image/png" sizes="48x48"><meta name="mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="Sprunki"><link href="/images/apple-touch-icon.png" rel="apple-touch-icon"><link href="/images/apple-touch-icon.png" rel="shortcut icon"><meta name="theme-color" content="#facc15"><title>New Games - Latest Free Online Games</title>
9<script>document.documentElement.classList.add("dark"),localStorage.setItem("hs_theme","dark")</script>
9<script type="module" src="/_astro/MainLayout.astro_astro_type_script_index_0_lang.Dq_B3VHB.js"></script>
9<script type="text/javascript">!function(){var t,e,n,a,c,r,s;t=window,e=document,a="script",c="qdpaj2035h",t[n="clarity"]=t[n]||function(){(t[n].q=t[n].q||[]).push(arguments)},(r=e.createElement(a)).async=1,r.src="https://www.clarity.ms/tag/"+c,(s=e.getElementsByTagName(a)[0]).parentNode.insertBefore(r,s)}()</script>
9<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8775072105758160" crossorigin="anonymous"></script>
9<style>html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete} 10</style> 11<link rel="stylesheet" href="/_astro/_slug_.DtHdPxkv.css">
11<script type="module" src="/_astro/page.ClNYakxG.js"></script>
11</head><body class="text-white selection:bg-yellow-400 selection:text-neutral-700 flex flex-col min-h-screen bg-[var(--site-bg)] homepage" style="background-color: #0c0d0d !important; color: #ffffff !important;" data-astro-cid-ouamjn2i><div class="w-full flex-grow flex flex-col" data-astro-cid-ouamjn2i><header class="navbar-cookie-style sticky top-0 z-50 w-full bg-[var(--site-bg)]" aria-label="Main navigation"><div class="mx-auto flex h-14 min-[640px]:h-16 items-center justify-between gap-4 w-full max-w-[1280px] px-4 min-[640px]:px-6 lg:px-8 xl:px-0"><div class="flex min-w-0 flex-1 items-center justify-start gap-2 sm:gap-4"><a href="/" class="flex flex-shrink-0 items-center gap-2" aria-label="Home"><img src="/images/logo.png" alt="Sprunki Games" width="140" height="68" class="h-[68px] w-[140px] object-contain"> </a><button type="button" id="navbar-menu-toggle" class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg text-[var(--site-text-muted)] hover:bg-white/10 hover:text-white transition-colors xl:hidden" aria-label="Menu Open" aria-expanded="false" aria-controls="navbar-menu-panel" data-menu-open="Menu Open" data-menu-close="Menu Close"><svg id="navbar-icon-open" class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg> <svg id="navbar-icon-close" class="h-6 w-6 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div><nav class="hidden xl:flex xl:flex-1 xl:items-center xl:gap-1 xl:pl-8" aria-label="Primary"><a href="/" class="rounded-lg px-3 py-2 text-sm font-medium text-[#E5E7EB] hover:bg-white/10 hover:text-white transition-colors whitespace-nowrap">Sprunki Games </a><a href="/category/sprunki-phase" class="rounded-lg px-3 py-2 text-sm font-medium text-[#E5E7EB] hover:bg-white/10 hover:text-white transition-colors whitespace-nowrap">Sprunki Phase </a><a href="/category/new-games" class="rounded-lg px-3 py-2 text-sm font-medium text-[#E5E7EB] hover:bg-white/10 hover:text-white transition-colors whitespace-nowrap">New Games</a></nav><div class="flex flex-shrink-0 items-center"><div class="flex h-10 w-10 items-center justify-center min-[640px]:h-11 min-[640px]:w-11"><button type="button" class="flex items-center justify-center text-[#9CA3AF] hover:text-white transition-all hover:bg-white/5 w-full h-full" aria-label="Search" id="search-button"><svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.35-4.35"></path></svg></button>
11<script type="module">!function(){function e(e){if(e.preventDefault(),e.stopPropagation(),window.openSearchSidebar)window.openSearchSidebar();else{const e=document.getElementById("search-sidebar"),t=document.getElementById("search-overlay");e&&(e.style.transform="translateX(0)",e.style.display="block",document.body.style.overflow="hidden",t&&(t.style.opacity="1",t.style.pointerEvents="auto"),setTimeout((()=>{const e=document.getElementById("search-input");e&&e.focus()}),100))}}const t=document.getElementById("search-button");t?t.addEventListener("click",e):document.addEventListener("DOMContentLoaded",(()=>{const t=document.getElementById("search-button");t&&t.addEventListener("click",e)}))}()</script>
11</div></div></div><div id="navbar-menu-panel" class="hidden border-t border-[var(--site-border)] bg-[var(--site-bg)] xl:hidden" aria-hidden="true"><nav class="mx-auto flex flex-col py-4 gap-1 w-full max-w-[1280px] px-4 min-[640px]:px-6 lg:px-8 xl:px-0" aria-label="Mobile menu"><a href="/" class="navbar-mobile-link rounded-lg px-4 py-3 text-base text-[#E5E7EB] hover:bg-white/10 hover:text-white transition-colors">Sprunki Games </a><a href="/category/sprunki-phase" class="navbar-mobile-link rounded-lg px-4 py-3 text-base text-[#E5E7EB] hover:bg-white/10 hover:text-white transition-colors">Sprunki Phase </a><a href="/category/new-games" class="navbar-mobile-link rounded-lg px-4 py-3 text-base text-[#E5E7EB] hover:bg-white/10 hover:text-white transition-colors">New Games</a></nav></div></header>
11<script type="module">!function(){const e=document.getElementById("navbar-menu-toggle"),t=document.getElementById("navbar-menu-panel"),a=document.getElementById("navbar-icon-open"),d=document.getElementById("navbar-icon-close");if(!e||!t)return;const i=e.getAttribute("data-menu-open")||"Menu Open",n=e.getAttribute("data-menu-close")||"Menu Close";e.addEventListener("click",(function(){"true"===e.getAttribute("aria-expanded")?(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",i),e.setAttribute("aria-expanded","false"),a&&a.classList.remove("hidden"),d&&d.classList.add("hidden")):(t.classList.remove("hidden"),t.setAttribute("aria-hidden","false"),e.setAttribute("aria-label",n),e.setAttribute("aria-expanded","true"),a&&a.classList.add("hidden"),d&&d.classList.remove("hidden"))})),t.querySelectorAll("a").forEach((n=>{n.addEventListener("click",(()=>{t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",i),e.setAttribute("aria-expanded","false"),a&&a.classList.remove("hidden"),d&&d.classList.add("hidden")}))}))}()</script>
11<div class="max-w-[1280px] mx-auto w-full flex-1 px-4 min-[640px]:px-6 xl:px-0 pt-6 lg:pt-8" data-astro-cid-ouamjn2i><main class="w-full flex-1" style="background-color: #0c0d0d !important;" data-has-background="false" data-astro-cid-ouamjn2i><div class="w-full" data-category-name="New Games" data-current-lang="en" data-category-slug="new-games" data-english-slug="new-games"><div class="text-center pt-6 pb-8 min-[640px]:pb-10 xl:pb-12"><h1 class="text-xl min-[640px]:text-2xl xl:text-3xl font-bold text-white px-4">New Games</h1></div><div class="max-w-[1600px] mx-auto md:pt-2"><div class="max-w-[1280px] mx-auto"><div class="hidden xl:block"><div class="grid grid-cols-12 gap-4 grid-auto-rows-[86px]"><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/incredibox-mustard" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/incredibox-mustard-game.webp" alt="Incredibox Mustard - Make Music Online | Free Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Incredibox Mustard - Make Music Online | Free Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/incredibox-sprunkstard" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/incredibox-sprunkstard-game.webp" alt="Incredibox Sprunkstard - Create Music Online | Free Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Incredibox Sprunkstard - Create Music Online | Free Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprinkle" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprinkle-banner.webp" alt="Sprinkle - Music Creation Game | Free Online Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprinkle - Music Creation Game | Free Online Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/parasprunki" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/parasprunki-banner.webp" alt="ParaSprunki - Rhythm Music Game | Free Online Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">ParaSprunki - Rhythm Music Game | Free Online Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-dandys-world" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-dandys-world-banner.webp" alt="Sprunki Dandy's World - Music & Dance Game | Play Free" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Dandy's World - Music & Dance Game | Play Free</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-incredibox" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-incredibox-banner.webp" alt="Sprunki Incredibox - Music Creation Game | Mix Beats Online" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Incredibox - Music Creation Game | Mix Beats Online</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-parasite" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-parasite-banner.webp" alt="Sprunki Parasite - Dark Music Creation Game | Horror Beats" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Parasite - Dark Music Creation Game | Horror Beats</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-1" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-1-banner.webp" alt="Sprunki Phase 1 - Adventure Puzzle Game | Play Free Online" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 1 - Adventure Puzzle Game | Play Free Online</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-10" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-10-banner.webp" alt="Sprunki Phase 10 - Music Creation Game | Character Mix" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 10 - Music Creation Game | Character Mix</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-2" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-2-banner.webp" alt="Sprunki Phase 2 - Enhanced Adventure Game | Play Sequel Now" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 2 - Enhanced Adventure Game | Play Sequel Now</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-3" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-3-banner.webp" alt="Sprunki Phase 3 - Story Adventure Game | Multiple Endings" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 3 - Story Adventure Game | Multiple Endings</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-4" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-4-banner.webp" alt="Sprunki Phase 4 - Rhythm Music Game | Beat Action" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 4 - Rhythm Music Game | Beat Action</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-6" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-6-banner.webp" alt="Sprunki Phase 6 - Latest Music Creation Game | New Genres" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 6 - Latest Music Creation Game | New Genres</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-5" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-5-banner.webp" alt="Sprunki Phase 5 - Music Creation Game | Mix & Share" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 5 - Music Creation Game | Mix & Share</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-7" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-7-banner.webp" alt="Sprunki Phase 7 - Advanced Music Creation Game | Latest Release" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 7 - Advanced Music Creation Game | Latest Release</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-8" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-8-banner.webp" alt="Sprunki Phase 8 - Rhythm Platform Game | Musical Adventure" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 8 - Rhythm Platform Game | Musical Adventure</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-9" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-9-banner.webp" alt="Sprunki Phase 9 - Dreamscape Music Game | Visual Adventure" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 9 - Dreamscape Music Game | Visual Adventure</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-remastered" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-remastered-banner.webp" alt="Sprunki Remastered - Enhanced Music Creation | HD Upgrade" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Remastered - Enhanced Music Creation | HD Upgrade</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-retake" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-retake-banner.webp" alt="Sprunki Retake - Multiplayer Puzzle Adventure | Musical Quest" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Retake - Multiplayer Puzzle Adventure | Musical Quest</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div></div></div><div class="block xl:hidden"><div class="hidden min-[640px]:block min-[900px]:hidden"><div class="w-[644px] mx-auto min-[767px]:mt-0"><div class="grid grid-cols-6 gap-4 grid-auto-rows-[86px]"><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/incredibox-mustard" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/incredibox-mustard-game.webp" alt="Incredibox Mustard - Make Music Online | Free Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Incredibox Mustard - Make Music Online | Free Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/incredibox-sprunkstard" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/incredibox-sprunkstard-game.webp" alt="Incredibox Sprunkstard - Create Music Online | Free Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Incredibox Sprunkstard - Create Music Online | Free Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprinkle" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprinkle-banner.webp" alt="Sprinkle - Music Creation Game | Free Online Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprinkle - Music Creation Game | Free Online Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/parasprunki" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/parasprunki-banner.webp" alt="ParaSprunki - Rhythm Music Game | Free Online Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">ParaSprunki - Rhythm Music Game | Free Online Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-dandys-world" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-dandys-world-banner.webp" alt="Sprunki Dandy's World - Music & Dance Game | Play Free" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Dandy's World - Music & Dance Game | Play Free</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-incredibox" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-incredibox-banner.webp" alt="Sprunki Incredibox - Music Creation Game | Mix Beats Online" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Incredibox - Music Creation Game | Mix Beats Online</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-parasite" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-parasite-banner.webp" alt="Sprunki Parasite - Dark Music Creation Game | Horror Beats" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Parasite - Dark Music Creation Game | Horror Beats</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-1" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-1-banner.webp" alt="Sprunki Phase 1 - Adventure Puzzle Game | Play Free Online" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 1 - Adventure Puzzle Game | Play Free Online</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-10" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-10-banner.webp" alt="Sprunki Phase 10 - Music Creation Game | Character Mix" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 10 - Music Creation Game | Character Mix</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-2" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-2-banner.webp" alt="Sprunki Phase 2 - Enhanced Adventure Game | Play Sequel Now" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 2 - Enhanced Adventure Game | Play Sequel Now</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-3" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-3-banner.webp" alt="Sprunki Phase 3 - Story Adventure Game | Multiple Endings" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 3 - Story Adventure Game | Multiple Endings</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-4" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-4-banner.webp" alt="Sprunki Phase 4 - Rhythm Music Game | Beat Action" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 4 - Rhythm Music Game | Beat Action</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-6" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-6-banner.webp" alt="Sprunki Phase 6 - Latest Music Creation Game | New Genres" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 6 - Latest Music Creation Game | New Genres</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-5" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-5-banner.webp" alt="Sprunki Phase 5 - Music Creation Game | Mix & Share" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 5 - Music Creation Game | Mix & Share</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-7" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-7-banner.webp" alt="Sprunki Phase 7 - Advanced Music Creation Game | Latest Release" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 7 - Advanced Music Creation Game | Latest Release</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-8" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-8-banner.webp" alt="Sprunki Phase 8 - Rhythm Platform Game | Musical Adventure" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 8 - Rhythm Platform Game | Musical Adventure</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-9" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-9-banner.webp" alt="Sprunki Phase 9 - Dreamscape Music Game | Visual Adventure" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 9 - Dreamscape Music Game | Visual Adventure</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-remastered" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-remastered-banner.webp" alt="Sprunki Remastered - Enhanced Music Creation | HD Upgrade" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Remastered - Enhanced Music Creation | HD Upgrade</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-retake" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-retake-banner.webp" alt="Sprunki Retake - Multiplayer Puzzle Adventure | Musical Quest" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Retake - Multiplayer Puzzle Adventure | Musical Quest</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div></div></div></div><div class="hidden min-[900px]:block"><div class="w-[864px] mx-auto"><div class="grid grid-cols-12 gap-4 grid-auto-rows-[86px]"><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/incredibox-mustard" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/incredibox-mustard-game.webp" alt="Incredibox Mustard - Make Music Online | Free Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Incredibox Mustard - Make Music Online | Free Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/incredibox-sprunkstard" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/incredibox-sprunkstard-game.webp" alt="Incredibox Sprunkstard - Create Music Online | Free Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Incredibox Sprunkstard - Create Music Online | Free Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprinkle" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprinkle-banner.webp" alt="Sprinkle - Music Creation Game | Free Online Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprinkle - Music Creation Game | Free Online Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/parasprunki" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/parasprunki-banner.webp" alt="ParaSprunki - Rhythm Music Game | Free Online Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">ParaSprunki - Rhythm Music Game | Free Online Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-dandys-world" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-dandys-world-banner.webp" alt="Sprunki Dandy's World - Music & Dance Game | Play Free" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Dandy's World - Music & Dance Game | Play Free</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-incredibox" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-incredibox-banner.webp" alt="Sprunki Incredibox - Music Creation Game | Mix Beats Online" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Incredibox - Music Creation Game | Mix Beats Online</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-parasite" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-parasite-banner.webp" alt="Sprunki Parasite - Dark Music Creation Game | Horror Beats" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Parasite - Dark Music Creation Game | Horror Beats</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-1" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-1-banner.webp" alt="Sprunki Phase 1 - Adventure Puzzle Game | Play Free Online" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 1 - Adventure Puzzle Game | Play Free Online</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-10" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-10-banner.webp" alt="Sprunki Phase 10 - Music Creation Game | Character Mix" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 10 - Music Creation Game | Character Mix</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-2" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-2-banner.webp" alt="Sprunki Phase 2 - Enhanced Adventure Game | Play Sequel Now" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 2 - Enhanced Adventure Game | Play Sequel Now</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-3" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-3-banner.webp" alt="Sprunki Phase 3 - Story Adventure Game | Multiple Endings" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 3 - Story Adventure Game | Multiple Endings</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-4" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-4-banner.webp" alt="Sprunki Phase 4 - Rhythm Music Game | Beat Action" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 4 - Rhythm Music Game | Beat Action</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-6" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-6-banner.webp" alt="Sprunki Phase 6 - Latest Music Creation Game | New Genres" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 6 - Latest Music Creation Game | New Genres</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-5" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-5-banner.webp" alt="Sprunki Phase 5 - Music Creation Game | Mix & Share" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 5 - Music Creation Game | Mix & Share</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-7" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-7-banner.webp" alt="Sprunki Phase 7 - Advanced Music Creation Game | Latest Release" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 7 - Advanced Music Creation Game | Latest Release</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-8" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-8-banner.webp" alt="Sprunki Phase 8 - Rhythm Platform Game | Musical Adventure" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 8 - Rhythm Platform Game | Musical Adventure</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-9" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-9-banner.webp" alt="Sprunki Phase 9 - Dreamscape Music Game | Visual Adventure" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Phase 9 - Dreamscape Music Game | Visual Adventure</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-remastered" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-remastered-banner.webp" alt="Sprunki Remastered - Enhanced Music Creation | HD Upgrade" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Remastered - Enhanced Music Creation | HD Upgrade</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-retake" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 195px; height: 195px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-retake-banner.webp" alt="Sprunki Retake - Multiplayer Puzzle Adventure | Musical Quest" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-2 text-center"><h3 class="text-white font-semibold leading-tight text-base line-clamp-2">Sprunki Retake - Multiplayer Puzzle Adventure | Musical Quest</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div></div></div></div><div class="block min-[640px]:hidden"><div class="w-[314px] mx-auto"><div class="grid grid-cols-6 gap-4 grid-auto-rows-[86px]"><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/incredibox-mustard" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/incredibox-mustard-game.webp" alt="Incredibox Mustard - Make Music Online | Free Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Incredibox Mustard - Make Music Online | Free Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/incredibox-sprunkstard" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/incredibox-sprunkstard-game.webp" alt="Incredibox Sprunkstard - Create Music Online | Free Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Incredibox Sprunkstard - Create Music Online | Free Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprinkle" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprinkle-banner.webp" alt="Sprinkle - Music Creation Game | Free Online Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprinkle - Music Creation Game | Free Online Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/parasprunki" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/parasprunki-banner.webp" alt="ParaSprunki - Rhythm Music Game | Free Online Game" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">ParaSprunki - Rhythm Music Game | Free Online Game</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-dandys-world" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-dandys-world-banner.webp" alt="Sprunki Dandy's World - Music & Dance Game | Play Free" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Dandy's World - Music & Dance Game | Play Free</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-incredibox" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-incredibox-banner.webp" alt="Sprunki Incredibox - Music Creation Game | Mix Beats Online" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Incredibox - Music Creation Game | Mix Beats Online</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-parasite" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-parasite-banner.webp" alt="Sprunki Parasite - Dark Music Creation Game | Horror Beats" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Parasite - Dark Music Creation Game | Horror Beats</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-1" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-1-banner.webp" alt="Sprunki Phase 1 - Adventure Puzzle Game | Play Free Online" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 1 - Adventure Puzzle Game | Play Free Online</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-10" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-10-banner.webp" alt="Sprunki Phase 10 - Music Creation Game | Character Mix" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 10 - Music Creation Game | Character Mix</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-2" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-2-banner.webp" alt="Sprunki Phase 2 - Enhanced Adventure Game | Play Sequel Now" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 2 - Enhanced Adventure Game | Play Sequel Now</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-3" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-3-banner.webp" alt="Sprunki Phase 3 - Story Adventure Game | Multiple Endings" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 3 - Story Adventure Game | Multiple Endings</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-4" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-4-banner.webp" alt="Sprunki Phase 4 - Rhythm Music Game | Beat Action" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 4 - Rhythm Music Game | Beat Action</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-6" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-6-banner.webp" alt="Sprunki Phase 6 - Latest Music Creation Game | New Genres" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 6 - Latest Music Creation Game | New Genres</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-5" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-5-banner.webp" alt="Sprunki Phase 5 - Music Creation Game | Mix & Share" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 5 - Music Creation Game | Mix & Share</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-7" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-7-banner.webp" alt="Sprunki Phase 7 - Advanced Music Creation Game | Latest Release" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 7 - Advanced Music Creation Game | Latest Release</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-8" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-8-banner.webp" alt="Sprunki Phase 8 - Rhythm Platform Game | Musical Adventure" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 8 - Rhythm Platform Game | Musical Adventure</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-phase-9" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-phase-9-banner.webp" alt="Sprunki Phase 9 - Dreamscape Music Game | Visual Adventure" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Phase 9 - Dreamscape Music Game | Visual Adventure</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-remastered" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-remastered-banner.webp" alt="Sprunki Remastered - Enhanced Music Creation | HD Upgrade" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Remastered - Enhanced Music Creation | HD Upgrade</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div><div class="col-span-2 row-span-2 flex items-center justify-center"><a href="/sprunki-retake" class="block transition-all duration-300 hover:-translate-y-1 shrink-0" style="width: 94px; height: 94px;" data-game-card><div class="relative w-full h-full rounded-xl overflow-hidden shadow-[0_8px_32px_rgba(0,0,0,0.12)] group"><div class="absolute inset-0 bg-gradient-to-br from-[#2a2b2e] to-[#1a1b1e] game-card-placeholder opacity-0 transition-opacity duration-300"></div><img src="/images/games/sprunki-retake-banner.webp" alt="Sprunki Retake - Multiplayer Puzzle Adventure | Musical Quest" class="absolute inset-0 w-full h-full object-cover transition-all duration-300 game-card-image" loading="lazy" decoding="async" referrerpolicy="no-referrer"><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent transition-all duration-300 opacity-0 game-card-overlay"><div class="absolute bottom-0 left-0 right-0 p-1 text-center"><h3 class="text-white font-semibold leading-tight text-sm line-clamp-2">Sprunki Retake - Multiplayer Puzzle Adventure | Musical Quest</h3></div></div></div></a>
11<script>!function(){function e(){document.querySelectorAll("[data-game-card]").forEach((e=>{if(e.dataset.initialized)return;e.dataset.initialized="true";const t=e.querySelector(".game-card-image"),a=e.querySelector(".game-card-video"),s=e.querySelector(".game-card-overlay"),i=e.querySelector(".game-card-placeholder");let o=null,c=!1;t&&t instanceof HTMLImageElement?(t.complete&&0!==t.naturalHeight?i&&i.classList.add("opacity-0"):i&&i.classList.remove("opacity-0"),t.addEventListener("error",(()=>{t&&(t.style.display="none"),i&&i.classList.remove("opacity-0")})),t.addEventListener("load",(()=>{i&&i.classList.add("opacity-0")}))):i&&i.classList.remove("opacity-0"),e.addEventListener("mouseenter",(()=>{s&&s.classList.remove("opacity-0"),s&&s.classList.add("opacity-100"),a&&a instanceof HTMLVideoElement&&(a.currentTime=0,a.pause(),o=setTimeout((()=>{a instanceof HTMLVideoElement&&a.play().catch((()=>{}))}),400),setTimeout((()=>{a instanceof HTMLVideoElement&&!c&&(c=!0)}),3e3))})),e.addEventListener("mouseleave",(()=>{s&&s.classList.remove("opacity-100"),s&&s.classList.add("opacity-0"),o&&(clearTimeout(o),o=null),a&&a instanceof HTMLVideoElement&&(a.pause(),a.currentTime=0),t&&t.classList.remove("opacity-0"),t&&t.classList.add("opacity-100")})),a&&a instanceof HTMLVideoElement&&(a.addEventListener("loadeddata",(()=>{c=!0,t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("play",(()=>{t&&t.classList.add("opacity-0"),a&&a.classList.remove("opacity-0"),a&&a.classList.add("opacity-100")})),a.addEventListener("error",(()=>{c=!0})))}))}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}()</script>
11</div></div></div></div></div></div></div><div class="w-full mt-8 mb-8"><div class="mx-auto w-[314px] min-[640px]:w-[644px] min-[900px]:w-[864px] xl:w-[1280px]"><div class="bg-[var(--site-card)]/95 backdrop-blur-sm rounded-xl p-4 md:p-8 shadow-[0_8px_32px_rgba(0,0,0,0.12)]" style="background-color: color-mix(in srgb, var(--site-card) 95%, transparent) !important;"><div class="prose prose-invert max-w-none text-white game-about-content"><div><h2>New Games</h2> 12<p>Check out the latest free browser games â new Sprunki mods, remasters, and music makers added regularly.</p> 13<div class="float-right max-w-[400px]"> 14<img src="/images/games/sprunki-retake-banner.webp" alt="New Games" class="w-full ml-4 mb-4"> 15</div> 16<h2>Featured New Titles</h2> 17<ol> 18<li><a href="/sprunki-retake">Sprunki Retake</a></li> 19<li><a href="/sprunki-remastered">Sprunki Remastered</a></li> 20<li><a href="/sprunki-dandys-world">Sprunki Dandy's World</a></li> 21<li><a href="/incredibox-mustard">Incredibox Mustard</a></li> 22<li><a href="/incredibox-sprunkstard">Incredibox Sprunkstard</a></li> 23</ol> 24</div></div></div></div></div></div></main></div></div><footer class="w-full bg-[var(--site-bg)] h-[376px]" data-astro-cid-5dpdmd2c><div class="mx-auto max-w-[1280px] w-full px-4 min-[640px]:px-6 lg:px-8 xl:px-0 py-12 h-full flex flex-col" data-astro-cid-5dpdmd2c><div class="flex flex-col gap-6 items-start flex-1 min-[900px]:flex-row" data-astro-cid-5dpdmd2c><div class="flex-shrink-0 flex flex-col gap-6 items-start" data-astro-cid-5dpdmd2c><a href="/" class="flex items-center" aria-label="Home" data-astro-cid-5dpdmd2c><img src="/images/logo.png" alt="Logo" width="140" height="68" class="h-[68px] w-[140px] object-contain" data-astro-cid-5dpdmd2c></a><p class="w-44 flex items-center justify-between text-[18px] text-[var(--site-text-muted)] leading-6" data-astro-cid-5dpdmd2c><span data-astro-cid-5dpdmd2c></span> <span data-astro-cid-5dpdmd2c></span> <span data-astro-cid-5dpdmd2c></span></p></div><div class="flex flex-col gap-6 items-start min-[900px]:flex-row min-[900px]:gap-6 min-[900px]:ml-auto" data-astro-cid-5dpdmd2c><div class="flex flex-col gap-6 items-start min-[900px]:flex-row min-[900px]:gap-6" data-astro-cid-5dpdmd2c><div class="flex flex-col gap-3 w-[220px] items-start" data-astro-cid-5dpdmd2c><a href="https://www.heicx.com" class="text-base text-[var(--site-text-muted)] hover:text-white transition-colors leading-6 whitespace-nowrap" data-astro-cid-5dpdmd2c> 25HEICX 26</a><a href="https://www.heicx.com/heic-to-jpg" class="text-base text-[var(--site-text-muted)] hover:text-white transition-colors leading-6 whitespace-nowrap" data-astro-cid-5dpdmd2c> 27HEIC to JPG 28</a></div><div class="flex flex-col gap-3 w-[240px] items-start" data-astro-cid-5dpdmd2c><a href="/about" class="text-base text-[var(--site-text-muted)] hover:text-white transition-colors leading-6 whitespace-nowrap" data-astro-cid-5dpdmd2c>About </a><a href="/terms" class="text-base text-[var(--site-text-muted)] hover:text-white transition-colors leading-6 whitespace-nowrap" data-astro-cid-5dpdmd2c>Terms of Use </a><a href="/privacy" class="text-base text-[var(--site-text-muted)] hover:text-white transition-colors leading-6 whitespace-nowrap" data-astro-cid-5dpdmd2c>Privacy Policy</a></div></div><div class="flex flex-col gap-3 items-start" data-astro-cid-5dpdmd2c><div class="hs-dropdown relative inline-flex" data-astro-cid-5dpdmd2c><button id="hs-dropdown-footer-lang" type="button" aria-label="Change language" title="Change language" class="hs-dropdown-toggle inline-flex items-center gap-x-2 rounded-lg px-2 py-1.5 text-base font-medium text-[var(--site-text-muted)] outline-hidden transition duration-300 hover:bg-[var(--site-border)] hover:text-white leading-6 border border-[var(--site-border)]" data-astro-cid-5dpdmd2c><svg class="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><title></title><path d="m20.893 13.393-1.135-1.135a2.252 2.252 0 0 1-.421-.585l-1.08-2.16a.414.414 0 0 0-.663-.107.827.827 0 0 1-.812.21l-1.273-.363a.89.89 0 0 0-.738 1.595l.587.39c.59.395.674 1.23.172 1.732l-.2.2c-.212.212-.33.498-.33.796v.41c0 .409-.11.809-.32 1.158l-1.315 2.191a2.11 2.11 0 0 1-1.81 1.025 1.055 1.055 0 0 1-1.055-1.055v-1.172c0-.92-.56-1.747-1.414-2.089l-.655-.261a2.25 2.25 0 0 1-1.383-2.46l.007-.042a2.25 2.25 0 0 1 .29-.787l.09-.15a2.25 2.25 0 0 1 2.37-1.048l1.178.236a1.125 1.125 0 0 0 1.302-.795l.208-.73a1.125 1.125 0 0 0-.578-1.315l-.665-.332-.091.091a2.25 2.25 0 0 1-1.591.659h-.18c-.249 0-.487.1-.662.274a.931.931 0 0 1-1.458-1.137l1.411-2.353a2.25 2.25 0 0 0 .286-.76m11.928 9.869A9 9 0 0 0 8.965 3.525m11.928 9.868A9 9 0 1 1 8.965 3.525" class></path></svg> <span data-astro-cid-5dpdmd2c>English</span> <svg class="size-4 hs-dropdown-open:rotate-180" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5dpdmd2c><path d="m6 9 6 6 6-6" data-astro-cid-5dpdmd2c></path></svg></button><div id="footer-lang-menu" class="hs-dropdown-menu footer-lang-menu absolute right-0! z-50 hidden min-w-[120px] transform-none! rounded-lg bg-[var(--site-card)] border border-[var(--site-border)] p-2 opacity-0 shadow-lg transition-[opacity,margin] hs-dropdown-open:opacity-100" aria-labelledby="hs-dropdown-footer-lang" style="position: absolute !important; right: 0 !important;" data-astro-cid-5dpdmd2c><a class="flex items-center gap-x-3.5 rounded-lg px-3 py-2 text-base text-[var(--site-text-muted)] hover:bg-[var(--site-border)] hover:text-white focus:bg-[var(--site-border)] focus:outline-hidden leading-6" href="/" data-astro-cid-5dpdmd2c>English </a><a class="flex items-center gap-x-3.5 rounded-lg px-3 py-2 text-base text-[var(--site-text-muted)] hover:bg-[var(--site-border)] hover:text-white focus:bg-[var(--site-border)] focus:outline-hidden leading-6" href="/fr" data-astro-cid-5dpdmd2c>Français </a><a class="flex items-center gap-x-3.5 rounded-lg px-3 py-2 text-base text-[var(--site-text-muted)] hover:bg-[var(--site-border)] hover:text-white focus:bg-[var(--site-border)] focus:outline-hidden leading-6" href="/es" data-astro-cid-5dpdmd2c>
28Español </a><a class="flex items-center gap-x-3.5 rounded-lg px-3 py-2 text-base text-[var(--site-text-muted)] hover:bg-[var(--site-border)] hover:text-white focus:bg-[var(--site-border)] focus:outline-hidden leading-6" href="/pt" data-astro-cid-5dpdmd2c>Português </a><a class="flex items-center gap-x-3.5 rounded-lg px-3 py-2 text-base text-[var(--site-text-muted)] hover:bg-[var(--site-border)] hover:text-white focus:bg-[var(--site-border)] focus:outline-hidden leading-6" href="/zh" data-astro-cid-5dpdmd2c>ç®ä½ä¸æ </a><a class="flex items-center gap-x-3.5 rounded-lg px-3 py-2 text-base text-[var(--site-text-muted)] hover:bg-[var(--site-border)] hover:text-white focus:bg-[var(--site-border)] focus:outline-hidden leading-6" href="/tw" data-astro-cid-5dpdmd2c>ç¹é«ä¸æ </a><a class="flex items-center gap-x-3.5 rounded-lg px-3 py-2 text-base text-[var(--site-text-muted)] hover:bg-[var(--site-border)] hover:text-white focus:bg-[var(--site-border)] focus:outline-hidden leading-6" href="/de" data-astro-cid-5dpdmd2c>Deutsch </a><a class="flex items-center gap-x-3.5 rounded-lg px-3 py-2 text-base text-[var(--site-text-muted)] hover:bg-[var(--site-border)] hover:text-white focus:bg-[var(--site-border)] focus:outline-hidden leading-6" href="/jp" data-astro-cid-5dpdmd2c>æ¥æ¬èª </a><a class="flex items-center gap-x-3.5 rounded-lg px-3 py-2 text-base text-[var(--site-text-muted)] hover:bg-[var(--site-border)] hover:text-white focus:bg-[var(--site-border)] focus:outline-hidden leading-6" href="/ko" data-astro-cid-5dpdmd2c>íêµì´</a></div></div></div></div></div><div class="mt-8 pt-6" data-astro-cid-5dpdmd2c><p class="text-base text-center text-[var(--site-text-muted)] leading-6" data-astro-cid-5dpdmd2c> 29© <span id="current-year" data-astro-cid-5dpdmd2c></span> Sprunki Games</p></div></div>
29<script type="module" src="/_astro/FooterSection.astro_astro_type_script_index_0_lang.CzrJboEw.js"></script>
29</footer><div id="search-overlay" onclick="window.closeSearchSidebar&&window.closeSearchSidebar()" aria-label="Close search" data-astro-cid-xpiwanvf></div><div id="search-sidebar" class="fixed inset-y-0 left-0 z-[100] w-full max-w-[688px] transform transition-transform duration-300 ease-in-out" style="transform: translateX(-100%); display: none;" data-astro-cid-gvwa2r24><div class="relative h-full w-full bg-[#1f2937]/95 backdrop-blur-sm overflow-hidden flex flex-col" style="background-color: color-mix(in srgb, var(--site-card) 95%, transparent) !important;" data-astro-cid-gvwa2r24><div class="flex-shrink-0 p-4 border-b border-[var(--site-border)] bg-[var(--site-card)]/95 backdrop-blur-sm" style="background-color: color-mix(in srgb, var(--site-card) 95%, transparent) !important;"><div class="flex items-center gap-3"><div class="flex-1 relative"><input type="text" id="search-input" placeholder="What are you playing today?" class="w-full h-12 pl-4 pr-12 bg-[#000000] border border-[var(--site-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-white placeholder-[#9CA3AF]" autocomplete="off"><div class="absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none"><svg class="w-5 h-5 text-[#9CA3AF]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></div></div><button type="button" onclick="window.closeSearchSidebar()" class="flex-shrink-0 w-10 h-10 flex items-center justify-center text-[#9CA3AF] hover:text-white hover:bg-white/5 rounded-lg transition-colors" aria-label="Close search"><svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div></div><div id="search-results-container" class="flex-1 overflow-y-auto" style="max-height: calc(100vh - 80px);" data-astro-cid-kwqfz56j><div id="search-results" class="py-4" data-astro-cid-kwqfz56j><div class="flex items-center justify-center py-12" data-astro-cid-kwqfz56j><div class="text-[var(--site-text-muted)] text-sm" data-astro-cid-kwqfz56j>Loading...</div></div></div></div></div></div>
29<script type="module" src="/_astro/SearchSidebar.astro_astro_type_script_index_0_lang.CdqQT6CZ.js"></script>
29<script type="module" src="/_astro/MainLayout.astro_astro_type_script_index_1_lang.CgJEq03I.js"></script>
29<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"157a56480a034b6796a349576d817371","r":1,"spa":2}' crossorigin="anonymous"></script>
29 30</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.