PageSourceSearch

https://happyvials.com/

html happyvials.com collected 2026-10-02 01:31:07 UTC 171,501 bytes, 9 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="fredoka_987d39bd-module__z5L61G__variable nunito_2f43c3a2-module__y6y3Xa__variable h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/07454f8ad8aaac57-s.p.0tqkxa-w3pk~c.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/5d52bd6c4cb3f315-s.p.04niyqph9_pxk.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Flogo-180.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Flogo-180.png&amp;w=96&amp;q=75 2x"/><link rel="preload" href="/images/logo-180.png" as="image"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fim%2Fbootle-2.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 768px) 50vw, 320px"/><link rel="stylesheet" href="/_next/static/chunks/0y~bec3wusocc.css" data-precedence="next"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/paulirish/lite-youtube-embed@master/src/lite-yt-embed.css" data-precedence="default"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0x~_2zp_lruqr.js"/>
1<script src="/_next/static/chunks/0dgq26a5_oy.a.js" async=""></script>
1<script src="/_next/static/chunks/0m_p1bxtorv5i.js" async=""></script>
1<script src="/_next/static/chunks/02g3221oh~3le.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0g-m6sc5iikhi.js" async=""></script>
1<script src="/_next/static/chunks/0y4_.z~aacq6~.js" async=""></script>
1<script src="/_next/static/chunks/0d3shmwh5_nmn.js" async=""></script>
1<script src="/_next/static/chunks/0k6eha.yr0j7v.js" async=""></script>
1<script src="/_next/static/chunks/07i30dzftfz98.js" async=""></script>
1<link rel="preload" href="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3272533817646940" as="script" crossorigin=""/><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-HGV4SNGXC7" as="script"/><meta name="next-size-adjust" content=""/><title>Happy Vials: Water Sort Puzzle</title><meta name="description" content="Happy Vials is a calm water sort puzzle for iOS and Android. Pour, sort, and match colorful liquids with no time limits, free hints, and hundreds of relaxing levels."/><link rel="author" href="https://happyvials.com"/><meta name="author" content="Happy Vials"/><meta name="keywords" content="Happy Vials,water sort puzzle,color sort game,water sort puzzle free,happy vials download,relaxing water puzzle,sort colors game"/><meta name="creator" content="Happy Vials"/><meta name="publisher" content="Happy Vials"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://happyvials.com"/><meta name="google-site-verification" content="5iLxi2DGeRgXhtGaL9nDZgjeLyA_tXMSkOdOy0475aU"/><meta property="og:title" content="Happy Vials: Water Sort Puzzle"/><meta property="og:description" content="Happy Vials is a calm water sort puzzle for iOS and Android. Pour, sort, and match colorful liquids with no time limits, free hints, and hundreds of relaxing levels."/><meta property="og:url" content="https://happyvials.com"/><meta property="og:site_name" content="Happy Vials"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://happyvials.com/images/screen/store-screenshots-1242x2208x1.png"/><meta property="og:image:width" content="1242"/><meta property="og:image:height" content="2208"/><meta property="og:image:alt" content="Happy Vials: Water Sort Puzzle - Happy Vials: Water Sort Puzzle"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Happy Vials: Water Sort Puzzle"/><meta name="twitter:description" content="Happy Vials is a calm water sort puzzle for iOS and Android. Pour, sort, and match colorful liquids with no time limits, free hints, and hundreds of relaxing levels."/><meta name="twitter:image" content="https://happyvials.com/images/screen/store-screenshots-1242x2208x1.png"/><meta name="twitter:image:alt" content="Happy Vials: Water Sort Puzzle - Happy Vials: Water Sort Puzzle"/><meta name="twitter:image:width" content="1242"/><meta name="twitter:image:height" content="2208"/><link rel="icon" href="/favicon.ico?favicon.0ngb1vpo2~37v.ico" sizes="32x32" type="image/x-icon"/><link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png"/><link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="apple-touch-icon" href="/images/logo-180.png"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
1</head><body class="min-h-full flex flex-col"><div hidden=""><!--$--><!--/$--></div><header class="absolute top-4 left-0 right-0 z-50 flex w-full animate-fade-in-up justify-center px-4 md:px-8"><div class="container mx-auto w-full"><div class="flex min-h-[62px] w-full items-center justify-between rounded-full border border-white/60 bg-white px-5 py-4 shadow-[0_8px_30px_rgb(0,0,0,0.06)] md:min-h-[70px] md:px-8 md:py-5"><a class="flex shrink-0 items-center gap-2.5 sm:gap-3" href="/"><img alt="Logo Happy Vials: Water Sort Puzzle" width="48" height="48" decoding="async" data-nimg="1" class="h-10 w-10 sm:h-11 sm:w-11 shrink-0 rounded-[22%] object-contain" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Flogo-180.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Flogo-180.png&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Flogo-180.png&amp;w=96&amp;q=75"/><span class="header-logo-text flex flex-col text-sm sm:text-base"><span>HAPPY VIALS</span></span></a><nav class="hidden items-center gap-6 lg:flex xl:gap-8" aria-label="Main navigation"><a class="relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700" href="/">Home</a><a class="relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700" href="/about">About</a><a class="relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700" href="/features">Features</a><a class="relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700" href="/screenshots">Screenshots</a><a class="relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700" href="/guides">Guides</a><a class="relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700" href="/apps">More Apps</a><a class="relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700" href="/support">Support</a></nav><div class="hidden items-center md:flex"><div class="flex flex-row gap-2 "><a href="https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 px-3 py-1.5 rounded-[0.85rem] font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple" aria-hidden="true"><path d="M12 6.528V3a1 1 0 0 1 1-1h0"></path><path d="M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21"></path></svg><div class="flex flex-col justify-center text-left"><span class="text-[8px] mb-1 leading-none font-medium opacity-90">Download on the</span><span class="text-sm leading-none font-bold">App Store</span></div></a><a href="https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 px-3 py-1.5 rounded-[0.85rem] font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play text-white" aria-hidden="true"><path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"></path><circle cx="12" cy="12" r="10"></circle></svg><div class="flex flex-col justify-center text-left"><span class="text-[8px] mb-1 leading-none font-medium opacity-90">GET IT ON</span><span class="text-sm leading-none font-bold">Google Play</span></div></a></div></div><details class="group relative lg:hidden"><summary class="flex cursor-pointer list-none items-center justify-center rounded-full bg-indigo-50 p-3 text-indigo-950 [&amp;::-webkit-details-marker]:hidden" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></summary><nav class="absolute right-0 top-[calc(100%+0.75rem)] z-50 min-w-[220px] rounded-3xl border border-white/60 bg-white p-4 shadow-[0_8px_30px_rgb(0,0,0,0.08)]" aria-label="Mobile navigation"><ul class="flex flex-col gap-1">
1<li><a class="block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50" href="/">Home</a></li><li><a class="block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50" href="/about">About</a></li><li><a class="block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50" href="/features">Features</a></li><li><a class="block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50" href="/screenshots">Screenshots</a></li><li><a class="block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50" href="/guides">Guides</a></li><li><a class="block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50" href="/apps">More Apps</a></li><li><a class="block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50" href="/support">Support</a></li></ul><div class="mt-4 flex justify-center border-t border-slate-100 pt-4"><div class="flex flex-row gap-2 "><a href="https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 px-3 py-1.5 rounded-[0.85rem] font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple" aria-hidden="true"><path d="M12 6.528V3a1 1 0 0 1 1-1h0"></path><path d="M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21"></path></svg><div class="flex flex-col justify-center text-left"><span class="text-[8px] mb-1 leading-none font-medium opacity-90">Download on the</span><span class="text-sm leading-none font-bold">App Store</span></div></a><a href="https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 px-3 py-1.5 rounded-[0.85rem] font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play text-white" aria-hidden="true"><path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"></path><circle cx="12" cy="12" r="10"></circle></svg><div class="flex flex-col justify-center text-left"><span class="text-[8px] mb-1 leading-none font-medium opacity-90">GET IT ON</span><span class="text-sm leading-none font-bold">Google Play</span></div></a></div></div></nav></details></div></div></header><main class="flex-1">
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://happyvials.com/#organization","name":"Happy Vials","alternateName":"Happy Vials: Water Sort Puzzle","url":"https://happyvials.com","logo":{"@type":"ImageObject","url":"https://happyvials.com/images/logo-180.png","width":180,"height":180},"description":"Happy Vials is a calm and cute water sort puzzle that helps you to relax while having fun. There is no time limit like in other puzzle games, just relaxed water sort.","email":"[email protected]","sameAs":["https://www.youtube.com/watch?v=hun7JkoDkCQ","https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle"],"contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","url":"https://happyvials.com/support"}},{"@type":"WebSite","@id":"https://happyvials.com/#website","url":"https://happyvials.com","name":"Happy Vials","alternateName":"Happy Vials: Water Sort Puzzle","description":"Happy Vials is a calm and cute water sort puzzle that helps you to relax while having fun. There is no time limit like in other puzzle games, just relaxed water sort.","inLanguage":"en","publisher":{"@id":"https://happyvials.com/#organization"}},{"@type":"VideoGame","@id":"https://happyvials.com/#videogame","name":"Happy Vials: Water Sort Puzzle","alternateName":["Happy Vials","water sort puzzle"],"description":"Happy Vials is a calm and cute water sort puzzle that helps you to relax while having fun. There is no time limit like in other puzzle games, just relaxed water sort.","applicationCategory":"Game","genre":["Puzzle","Casual"],"operatingSystem":["iOS","Android"],"url":"https://happyvials.com","image":"https://happyvials.com/images/screen/store-screenshots-1242x2208x1.png","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","url":"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle","availability":"https://schema.org/InStock"},"publisher":{"@id":"https://happyvials.com/#organization"}},{"@type":["SoftwareApplication","MobileApplication"],"@id":"https://happyvials.com/#mobileapp","name":"Happy Vials: Water Sort Puzzle","alternateName":"Happy Vials","description":"Happy Vials is a calm and cute water sort puzzle that helps you to relax while having fun. There is no time limit like in other puzzle games, just relaxed water sort.","applicationCategory":"GameApplication","operatingSystem":"iOS, Android","url":"https://happyvials.com","image":"https://happyvials.com/images/screen/store-screenshots-1242x2208x1.png","downloadUrl":"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle","installUrl":"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","url":"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle"},"publisher":{"@id":"https://happyvials.com/#organization"},"isRelatedTo":{"@id":"https://happyvials.com/#videogame"}},{"@type":"WebPage","@id":"https://happyvials.com#webpage","url":"https://happyvials.com","name":"Happy Vials: Water Sort Puzzle","description":"Happy Vials is a calm water sort puzzle for iOS and Android. Pour, sort, and match colorful liquids with no time limits, free hints, and hundreds of relaxing levels.","datePublished":"2024-06-01","dateModified":"2026-07-10","isPartOf":{"@id":"https://happyvials.com/#website"},"about":{"@id":"https://happyvials.com/#videogame"},"inLanguage":"en"},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is a water sort puzzle?","acceptedA
1nswer":{"@type":"Answer","text":"A water sort puzzle is a color-sorting game where you pour colored liquids between vials until each bottle holds only one color. Happy Vials is a calm water sort puzzle with no timer pressure."}},{"@type":"Question","name":"Is Happy Vials free to download?","acceptedAnswer":{"@type":"Answer","text":"Yes. Happy Vials: Water Sort Puzzle is free on the App Store and Google Play. Optional in-app purchases are available for boosters and cosmetics."}},{"@type":"Question","name":"Does Happy Vials have a time limit?","acceptedAnswer":{"@type":"Answer","text":"No. Unlike many puzzle games, Happy Vials has no countdown timer. Sort at your own pace and use free hints when a level gets tricky."}},{"@type":"Question","name":"Where can I play Happy Vials?","acceptedAnswer":{"@type":"Answer","text":"Download Happy Vials for iOS and Android from the App Store or Google Play, then pour, sort, and match colorful liquids across hundreds of relaxing levels."}}]}]}</script>
1<section class="relative flex min-h-screen items-center overflow-hidden bg-slate-50 pb-32 pt-32 md:pb-48 md:pt-40" aria-labelledby="hero-heading"><div class="absolute inset-0 -z-20 bg-gradient-to-b from-[#e5d8ff] via-[#fdf4ff] to-[#e0f2fe]" aria-hidden="true"></div><div class="pointer-events-none absolute left-0 top-[45%] -z-10 h-[55%] w-full opacity-60" aria-hidden="true"><svg viewBox="0 0 1440 320" class="absolute bottom-0 h-full w-full" preserveAspectRatio="none" aria-hidden="true"><path fill="#d8b4fe" fill-opacity="0.4" d="M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path><path fill="#c084fc" fill-opacity="0.2" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg></div><div class="pointer-events-none absolute inset-0 z-0 overflow-hidden" aria-hidden="true"><div class="animate-float-slow absolute left-[15%] top-[5%] h-8 w-8 rounded-full border-[3px] border-white/60 bg-white/20 blur-[1px]"></div><div class="animate-float-medium absolute right-[25%] top-[15%] h-12 w-12 rounded-full border-4 border-white/50 bg-white/20 blur-[1px]"></div><div class="animate-float-fast absolute left-[8%] top-[40%] h-16 w-16 rounded-full border-4 border-white/40 bg-white/10 blur-[2px]"></div><div class="animate-float-slow absolute right-[10%] top-[60%] h-10 w-10 rounded-full border-[3px] border-white/50 bg-white/20 blur-[1px]"></div><div class="animate-float-medium absolute bottom-[20%] left-[20%] h-6 w-6 rounded-full border-2 border-white/60 bg-white/20 blur-[1px]"></div><div class="animate-pulse-slow absolute -left-20 top-[30%] h-64 w-64 rounded-full bg-pink-400/30 opacity-70 mix-blend-multiply blur-3xl filter"></div><div class="animate-pulse-slow absolute -right-20 top-[50%] h-80 w-80 rounded-full bg-cyan-400/30 opacity-70 mix-blend-multiply blur-3xl filter" style="animation-delay:1s"></div></div><div class="pointer-events-none absolute right-0 top-28 z-[1] h-[min(45vw,280px)] w-[min(50vw,320px)] animate-float-slow bg-[url(&#x27;/im/bootle-1.png&#x27;)] bg-contain bg-right-top bg-no-repeat opacity-90 drop-shadow-xl sm:top-32 md:right-4 md:top-36 md:h-[320px] md:w-[380px] lg:right-8 lg:h-[360px] lg:w-[420px]" aria-hidden="true"></div><div class="container relative z-10 mx-auto mt-8 flex flex-col-reverse items-center px-4 md:flex-row"><header class="animate-fade-in-up z-10 text-center md:w-1/2 md:text-left"><h1 id="hero-heading" class="mb-4"><span class="hero-title-line block text-4xl sm:text-5xl md:text-6xl lg:text-7xl">HAPPY VIALS:</span><span class="hero-title-line hero-title-line--accent mt-1 block text-3xl sm:text-4xl md:text-5xl lg:text-6xl">WATER SORT PUZZLE</span></h1><p class="page-lead mx-auto mb-6 max-w-lg md:mx-0">Happy Vials is a free water sort puzzle for iOS and Android - calm color sorting with no timer pressure.</p><p class="home-section-body mx-auto mb-8 max-w-lg md:mx-0">Pour, sort and match colorful liquids in this fun puzzle adventure. Easy to learn, hard to put down!</p><div class="flex flex-col   gap-4 flex-row justify-center md:justify-start"><a href="https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple mb-1" aria-hidden="true"><path d="M12 6.528V3a1 1 0 0 1 1-1h0"></path><path d="M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21"></path></svg><div class="flex flex-col justify-center text-left"><span class="text-[10px] mb-1 leading-none font-medium opacity-90">Download on the</span><span class="text-[1.1rem] leading-none font-bold">App Store</span></div></a><a href="https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play text-white" aria-hidden="true"><path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"></path><circle cx="12" cy="12" r="10"></circle></svg><div class="flex flex-col justify-center text-left"><span class="text-[10px] mb-1 leading-none font-medium opacity-90">GET IT ON</span><span class="text-[1.1rem] leading-none font-bold">Google Play</span></div></a></div></header><div class="relative z-10 mb-12 flex w-full items-center justify-center md:mb-0 md:w-1/2" role="img" aria-label="Colorful potion bottles from Happy Vials water sort puzzle"><div class="relative h-[400px] w-full md:h-[500px]"><img alt="" width="640" height="900" decoding="async" data-nimg="1" class="animate-float-medium absolute bottom-0 left-0 z-10 h-auto w-1/2 object-contain object-bottom object-left drop-shadow-lg" style="color:transparent" sizes="(max-width: 768px) 50vw, 320px" srcSet="/_next/image?url=%2Fim%2Fbootle-2.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fim%2Fbootle-2.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fim%2Fbootle-2.png&amp;w=3840&amp;q=75"/><img alt="" loading="lazy" width="400" height="560" decoding="async" data-nimg="1" class="animate-float-fast absolute left-1/4 top-1/4 z-10 h-auto w-1/3 object-contain drop-shadow-md" style="color:transparent" sizes="(max-width: 768px) 33vw, 200px" srcSet="/_next/image?url=%2Fim%2Fbootle-3.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fim%2Fbootle-3.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fim%2Fbootle-3.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fim%2Fbootle-3.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fim%2Fbootle-3.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fim%2Fbootle-3.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fim%2Fbootle-3.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fim%2Fbootle-3.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fim%2Fbootle-3.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fim%2Fbootle-3.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fim%2Fbootle-3.png&amp;w=3840&amp;q=75"/><img alt="" loading="lazy" width="320" height="420" decoding="async" data-nimg="1" class="animate-float-slow absolute right-0 top-0 z-0 h-auto w-[32%] max-w-[160px] object-contain object-right object-top opacity-80" style="color:transparent" sizes="160px" srcSet="/_next/image?url=%2Fim%2Fbootle-4.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fim%2Fbootle-4.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fim%2Fbootle-4.png&amp;w=3840&amp;q=75"/><div class="animate-pulse-slow absolute left-10 top-10 h-32 w-32 rounded-full bg-purple-400 opacity-40 mix-blend-multiply blur-2xl filter" aria-hidden="true"></div><div class="animate-pulse-slow absolute bottom-10 right-10 h-40 w-40 rounded-full bg-cyan-400 opacity-40 mix-blend-multiply blur-2xl filter" style="animation-delay:1.5s" aria-hidden="true"></div><div class="animate-ping-slow absolute bottom-[8%] right-[5%] h-16 w-16 rounded-full bg-yellow-300 opacity-60 blur-xl filter" aria-hidden="true"></div>
1<div class="animate-ping-slow absolute bottom-[15%] left-[15%] h-12 w-12 rounded-full bg-pink-300 opacity-60 blur-xl filter" style="animation-delay:2s" aria-hidden="true"></div></div></div></div></section><section class="section-block--wide bg-white text-center" aria-labelledby="home-feature-cards-heading"><div class="site-container"><header class="section-header section-header--spaced "><h2 id="home-feature-cards-heading" class="home-section-heading">Why You&#x27;ll Love Happy Vials</h2><p class="home-section-body mt-3">Sort the colors. Relax your mind. Have fun. Feel happy. Happy Vials is built around calm water sort gameplay - pour liquids between vials, line up every shade, and enjoy a puzzle that never rushes you.</p></header><div class="home-section-body mx-auto max-w-2xl space-y-4"><p>With cute bottles, gentle visuals, and hundreds of levels to explore, it is the kind of game you open for five minutes and happily stay with much longer.</p></div></div><ul class="mx-auto mt-10 grid list-none grid-cols-1 gap-6 px-4 md:grid-cols-3 sm:px-6 lg:px-10"><li><article class="relative min-h-[240px] overflow-hidden rounded-[34px] bg-cover bg-center px-8 py-8 shadow-[0_18px_36px_rgba(83,68,130,0.10)] ring-1 ring-white/70 transition duration-300 hover:-translate-y-1 hover:shadow-[0_24px_48px_rgba(83,68,130,0.16)] lg:min-h-[260px] lg:px-10" style="background-image:url(/assets/happy-vials/features/easy_card_underlay.svg)"><div class="pointer-events-none absolute inset-0 rounded-[34px] bg-white/10" aria-hidden="true"></div><img src="/assets/happy-vials/features/pink_potion_in_a_glass_bottle.png" alt="" loading="lazy" class="pointer-events-none absolute z-10 select-none drop-shadow-[0_16px_18px_rgba(72,69,142,0.18)] left-5 top-1/2 w-[30%] -translate-y-1/2 -rotate-[20deg] sm:w-[28%] lg:left-7"/><div class="relative z-20 ml-[34%]"><h3 class="hv-card-title text-violet-700">Easy
2to play</h3><div class="mt-4 h-1 w-11 rounded-full bg-violet-500/70" aria-hidden="true"></div><p class="hv-card-text mt-4 text-slate-700">Simple controls and smooth gameplay. Anyone can enjoy!</p></div></article></li><li><article class="relative min-h-[240px] overflow-hidden rounded-[34px] bg-cover bg-center px-8 py-8 shadow-[0_18px_36px_rgba(83,68,130,0.10)] ring-1 ring-white/70 transition duration-300 hover:-translate-y-1 hover:shadow-[0_24px_48px_rgba(83,68,130,0.16)] lg:min-h-[260px] lg:px-10" style="background-image:url(/assets/happy-vials/features/themes_card_underlay.svg)"><div class="pointer-events-none absolute inset-0 rounded-[34px] bg-white/10" aria-hidden="true"></div><img src="/assets/happy-vials/features/magical_potion_in_stacked_layers.png" alt="" loading="lazy" class="pointer-events-none absolute z-10 select-none drop-shadow-[0_16px_18px_rgba(72,69,142,0.18)] left-4 top-1/2 w-[31%] -translate-y-1/2 -rotate-[13deg] sm:w-[29%] lg:left-8"/><div class="relative z-20 ml-[36%]"><h3 class="hv-card-title text-cyan-700">Awesome
3themes</h3><div class="mt-4 h-1 w-11 rounded-full bg-cyan-700/55" aria-hidden="true"></div><p class="hv-card-text mt-4 text-slate-600">Beautiful bottles, vibrant colors and fun themes await.</p></div></article></li><li><article class="relative min-h-[240px] overflow-hidden rounded-[34px] bg-cover bg-center px-8 py-8 shadow-[0_18px_36px_rgba(83,68,130,0.10)] ring-1 ring-white/70 transition duration-300 hover:-translate-y-1 hover:shadow-[0_24px_48px_rgba(83,68,130,0.16)] lg:min-h-[260px] lg:px-10" style="background-image:url(/assets/happy-vials/features/levels_card_underlay.svg)"><div class="pointer-events-none absolute inset-0 rounded-[34px] bg-white/10" aria-hidden="true"></div><img src="/assets/happy-vials/features/magical_potion_with_star_icon.png" alt="" loading="lazy" class="pointer-events-none absolute z-10 select-none drop-shadow-[0_16px_18px_rgba(72,69,142,0.18)] left-6 top-1/2 w-[31%] -translate-y-1/2 -rotate-[7deg] sm:w-[29%] lg:left-9"/><div class="relative z-20 ml-[38%]"><h3 class="hv-card-title text-pink-600">100+
4Levels</h3><div class="mt-4 h-1 w-11 rounded-full bg-pink-500/55" aria-hidden="true"></div><p class="hv-card-text mt-4 text-slate-700">Challenging puzzles that keep your brain happy and active.</p></div></article></li></ul></section><section id="what-is-happy-vials" class="section-block relative overflow-hidden bg-white" aria-labelledby="geo-what-is-happy-vials-heading"><div class="site-container max-w-3xl"><h2 id="geo-what-is-happy-vials-heading" class="home-section-heading text-center sm:text-left">What is Happy Vials?</h2><p class="home-section-body mt-4 text-center sm:text-left">Happy Vials is a free water sort puzzle for iOS and Android. You pour colored liquids between vials until every bottle holds only one color - with no timer, cute themes, and hundreds of relaxing levels.</p><ul class="home-section-body mt-6 list-disc space-y-2 pl-6"><li>Calm color sorting with one-finger controls</li><li>No countdown timer - play at your own pace</li><li>Free hints and boosters when you get stuck</li><li>Available on the App Store and Google Play</li></ul></div></section><section id="what-is-water-sort" class="section-block relative overflow-hidden section-block--alt" aria-labelledby="geo-what-is-water-sort-heading"><div class="site-container max-w-3xl"><h2 id="geo-what-is-water-sort-heading" class="home-section-heading text-center sm:text-left">What is a water sort puzzle?</h2><p class="home-section-body mt-4 text-center sm:text-left">A water sort puzzle is a logic game where tubes hold stacked layers of colored liquid. You pour from one vial to another only when the top colors match and there is space, until each vial is a single solid color.</p><ul class="home-section-body mt-6 list-disc space-y-2 pl-6"><li>Pour only matching top colors into open space</li><li>Empty vials help you rearrange stacks</li><li>The level ends when every bottle is sorted</li></ul><p class="mt-6 text-sm text-slate-500"><a href="https://en.wikipedia.org/wiki/Water_pouring_puzzle" class="font-semibold text-[#5c3bbd] underline-offset-2 hover:underline" target="_blank" rel="noopener noreferrer">Related classic: water pouring puzzles</a></p></div></section><section id="how-to-play-water-sort" class="section-block relative overflow-hidden bg-white" aria-labelledby="geo-how-to-play-water-sort-heading"><div class="site-container max-w-3xl"><h2 id="geo-how-to-play-water-sort-heading" class="home-section-heading text-center sm:text-left">How to play a water sort puzzle</h2><p class="home-section-body mt-4 text-center sm:text-left">Tap a vial to pick it up, then tap another vial to pour. Keep pouring matching colors until each bottle is filled with one shade. In Happy Vials you can undo moves, use free hints, and restart anytime.</p><ol class="home-section-body mt-6 list-decimal space-y-2 pl-6"><li>Tap a glass vial to select the liquid you want to pour.</li><li>Tap a second vial with matching top color and enough space.</li><li>Repeat until every vial holds only one color.</li><li>Use Hint, Undo, or Shuffle if a level gets tricky.</li></ol><p class="mt-6 text-center sm:text-left"><a class="text-sm font-bold text-[#5c3bbd] underline-offset-2 hover:underline" href="/guides/how-to-play-water-sort-puzzle">Read the full how to play water sort puzzle guide</a></p></div></section><section class="section-block relative overflow-hidden bg-white" aria-labelledby="home-features-heading"><div class="section-decor-bg" style="background-image:url(&#x27;/assets/image-003.png&#x27;)" aria-hidden="true"></div><div class="relative z-10 site-container "><header class="section-header section-header--spaced "><h2 id="home-features-heading" class="home-section-heading">Features</h2><p class="home-section-body mt-3">Everything that makes Happy Vials relaxing, colorful, and fun to play.</p></header><ul class="mt-10 grid list-none gap-4 sm:grid-cols-2"><li class="flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-[#7c4dff]" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
41.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span><div><h3 class="page-subheading">Easy one-finger controls</h3><p class="home-section-body mt-1">Easy one finger control for the perfect sort experience.</p></div></li><li class="flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-[#7c4dff]" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span><div><h3 class="page-subheading">Beautiful themes</h3><p class="home-section-body mt-1">Wonderful free puzzle game experience with easy gameplay.</p></div></li><li class="flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-[#7c4dff]" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span><div><h3 class="page-subheading">No time limits</h3><p class="home-section-body mt-1">No time limits, only enjoyment of sorting water puzzles.</p></div></li><li class="flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-[#7c4dff]" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span><div><h3 class="page-subheading">Sort into vials</h3><p class="home-section-body mt-1">Sort the puzzle colors into respective vials.</p></div></li><li class="flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-[#7c4dff]" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span><div><h3 class="page-subheading">Free hints</h3><p class="home-section-body mt-1">Get free hints in case you get stuck in this brain puzzle game.</p></div></li><li class="flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-[#7c4dff]" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
41.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span><div><h3 class="page-subheading">Colorful graphics &amp; sounds</h3><p class="home-section-body mt-1">Colorful graphics &amp; exciting water sort color sounds.</p></div></li><li class="flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm"><span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-[#7c4dff]" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></span><div><h3 class="page-subheading">Unique levels</h3><p class="home-section-body mt-1">Multiple unique levels with amazing water game challenges.</p></div></li></ul></div></section><section class="section-block section-block--alt relative overflow-hidden" aria-labelledby="home-about-game-heading"><div class="section-decor-bg" style="background-image:url(&#x27;/assets/image-005.png&#x27;)" aria-hidden="true"></div><div class="relative z-10 site-container md:max-w-4xl lg:max-w-4xl"><header class="section-header section-header--spaced "><h2 id="home-about-game-heading" class="home-section-heading">Why players choose Happy Vials</h2><p class="home-section-body mt-3">Happy Vials is built for calm sessions: cute bottles, gentle visuals, and water sort levels you can pause anytime.</p></header><div class="home-section-body mt-10 space-y-6"><p>Exercise your brain in a fun and challenging way by playing with different types of vials and bottles filled with colorful liquids. This mental sorting game will challenge you to stack colorful water in vials and bottles, with a goal of sorting water, so that every bottle has liquid of only one color in it. Let&#x27;s see how good you are at sorting the colors, placing it in different water tubes in this water color game Happy Vials.</p><p>Happy Vials is a very easy, and at the same time challenging color water sort game. All you have to do in this color matching game is to use your brain to sort colors correctly in every vial. It&#x27;s time to get yourself in the game and sort color water puzzles.</p><p>There are vials filled with water of different colors. You need to sort the colored waters in the vials quickly until all the same colors are together in each vial and become a champion of this color water sorting game Happy Vials.</p></div><p class="mt-8 flex justify-center md:justify-start"><a class="inline-flex items-center rounded-2xl border border-white/20 font-semibold text-white transition-transform hover:scale-105 gap-3 px-5 py-2.5 bg-[#7c4dff] shadow-[0_8px_24px_rgba(124,77,255,0.35)] hover:bg-[#6a3fe8] " href="/about"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="flex flex-col justify-center text-left"><span class="mb-1 text-[10px] font-medium leading-none opacity-90">LEARN MORE</span><span class="text-[1.15rem] font-bold leading-none">About Happy Vials</span></span></a></p></div></section><section class="section-block bg-white" aria-labelledby="home-watch-video-heading"><div class="site-container text-center"><header class="section-header section-header--spaced "><h2 id="home-watch-video-heading" class="home-section-heading">Watch Video Happy Vials: Water Sort Puzzle</h2><p class="home-section-body mt-3">Learn how to play in just a few minutes. Watch how to pour colored liquids between vials, sort each shade into its own bottle, and use free hints when a level gets tricky - all without timer pressure.</p></header><div class="home-section-body mx-auto max-w-2xl space-y-4"><p>Whether you are new to water sort puzzles or want a quick refresher, this video shows the core moves, smart pours, and the calm flow that makes Happy Vials easy to pick up and hard to put down.</p></div><div class="mt-8"><div class="overflow-hidden rounded-2xl border border-violet-100 bg-black shadow-[0_16px_40px_rgba(94,71,180,0.15)]"><div class="mx-auto aspect-video w-full max-w-4xl"><div style="height:auto;width:auto" data-ntpc="YouTubeEmbed">
4<lite-youtube videoid="hun7JkoDkCQ" playlabel="Happy Vials: Water Sort Puzzle - learn how to play" params="modestbranding=1" style="width:100%;height:100%;max-width:100%"></lite-youtube></div></div></div></div><div class="mt-6 flex justify-center"><a href="https://www.youtube.com/watch?v=hun7JkoDkCQ" target="_blank" rel="noopener noreferrer" class="inline-flex items-center rounded-2xl border border-white/20 font-semibold text-white transition-transform hover:scale-105 min-w-[240px] justify-center gap-4 px-8 py-3 bg-gradient-to-br from-pink-400 to-rose-500 shadow-[0_8px_24px_rgba(244,114,182,0.4)] hover:from-pink-500 hover:to-rose-600 sm:min-w-[280px] "><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play" aria-hidden="true"><path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"></path><circle cx="12" cy="12" r="10"></circle></svg><span class="flex flex-col justify-center text-left"><span class="mb-1 text-[10px] font-medium leading-none opacity-90">OPEN ON</span><span class="text-[1.15rem] font-bold leading-none">YouTube</span></span></a></div></div></section><section class="section-block--wide section-block--alt text-center" aria-labelledby="home-explore-heading"><div class="site-container"><header class="section-header section-header--spaced "><h2 id="home-explore-heading" class="home-section-heading">Explore Happy Vials</h2><p class="home-section-body mt-3">Everything you need to start your sorting adventure - from learning what Happy Vials is about to seeing screenshots, features, and getting help when you need it.</p></header><div class="home-section-body mx-auto max-w-2xl space-y-4"><p>Browse our guides below to discover gameplay tips, booster tools, beautiful themes, and answers to common questions before you download on the App Store or Google Play.</p></div></div><ul class="mx-auto mt-10 grid list-none grid-cols-1 gap-6 px-4 sm:grid-cols-2 sm:px-6 lg:px-10 xl:grid-cols-4"><li><article class="group relative aspect-[432/544] w-full overflow-hidden rounded-[32px] shadow-[0_18px_35px_rgba(94,71,180,0.18)] transition duration-300 hover:-translate-y-1 hover:shadow-[0_22px_45px_rgba(94,71,180,0.28)]"><div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image:url(/assets/happy-vials/purple_about_underlay.svg)" aria-hidden="true"></div><div class="pointer-events-none absolute inset-x-0 top-0 z-10 h-[58%]"><img src="/assets/happy-vials/kawaii_potion_bottle_trio.png" alt="About Happy Vials" class="absolute left-1/2 -translate-x-1/2 object-contain drop-shadow-[0_14px_22px_rgba(74,42,147,0.22)] bottom-[20%] w-[60%] max-w-[300px]" loading="lazy"/></div><div class="absolute inset-x-0 bottom-0 z-20 flex min-h-[46%] flex-col justify-end px-9 pb-9 pt-16"><h3 class="hv-card-title text-white">About
5Happy Vials</h3><div class="mt-4 h-1 w-11 rounded-full bg-white/90"></div><div class="mt-4 flex items-end justify-between gap-4"><p class="hv-card-text flex-1 text-white/90">Learn more about the game and our mission.</p><a class="mb-0.5 grid h-12 w-12 shrink-0 place-items-center rounded-full bg-white shadow-[0_6px_14px_rgba(72,52,140,0.2)] transition duration-300 group-hover:scale-105 text-violet-600" aria-label="Open About Happy Vials" href="/about"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></article></li><li><article class="group relative aspect-[432/544] w-full overflow-hidden rounded-[32px] shadow-[0_18px_35px_rgba(94,71,180,0.18)] transition duration-300 hover:-translate-y-1 hover:shadow-[0_22px_45px_rgba(94,71,180,0.28)]"><div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image:url(/assets/happy-vials/blue_features_underlay.svg)" aria-hidden="true"></div><div class="pointer-events-none absolute inset-x-0 top-0 z-10 h-[58%]"><img src="/assets/happy-vials/glossy_purple_light_bulb_icon.png" alt="Game Features" class="absolute left-1/2 -translate-x-1/2 object-contain drop-shadow-[0_14px_22px_rgba(74,42,147,0.22)] bottom-[20%] w-[60%] max-w-[300px]" loading="lazy"/></div><div class="absolute inset-x-0 bottom-0 z-20 flex min-h-[46%] flex-col justify-end px-9 pb-9 pt-16"><h3 class="hv-card-title text-white">Game
6Features</h3><div class="mt-4 h-1 w-11 rounded-full bg-white/90"></div><div class="mt-4 flex items-end justify-between gap-4"><p class="hv-card-text flex-1 text-white/90">Discover powerful boosts and helpful tools.</p><a class="mb-0.5 grid h-12 w-12 shrink-0 place-items-center rounded-full bg-white shadow-[0_6px_14px_rgba(72,52,140,0.2)] transition duration-300 group-hover:scale-105 text-blue-600" aria-label="Open Game Features" href="/features"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></article></li><li><article class="group relative aspect-[432/544] w-full overflow-hidden rounded-[32px] shadow-[0_18px_35px_rgba(94,71,180,0.18)] transition duration-300 hover:-translate-y-1 hover:shadow-[0_22px_45px_rgba(94,71,180,0.28)]"><div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image:url(/assets/happy-vials/teal_screenshots_underlay.svg)" aria-hidden="true"></div><div class="pointer-events-none absolute inset-x-0 top-0 z-10 h-[58%]"><img src="/assets/happy-vials/purple_liquid_pouring_from_glass_bottle.png" alt="How to Play" class="absolute left-1/2 -translate-x-1/2 object-contain drop-shadow-[0_14px_22px_rgba(74,42,147,0.22)] bottom-[20%] w-[60%] max-w-[300px]" loading="lazy"/></div><div class="absolute inset-x-0 bottom-0 z-20 flex min-h-[46%] flex-col justify-end px-9 pb-9 pt-16"><h3 class="hv-card-title text-white">How to
7Play</h3><div class="mt-4 h-1 w-11 rounded-full bg-white/90"></div><div class="mt-4 flex items-end justify-between gap-4"><p class="hv-card-text flex-1 text-white/90">Step-by-step water sort puzzle guide.</p><a class="mb-0.5 grid h-12 w-12 shrink-0 place-items-center rounded-full bg-white shadow-[0_6px_14px_rgba(72,52,140,0.2)] transition duration-300 group-hover:scale-105 text-cyan-600" aria-label="Open How to Play" href="/guides/how-to-play-water-sort-puzzle"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></article></li><li><article class="group relative aspect-[432/544] w-full overflow-hidden rounded-[32px] shadow-[0_18px_35px_rgba(94,71,180,0.18)] transition duration-300 hover:-translate-y-1 hover:shadow-[0_22px_45px_rgba(94,71,180,0.28)]"><div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image:url(/assets/happy-vials/pink_support_underlay.svg)" aria-hidden="true"></div><div class="pointer-events-none absolute inset-x-0 top-0 z-10 h-[58%]"><img src="/assets/happy-vials/glossy_lifebuoy_with_twisted_rope.png" alt="Support Center" class="absolute left-1/2 -translate-x-1/2 object-contain drop-shadow-[0_14px_22px_rgba(74,42,147,0.22)] bottom-[20%] w-[60%] max-w-[300px]" loading="lazy"/></div><div class="absolute inset-x-0 bottom-0 z-20 flex min-h-[46%] flex-col justify-end px-9 pb-9 pt-16"><h3 class="hv-card-title text-white">Support
8Center</h3><div class="mt-4 h-1 w-11 rounded-full bg-white/90"></div><div class="mt-4 flex items-end justify-between gap-4"><p class="hv-card-text flex-1 text-white/90">Need help? We&#x27;re here for you!</p><a class="mb-0.5 grid h-12 w-12 shrink-0 place-items-center rounded-full bg-white shadow-[0_6px_14px_rgba(72,52,140,0.2)] transition duration-300 group-hover:scale-105 text-pink-600" aria-label="Open Support Center" href="/support"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></article></li></ul></section><section class="section-block section-block--alt" aria-labelledby="home-screenshots-heading"><div class="site-container text-center"><header class="section-header section-header--spaced "><h2 id="home-screenshots-heading" class="home-section-heading">Game Screenshots</h2><p class="home-section-body mt-3">Sort colors, unlock themes, and enjoy calm puzzle gameplay on every level.</p></header></div><div class="container mx-auto mt-10 sm:mt-12"><ul class="flex list-none gap-5 overflow-x-auto pb-4 snap-x snap-mandatory scroll-smooth [-ms-overflow-style:none] [scrollbar-width:none] sm:grid sm:grid-cols-2 sm:overflow-visible sm:pb-0 lg:grid-cols-3 xl:grid-cols-5 [&amp;::-webkit-scrollbar]:hidden"><li class="w-[min(72vw,220px)] shrink-0 snap-center sm:w-auto"><figure class="group flex h-full flex-col"><div class="overflow-hidden rounded-[1.75rem] border-4 border-white bg-white shadow-[0_16px_40px_rgba(94,71,180,0.18)] transition duration-300 group-hover:-translate-y-1 group-hover:shadow-[0_22px_48px_rgba(94,71,180,0.26)]"><img alt="Classic Gameplay - Happy Vials: Water Sort Puzzle" loading="lazy" width="1242" height="2208" decoding="async" data-nimg="1" class="h-auto w-full" style="color:transparent" sizes="(max-width: 640px) 72vw, (max-width: 1024px) 45vw, 220px" srcSet="/_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x1.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x1.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x1.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x1.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x1.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x1.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x1.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x1.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x1.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x1.png&amp;w=3840&amp;q=75"/></div><figcaption class="mt-3 px-0.5 text-center"><h3 class="page-subheading">Classic Gameplay</h3><p class="home-section-body mt-1">Sort colorful liquids across beautiful vials.</p></figcaption></figure></li><li class="w-[min(72vw,220px)] shrink-0 snap-center sm:w-auto"><figure class="group flex h-full flex-col"><div class="overflow-hidden rounded-[1.75rem] border-4 border-white bg-white shadow-[0_16px_40px_rgba(94,71,180,0.18)] transition duration-300 group-hover:-translate-y-1 group-hover:shadow-[0_22px_48px_rgba(94,71,180,0.26)]"><img alt="Choose Your Challenge - Happy Vials: Water Sort Puzzle" loading="lazy" width="1242" height="2208" decoding="async" data-nimg="1" class="h-auto w-full" style="color:transparent" sizes="(max-width: 640px) 72vw, (max-width: 1024px) 45vw, 220px" srcSet="/_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x2.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x2.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x2.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x2.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x2.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x2.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x2.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x2.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x2.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x2.png&amp;w=3840&amp;q=75"/></div><figcaption class="mt-3 px-0.5 text-center"><h3 class="page-subheading">Choose Your Challenge</h3><p class="home-section-body mt-1">
8Pick Easy, Normal, Hard, or Expert modes.</p></figcaption></figure></li><li class="w-[min(72vw,220px)] shrink-0 snap-center sm:w-auto"><figure class="group flex h-full flex-col"><div class="overflow-hidden rounded-[1.75rem] border-4 border-white bg-white shadow-[0_16px_40px_rgba(94,71,180,0.18)] transition duration-300 group-hover:-translate-y-1 group-hover:shadow-[0_22px_48px_rgba(94,71,180,0.26)]"><img alt="Feel the Reward - Happy Vials: Water Sort Puzzle" loading="lazy" width="1242" height="2208" decoding="async" data-nimg="1" class="h-auto w-full" style="color:transparent" sizes="(max-width: 640px) 72vw, (max-width: 1024px) 45vw, 220px" srcSet="/_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x3.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x3.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x3.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x3.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x3.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x3.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x3.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x3.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x3.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x3.png&amp;w=3840&amp;q=75"/></div><figcaption class="mt-3 px-0.5 text-center"><h3 class="page-subheading">Feel the Reward</h3><p class="home-section-body mt-1">Celebrate every level complete with stars.</p></figcaption></figure></li><li class="w-[min(72vw,220px)] shrink-0 snap-center sm:w-auto"><figure class="group flex h-full flex-col"><div class="overflow-hidden rounded-[1.75rem] border-4 border-white bg-white shadow-[0_16px_40px_rgba(94,71,180,0.18)] transition duration-300 group-hover:-translate-y-1 group-hover:shadow-[0_22px_48px_rgba(94,71,180,0.26)]"><img alt="Powerful Boosters - Happy Vials: Water Sort Puzzle" loading="lazy" width="1242" height="2208" decoding="async" data-nimg="1" class="h-auto w-full" style="color:transparent" sizes="(max-width: 640px) 72vw, (max-width: 1024px) 45vw, 220px" srcSet="/_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x4.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x4.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x4.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x4.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x4.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x4.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x4.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x4.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x4.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x4.png&amp;w=3840&amp;q=75"/></div><figcaption class="mt-3 px-0.5 text-center"><h3 class="page-subheading">Powerful Boosters</h3><p class="home-section-body mt-1">Hints, undo, shuffle, and more at your fingertips.</p></figcaption></figure></li><li class="w-[min(72vw,220px)] shrink-0 snap-center sm:w-auto"><figure class="group flex h-full flex-col"><div class="overflow-hidden rounded-[1.75rem] border-4 border-white bg-white shadow-[0_16px_40px_rgba(94,71,180,0.18)] transition duration-300 group-hover:-translate-y-1 group-hover:shadow-[0_22px_48px_rgba(94,71,180,0.26)]"><img alt="Beautiful Themes - Happy Vials: Water Sort Puzzle" loading="lazy" width="1242" height="2208" decoding="async" data-nimg="1" class="h-auto w-full" style="color:transparent" sizes="(max-width: 640px) 72vw, (max-width: 1024px) 45vw, 220px" srcSet="/_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x5.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x5.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x5.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x5.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x5.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x5.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x5.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x5.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x5.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fscreen%2Fstore-screenshots-1242x2208x5.png&amp;w=3840&amp;q=75"/></div><figcaption class="mt-3 px-0.5 text-center"><h3 class="page-subheading">Beautiful Themes</h3><p class="home-section-body mt-1">Multiple gameplay themes and bottle shapes.</p></figcaption></figure></li></ul></div></section><section id="faq" class="section-block section-block--alt relative overflow-hidden" aria-labelledby="faq-heading"><div class="decor-blur -right-20 top-10 h-64 w-64 bg-violet-300/20" aria-hidden="true"></div><div class="relative site-container"><header class="section-header section-header--spaced "><h2 id="faq-heading" class="home-section-heading">
8Happy Vials FAQ</h2><p class="home-section-body mt-3">Quick answers about this free water sort puzzle for iOS and Android.</p></header><div class="mx-auto mt-10 max-w-3xl space-y-3"><details class="group rounded-2xl border border-violet-100 bg-white shadow-sm transition open:border-cyan-300 open:shadow-md"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4 text-left font-semibold text-slate-800 marker:content-none [&amp;::-webkit-details-marker]:hidden"><h3 class="text-base font-semibold sm:text-lg">What is a water sort puzzle?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-5 w-5 shrink-0 text-[#7c4dff] transition group-open:rotate-90" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></summary><p class="home-section-body border-t border-violet-50 px-5 pb-4 pt-3">A water sort puzzle is a color-sorting game where you pour colored liquids between vials until each bottle holds only one color. Happy Vials is a calm water sort puzzle with no timer pressure.</p></details><details class="group rounded-2xl border border-violet-100 bg-white shadow-sm transition open:border-cyan-300 open:shadow-md"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4 text-left font-semibold text-slate-800 marker:content-none [&amp;::-webkit-details-marker]:hidden"><h3 class="text-base font-semibold sm:text-lg">Is Happy Vials free to download?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-5 w-5 shrink-0 text-[#7c4dff] transition group-open:rotate-90" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></summary><p class="home-section-body border-t border-violet-50 px-5 pb-4 pt-3">Yes. Happy Vials: Water Sort Puzzle is free on the App Store and Google Play. Optional in-app purchases are available for boosters and cosmetics.</p></details><details class="group rounded-2xl border border-violet-100 bg-white shadow-sm transition open:border-cyan-300 open:shadow-md"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4 text-left font-semibold text-slate-800 marker:content-none [&amp;::-webkit-details-marker]:hidden"><h3 class="text-base font-semibold sm:text-lg">Does Happy Vials have a time limit?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-5 w-5 shrink-0 text-[#7c4dff] transition group-open:rotate-90" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></summary><p class="home-section-body border-t border-violet-50 px-5 pb-4 pt-3">No. Unlike many puzzle games, Happy Vials has no countdown timer. Sort at your own pace and use free hints when a level gets tricky.</p></details><details class="group rounded-2xl border border-violet-100 bg-white shadow-sm transition open:border-cyan-300 open:shadow-md"><summary class="flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4 text-left font-semibold text-slate-800 marker:content-none [&amp;::-webkit-details-marker]:hidden"><h3 class="text-base font-semibold sm:text-lg">Where can I play Happy Vials?</h3><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right h-5 w-5 shrink-0 text-[#7c4dff] transition group-open:rotate-90" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></summary><p class="home-section-body border-t border-violet-50 px-5 pb-4 pt-3">Download Happy Vials for iOS and Android from the App Store or Google Play, then pour, sort, and match colorful liquids across hundreds of relaxing levels.</p></details></div></div></section><aside class="section-block px-4 py-8 sm:px-6" aria-label="Advertisement"><div class="container mx-auto min-h-[90px] max-w-4xl overflow-hidden"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3272533817646940" data-ad-slot="9415416040" data-ad-format="auto" data-full-width-responsive="true"></ins></div></aside><section class="section-block px-4 pb-8 sm:px-6" aria-labelledby="home-cta-heading"><div class="container mx-auto"><div class="relative overflow-hidden rounded-3xl bg-gradient-to-br from-[#7c4dff] to-[#5c3bbd] px-6 py-16 text-center text-white"><div class="pointer-events-none absolute inset-0 opacity-20" aria-hidden="true"><div class="absolute left-4 top-4 h-20 w-20 rounded-full bg-white/30"></div><div class="absolute bottom-4 right-4 h-16 w-16 rounded-full bg-pink-300/40"></div></div><div class="relative z-10"><h2 id="home-cta-heading" class="cta-heading">
8Ready to relax and sort?</h2><p class="cta-body mx-auto mt-4 max-w-xl">Download Happy Vials for free and enjoy hundreds of colorful puzzle levels with no timer pressure.</p><div class="flex flex-col   gap-4 mt-8 flex-row justify-center"><a href="https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple mb-1" aria-hidden="true"><path d="M12 6.528V3a1 1 0 0 1 1-1h0"></path><path d="M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21"></path></svg><div class="flex flex-col justify-center text-left"><span class="text-[10px] mb-1 leading-none font-medium opacity-90">Download on the</span><span class="text-[1.1rem] leading-none font-bold">App Store</span></div></a><a href="https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play text-white" aria-hidden="true"><path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"></path><circle cx="12" cy="12" r="10"></circle></svg><div class="flex flex-col justify-center text-left"><span class="text-[10px] mb-1 leading-none font-medium opacity-90">GET IT ON</span><span class="text-[1.1rem] leading-none font-bold">Google Play</span></div></a></div></div><img src="/images/logo-180.png" alt="Happy Vials: Water Sort Puzzle" width="48" height="48" class="absolute -left-4 bottom-4 hidden h-16 w-16 animate-float opacity-30 md:block shrink-0 rounded-[22%] object-contain [filter:brightness(0)_invert(1)]" aria-hidden="true"/><img src="/images/logo-180.png" alt="Happy Vials: Water Sort Puzzle" width="48" height="48" class="absolute -right-4 top-4 hidden h-14 w-14 animate-float opacity-20 md:block shrink-0 rounded-[22%] object-contain [filter:brightness(0)_invert(1)]" aria-hidden="true"/></div></div></section><!--$--><!--/$--></main><footer class="mt-auto"><div class="w-full overflow-hidden leading-none " aria-hidden="true"><svg viewBox="0 0 1440 80" class="w-full h-12 md:h-16 " preserveAspectRatio="none"><path fill="var(--hv-footer)" d="M0,40 C360,80 720,0 1080,40 C1260,60 1380,50 1440,40 L1440,80 L0,80 Z"></path></svg></div><div class="bg-[#5c3bbd] px-4 pt-12 pb-8 text-white sm:px-6"><div class="container mx-auto grid gap-10 md:grid-cols-2 lg:grid-cols-4"><div><a class="inline-flex items-center gap-2" href="/"><img src="/images/logo-180.png" alt="Happy Vials: Water Sort Puzzle" width="48" height="48" class="h-10 w-10 shrink-0 rounded-[22%] object-contain [filter:brightness(0)_invert(1)]" aria-hidden="true"/><span class="footer-logo-text text-lg sm:text-xl">HAPPY VIALS</span></a><p class="mt-4 text-sm text-purple-100">Pour, sort, and match colorful liquids in this satisfying puzzle adventure. Easy to learn, impossible to put down!</p><ul class="mt-6 flex list-none gap-3"><li><a href="#" class="flex h-9 w-9 items-center justify-center rounded-full bg-white/15 text-white hover:bg-white/25" aria-label="Facebook (opens in new tab)" target="_blank" rel="noopener noreferrer"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg></a></li><li><a href="#" class="flex h-9 w-9 items-center justify-center rounded-full bg-white/15 text-white hover:bg-white/25" aria-label="Instagram (opens in new tab)" target="_blank" rel="noopener noreferrer"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"></path></svg></a></li><li><a href="#" class="flex h-9 w-9 items-center justify-center rounded-full bg-white/15 text-white hover:bg-white/25" aria-label="YouTube (opens in new tab)" target="_blank" rel="noopener noreferrer"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a></li><li><a href="#" class="flex h-9 w-9 items-center justify-center rounded-full bg-white/15 text-white hover:bg-white/25" aria-label="TikTok (opens in new tab)" target="_blank" rel="noopener noreferrer"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.27 6.27 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.18 8.18 0 004.78 1.52V6.76a4.85 4.85 0 01-1.01-.07z"></path></svg></a></li></ul></div><nav aria-label="Site navigation"><p class="text-sm font-bold text-white">Navigation</p><ul class="mt-4 list-none space-y-2 text-sm text-purple-100">
8<li><a class="hover:text-white" href="/">Home</a></li><li><a class="hover:text-white" href="/about">About</a></li><li><a class="hover:text-white" href="/features">Features</a></li><li><a class="hover:text-white" href="/screenshots">Screenshots</a></li><li><a class="hover:text-white" href="/guides">Guides</a></li><li><a class="hover:text-white" href="/apps">More Apps</a></li><li><a class="hover:text-white" href="/support">Support</a></li></ul></nav><nav aria-label="Legal"><p class="text-sm font-bold text-white">Legal</p><ul class="mt-4 list-none space-y-2 text-sm text-purple-100"><li><a class="hover:text-white" href="/privacy">Privacy Policy</a></li><li><a class="hover:text-white" href="/terms">Terms of Service</a></li></ul></nav><div><p class="text-sm font-bold text-white">Get the Game</p><div class="flex flex-col   gap-4 mt-4 flex-col items-start"><a href="https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple mb-1" aria-hidden="true"><path d="M12 6.528V3a1 1 0 0 1 1-1h0"></path><path d="M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21"></path></svg><div class="flex flex-col justify-center text-left"><span class="text-[10px] mb-1 leading-none font-medium opacity-90">Download on the</span><span class="text-[1.1rem] leading-none font-bold">App Store</span></div></a><a href="https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-play text-white" aria-hidden="true"><path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z"></path><circle cx="12" cy="12" r="10"></circle></svg><div class="flex flex-col justify-center text-left"><span class="text-[10px] mb-1 leading-none font-medium opacity-90">GET IT ON</span><span class="text-[1.1rem] leading-none font-bold">Google Play</span></div></a></div></div></div><p class="container mx-auto mt-12 border-t border-white/25 pt-6 text-center text-sm text-purple-100">© <!-- -->2026<!-- --> Happy Vials. All rights reserved.</p></div></footer>
8<script src="/_next/static/chunks/0x~_2zp_lruqr.js" id="_R_" async=""></script>
8<script>(self.__next_f=self.__next_f||[]).push([0])</script>
8<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[79520,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\",\"/_next/static/chunks/07i30dzftfz98.js\"],\"\"]\n3:I[54576,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\",\"/_next/static/chunks/07i30dzftfz98.js\"],\"GoogleAnalytics\"]\n4:I[22016,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\",\"/_next/static/chunks/07i30dzftfz98.js\"],\"\"]\n5:I[5500,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\",\"/_next/static/chunks/07i30dzftfz98.js\"],\"Image\"]\n6:I[5014,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\",\"/_next/static/chunks/07i30dzftfz98.js\"],\"default\"]\ne:I[68027,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0y~bec3wusocc.css\",\"style\"]\n:HL[\"/_next/static/media/07454f8ad8aaac57-s.p.0tqkxa-w3pk~c.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/5d52bd6c4cb3f315-s.p.04niyqph9_pxk.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
8<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0y~bec3wusocc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0k6eha.yr0j7v.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"fredoka_987d39bd-module__z5L61G__variable nunito_2f43c3a2-module__y6y3Xa__variable h-full antialiased\",\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"$L2\",null,{\"async\":true,\"src\":\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3272533817646940\",\"crossOrigin\":\"anonymous\",\"strategy\":\"afterInteractive\"}]}],[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col\",\"children\":[[\"$\",\"$L3\",null,{\"gaId\":\"G-HGV4SNGXC7\"}],[\"$\",\"header\",null,{\"className\":\"absolute top-4 left-0 right-0 z-50 flex w-full animate-fade-in-up justify-center px-4 md:px-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto w-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex min-h-[62px] w-full items-center justify-between rounded-full border border-white/60 bg-white px-5 py-4 shadow-[0_8px_30px_rgb(0,0,0,0.06)] md:min-h-[70px] md:px-8 md:py-5\",\"children\":[[\"$\",\"$L4\",null,{\"href\":\"/\",\"className\":\"flex shrink-0 items-center gap-2.5 sm:gap-3\",\"children\":[[\"$\",\"$L5\",null,{\"src\":\"/images/logo-180.png\",\"alt\":\"Logo Happy Vials: Water Sort Puzzle\",\"width\":48,\"height\":48,\"className\":\"h-10 w-10 sm:h-11 sm:w-11 shrink-0 rounded-[22%] object-contain\",\"priority\":true}],[\"$\",\"span\",null,{\"className\":\"header-logo-text flex flex-col text-sm sm:text-base\",\"children\":[\"$\",\"span\",null,{\"children\":\"HAPPY VIALS\"}]}]]}],[\"$\",\"nav\",null,{\"className\":\"hidden items-center gap-6 lg:flex xl:gap-8\",\"aria-label\":\"Main navigation\",\"children\":[[\"$\",\"$L4\",\"/\",{\"href\":\"/\",\"className\":\"relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700\",\"children\":\"Home\"}],[\"$\",\"$L4\",\"/about\",{\"href\":\"/about\",\"className\":\"relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700\",\"children\":\"About\"}],[\"$\",\"$L4\",\"/features\",{\"href\":\"/features\",\"className\":\"relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700\",\"children\":\"Features\"}],[\"$\",\"$L4\",\"/screenshots\",{\"href\":\"/screenshots\",\"className\":\"relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700\",\"children\":\"Screenshots\"}],[\"$\",\"$L4\",\"/guides\",{\"href\":\"/guides\",\"className\":\"relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700\",\"children\":\"Guides\"}],[\"$\",\"$L4\",\"/apps\",{\"href\":\"/apps\",\"className\":\"relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700\",\"children\":\"More Apps\"}],[\"$\",\"$L4\",\"/support\",{\"href\":\"/support\",\"className\":\"relative py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700\",\"children\":\"Support\"}]]}],[\"$\",\"div\",null,{\"className\":\"hidden items-center md:flex\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-row gap-2 \",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-2 px-3 py-1.5 rounded-[0.85rem] font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row\",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M12 6.528V3a1 1 0 0 1 1-1h0\",\"key\":\"11qiee\"}],[\"path\",{\"d\":\"M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21\",\"key\":\"110c12\"}]],\"className\":\"lucide-apple\",\"size\":20}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[8px] mb-1 leading-none font-medium opacity-90\",\"children\":\"Download on the\"}],\"$L7\"]}]]}],\"$L8\"]}]}],\"$L9\"]}]}]}],\"$La\",\"$Lb\"]}]]}]]}],{\"children\":[\"$Lc\",{}
8,null,false,null]},null,false,null],\"$Ld\",false]],\"m\":\"$undefined\",\"G\":[\"$e\",[\"$Lf\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"y9wQiFUZzY7FEw3qxYFf1\"}\n"])</script>
8<script>self.__next_f.push([1,"10:I[39756,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\"],\"default\"]\n11:I[37457,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\"],\"default\"]\n25:I[97367,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\"],\"ViewportBoundary\"]\n27:I[97367,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\"],\"MetadataBoundary\"]\n28:\"$Sreact.suspense\"\n:HL[\"/images/logo-180.png\",\"image\"]\n7:[\"$\",\"span\",null,{\"className\":\"text-sm leading-none font-bold\",\"children\":\"App Store\"}]\n8:[\"$\",\"a\",null,{\"href\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-2 px-3 py-1.5 rounded-[0.85rem] font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row\",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z\",\"key\":\"kmsa83\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\",\"key\":\"1mglay\"}]],\"className\":\"lucide-circle-play text-white\",\"size\":20}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[8px] mb-1 leading-none font-medium opacity-90\",\"children\":\"GET IT ON\"}],[\"$\",\"span\",null,{\"className\":\"text-sm leading-none font-bold\",\"children\":\"Google Play\"}]]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"9:[\"$\",\"details\",null,{\"className\":\"group relative lg:hidden\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex cursor-pointer list-none items-center justify-center rounded-full bg-indigo-50 p-3 text-indigo-950 [\u0026::-webkit-details-marker]:hidden\",\"aria-label\":\"Open menu\",\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M4 5h16\",\"key\":\"1tepv9\"}],[\"path\",{\"d\":\"M4 12h16\",\"key\":\"1lakjw\"}],[\"path\",{\"d\":\"M4 19h16\",\"key\":\"1djgab\"}]],\"className\":\"lucide-menu\",\"size\":26,\"aria-hidden\":true}]}],[\"$\",\"nav\",null,{\"className\":\"absolute right-0 top-[calc(100%+0.75rem)] z-50 min-w-[220px] rounded-3xl border border-white/60 bg-white p-4 shadow-[0_8px_30px_rgb(0,0,0,0.08)]\",\"aria-label\":\"Mobile navigation\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"li\",\"/\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/\",\"className\":\"block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50\",\"children\":\"Home\"}]}],[\"$\",\"li\",\"/about\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/about\",\"className\":\"block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50\",\"children\":\"About\"}]}],[\"$\",\"li\",\"/features\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/features\",\"className\":\"block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50\",\"children\":\"Features\"}]}],[\"$\",\"li\",\"/screenshots\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/screenshots\",\"className\":\"block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50\",\"children\":\"Screenshots\"}]}],[\"$\",\"li\",\"/guides\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/guides\",\"className\":\"block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50\",\"children\":\"Guides\"}]}],[\"$\",\"li\",\"/apps\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/apps\",\"className\":\"block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50\",\"children\":\"More Apps\"}]}],[\"$\",\"li\",\"/support\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/support\",\"className\":\"block rounded-2xl px-4 py-3 text-[15px] font-bold text-slate-500 transition-colors hover:text-indigo-700 hover:bg-slate-50\",\"children\":\"Support\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex justify-center border-t border-slate-100 pt-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-row gap-2 \",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-2 px-3 py-1.5 rounded-[0.85rem] font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row\",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$0:f:0:1:0:props:children:1:props:children:1:props:children:1:props:children:props:children:props:children:2:props:children:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-apple\",\"size\":20}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[8px] mb-1 leading-none font-medium opacity-90\",\"children\":\"Download on the\"}],[\"$\",\"span\",null,{\"className\":\"text-sm leading-none font-bold\",\"children\":\"App Store\"}]]}]]}],[\"$\",\"a\",null,{\"href\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-2 px-3 py-1.5 rounded-[0.85rem] font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row\",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8:props:children:0:props:iconNode\",\"className\":\"lucide-circle-play text-white\",\"size\":20}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[8px] mb-1 leading-none font-medium opacity-90\",\"children\":\"GET IT ON\"}],[\"$\",\"span\",null,{\"className\":\"text-sm leading-none font-bold\",\"children\":\"Google Play\"}]]}]]}]]}]}]]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"a:[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n"])</script>
8<script>self.__next_f.push([1,"b:[\"$\",\"footer\",null,{\"className\":\"mt-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-full overflow-hidden leading-none \",\"aria-hidden\":true,\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1440 80\",\"className\":\"w-full h-12 md:h-16 \",\"preserveAspectRatio\":\"none\",\"children\":[\"$\",\"path\",null,{\"fill\":\"var(--hv-footer)\",\"d\":\"M0,40 C360,80 720,0 1080,40 C1260,60 1380,50 1440,40 L1440,80 L0,80 Z\"}]}]}],[\"$\",\"div\",null,{\"className\":\"bg-[#5c3bbd] px-4 pt-12 pb-8 text-white sm:px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"container mx-auto grid gap-10 md:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"$L4\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center gap-2\",\"children\":[[\"$\",\"img\",null,{\"src\":\"/images/logo-180.png\",\"alt\":\"Happy Vials: Water Sort Puzzle\",\"width\":48,\"height\":48,\"className\":\"h-10 w-10 shrink-0 rounded-[22%] object-contain [filter:brightness(0)_invert(1)]\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"footer-logo-text text-lg sm:text-xl\",\"children\":\"HAPPY VIALS\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-sm text-purple-100\",\"children\":\"Pour, sort, and match colorful liquids in this satisfying puzzle adventure. Easy to learn, impossible to put down!\"}],[\"$\",\"ul\",null,{\"className\":\"mt-6 flex list-none gap-3\",\"children\":[[\"$\",\"li\",\"Facebook\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"flex h-9 w-9 items-center justify-center rounded-full bg-white/15 text-white hover:bg-white/25\",\"aria-label\":\"Facebook (opens in new tab)\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"svg\",null,{\"className\":\"h-4 w-4\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"aria-hidden\":true,\"children\":[\"$\",\"path\",null,{\"d\":\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"}]}]}]}],[\"$\",\"li\",\"Instagram\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"flex h-9 w-9 items-center justify-center rounded-full bg-white/15 text-white hover:bg-white/25\",\"aria-label\":\"Instagram (opens in new tab)\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"svg\",null,{\"className\":\"h-4 w-4\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"aria-hidden\":true,\"children\":[\"$\",\"path\",null,{\"d\":\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"}]}]}]}],[\"$\",\"li\",\"YouTube\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"flex h-9 w-9 items-center justify-center rounded-full bg-white/15 text-white hover:bg-white/25\",\"aria-label\":\"YouTube (opens in new tab)\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"svg\",null,{\"className\":\"h-4 w-4\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"aria-hidden\":true,\"children\":[\"$\",\"path\",null,{\"d\":\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"}]}]}]}],\"$L12\"]}]]}],\"$L13\",\"$L14\",\"$L15\"]}],\"$L16\"]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"17:T11dd,"])</script>
8<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://happyvials.com/#organization\",\"name\":\"Happy Vials\",\"alternateName\":\"Happy Vials: Water Sort Puzzle\",\"url\":\"https://happyvials.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://happyvials.com/images/logo-180.png\",\"width\":180,\"height\":180},\"description\":\"Happy Vials is a calm and cute water sort puzzle that helps you to relax while having fun. There is no time limit like in other puzzle games, just relaxed water sort.\",\"email\":\"[email protected]\",\"sameAs\":[\"https://www.youtube.com/watch?v=hun7JkoDkCQ\",\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\"],\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"customer support\",\"email\":\"[email protected]\",\"url\":\"https://happyvials.com/support\"}},{\"@type\":\"WebSite\",\"@id\":\"https://happyvials.com/#website\",\"url\":\"https://happyvials.com\",\"name\":\"Happy Vials\",\"alternateName\":\"Happy Vials: Water Sort Puzzle\",\"description\":\"Happy Vials is a calm and cute water sort puzzle that helps you to relax while having fun. There is no time limit like in other puzzle games, just relaxed water sort.\",\"inLanguage\":\"en\",\"publisher\":{\"@id\":\"https://happyvials.com/#organization\"}},{\"@type\":\"VideoGame\",\"@id\":\"https://happyvials.com/#videogame\",\"name\":\"Happy Vials: Water Sort Puzzle\",\"alternateName\":[\"Happy Vials\",\"water sort puzzle\"],\"description\":\"Happy Vials is a calm and cute water sort puzzle that helps you to relax while having fun. There is no time limit like in other puzzle games, just relaxed water sort.\",\"applicationCategory\":\"Game\",\"genre\":[\"Puzzle\",\"Casual\"],\"operatingSystem\":[\"iOS\",\"Android\"],\"url\":\"https://happyvials.com\",\"image\":\"https://happyvials.com/images/screen/store-screenshots-1242x2208x1.png\",\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"USD\",\"url\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"availability\":\"https://schema.org/InStock\"},\"publisher\":{\"@id\":\"https://happyvials.com/#organization\"}},{\"@type\":[\"SoftwareApplication\",\"MobileApplication\"],\"@id\":\"https://happyvials.com/#mobileapp\",\"name\":\"Happy Vials: Water Sort Puzzle\",\"alternateName\":\"Happy Vials\",\"description\":\"Happy Vials is a calm and cute water sort puzzle that helps you to relax while having fun. There is no time limit like in other puzzle games, just relaxed water sort.\",\"applicationCategory\":\"GameApplication\",\"operatingSystem\":\"iOS, Android\",\"url\":\"https://happyvials.com\",\"image\":\"https://happyvials.com/images/screen/store-screenshots-1242x2208x1.png\",\"downloadUrl\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"installUrl\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"offers\":{\"@type\":\"Offer\",\"price\":\"0\",\"priceCurrency\":\"USD\",\"url\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\"},\"publisher\":{\"@id\":\"https://happyvials.com/#organization\"},\"isRelatedTo\":{\"@id\":\"https://happyvials.com/#videogame\"}},{\"@type\":\"WebPage\",\"@id\":\"https://happyvials.com#webpage\",\"url\":\"https://happyvials.com\",\"name\":\"Happy Vials: Water Sort Puzzle\",\"description\":\"Happy Vials is a calm water sort puzzle for iOS and Android. Pour, sort, and match colorful liquids with no time limits, free hints, and hundreds of relaxing levels.\",\"datePublished\":\"2024-06-01\",\"dateModified\":\"2026-07-10\",\"isPartOf\":{\"@id\":\"https://happyvials.com/#website\"},\"about\":{\"@id\":\"https://happyvials.com/#videogame\"},\"inLanguage\":\"en\"},{\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is a water sort puzzle?\",\"acceptedA
8nswer\":{\"@type\":\"Answer\",\"text\":\"A water sort puzzle is a color-sorting game where you pour colored liquids between vials until each bottle holds only one color. Happy Vials is a calm water sort puzzle with no timer pressure.\"}},{\"@type\":\"Question\",\"name\":\"Is Happy Vials free to download?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Happy Vials: Water Sort Puzzle is free on the App Store and Google Play. Optional in-app purchases are available for boosters and cosmetics.\"}},{\"@type\":\"Question\",\"name\":\"Does Happy Vials have a time limit?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. Unlike many puzzle games, Happy Vials has no countdown timer. Sort at your own pace and use free hints when a level gets tricky.\"}},{\"@type\":\"Question\",\"name\":\"Where can I play Happy Vials?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Download Happy Vials for iOS and Android from the App Store or Google Play, then pour, sort, and match colorful liquids across hundreds of relaxing levels.\"}}]}]}"])</script>
8<script>self.__next_f.push([1,"c:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$17\"}}],\"$L18\",\"$L19\",\"$L1a\",\"$L1b\",\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\"],[\"$L23\"],\"$L24\"]}]\nd:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L25\",null,{\"children\":\"$L26\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L27\",null,{\"children\":[\"$\",\"$28\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L29\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\nf:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0y~bec3wusocc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
8<script>self.__next_f.push([1,"36:I[61316,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\",\"/_next/static/chunks/07i30dzftfz98.js\"],\"\"]\n3f:I[44846,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\",\"/_next/static/chunks/07i30dzftfz98.js\"],\"default\"]\n40:I[97367,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\"],\"OutletBoundary\"]\n12:[\"$\",\"li\",\"TikTok\",{\"children\":[\"$\",\"a\",null,{\"href\":\"#\",\"className\":\"flex h-9 w-9 items-center justify-center rounded-full bg-white/15 text-white hover:bg-white/25\",\"aria-label\":\"TikTok (opens in new tab)\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":[\"$\",\"svg\",null,{\"className\":\"h-4 w-4\",\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"aria-hidden\":true,\"children\":[\"$\",\"path\",null,{\"d\":\"M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.27 6.27 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.18 8.18 0 004.78 1.52V6.76a4.85 4.85 0 01-1.01-.07z\"}]}]}]}]\n13:[\"$\",\"nav\",null,{\"aria-label\":\"Site navigation\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-bold text-white\",\"children\":\"Navigation\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 list-none space-y-2 text-sm text-purple-100\",\"children\":[[\"$\",\"li\",\"/\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/\",\"className\":\"hover:text-white\",\"children\":\"Home\"}]}],[\"$\",\"li\",\"/about\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/about\",\"className\":\"hover:text-white\",\"children\":\"About\"}]}],[\"$\",\"li\",\"/features\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/features\",\"className\":\"hover:text-white\",\"children\":\"Features\"}]}],[\"$\",\"li\",\"/screenshots\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/screenshots\",\"className\":\"hover:text-white\",\"children\":\"Screenshots\"}]}],[\"$\",\"li\",\"/guides\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/guides\",\"className\":\"hover:text-white\",\"children\":\"Guides\"}]}],[\"$\",\"li\",\"/apps\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/apps\",\"className\":\"hover:text-white\",\"children\":\"More Apps\"}]}],[\"$\",\"li\",\"/support\",{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/support\",\"className\":\"hover:text-white\",\"children\":\"Support\"}]}]]}]]}]\n14:[\"$\",\"nav\",null,{\"aria-label\":\"Legal\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-bold text-white\",\"children\":\"Legal\"}],[\"$\",\"ul\",null,{\"className\":\"mt-4 list-none space-y-2 text-sm text-purple-100\",\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/privacy\",\"className\":\"hover:text-white\",\"children\":\"Privacy Policy\"}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"$L4\",null,{\"href\":\"/terms\",\"className\":\"hover:text-white\",\"children\":\"Terms of Service\"}]}]]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"15:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-bold text-white\",\"children\":\"Get the Game\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col   gap-4 mt-4 flex-col items-start\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row\",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$0:f:0:1:0:props:children:1:props:children:1:props:children:1:props:children:props:children:props:children:2:props:children:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-apple mb-1\",\"size\":32}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] mb-1 leading-none font-medium opacity-90\",\"children\":\"Download on the\"}],[\"$\",\"span\",null,{\"className\":\"text-[1.1rem] leading-none font-bold\",\"children\":\"App Store\"}]]}]]}],[\"$\",\"a\",null,{\"href\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row\",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8:props:children:0:props:iconNode\",\"className\":\"lucide-circle-play text-white\",\"size\":32}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] mb-1 leading-none font-medium opacity-90\",\"children\":\"GET IT ON\"}],[\"$\",\"span\",null,{\"className\":\"text-[1.1rem] leading-none font-bold\",\"children\":\"Google Play\"}]]}]]}]]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"16:[\"$\",\"p\",null,{\"className\":\"container mx-auto mt-12 border-t border-white/25 pt-6 text-center text-sm text-purple-100\",\"children\":[\"© \",2026,\" Happy Vials. All rights reserved.\"]}]\n"])</script>
8<script>self.__next_f.push([1,"18:[\"$\",\"section\",null,{\"className\":\"relative flex min-h-screen items-center overflow-hidden bg-slate-50 pb-32 pt-32 md:pb-48 md:pt-40\",\"aria-labelledby\":\"hero-heading\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 -z-20 bg-gradient-to-b from-[#e5d8ff] via-[#fdf4ff] to-[#e0f2fe]\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute left-0 top-[45%] -z-10 h-[55%] w-full opacity-60\",\"aria-hidden\":true,\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 1440 320\",\"className\":\"absolute bottom-0 h-full w-full\",\"preserveAspectRatio\":\"none\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",null,{\"fill\":\"#d8b4fe\",\"fillOpacity\":\"0.4\",\"d\":\"M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"}],[\"$\",\"path\",null,{\"fill\":\"#c084fc\",\"fillOpacity\":\"0.2\",\"d\":\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 z-0 overflow-hidden\",\"aria-hidden\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"animate-float-slow absolute left-[15%] top-[5%] h-8 w-8 rounded-full border-[3px] border-white/60 bg-white/20 blur-[1px]\"}],[\"$\",\"div\",null,{\"className\":\"animate-float-medium absolute right-[25%] top-[15%] h-12 w-12 rounded-full border-4 border-white/50 bg-white/20 blur-[1px]\"}],[\"$\",\"div\",null,{\"className\":\"animate-float-fast absolute left-[8%] top-[40%] h-16 w-16 rounded-full border-4 border-white/40 bg-white/10 blur-[2px]\"}],[\"$\",\"div\",null,{\"className\":\"animate-float-slow absolute right-[10%] top-[60%] h-10 w-10 rounded-full border-[3px] border-white/50 bg-white/20 blur-[1px]\"}],[\"$\",\"div\",null,{\"className\":\"animate-float-medium absolute bottom-[20%] left-[20%] h-6 w-6 rounded-full border-2 border-white/60 bg-white/20 blur-[1px]\"}],[\"$\",\"div\",null,{\"className\":\"animate-pulse-slow absolute -left-20 top-[30%] h-64 w-64 rounded-full bg-pink-400/30 opacity-70 mix-blend-multiply blur-3xl filter\"}],[\"$\",\"div\",null,{\"className\":\"animate-pulse-slow absolute -right-20 top-[50%] h-80 w-80 rounded-full bg-cyan-400/30 opacity-70 mix-blend-multiply blur-3xl filter\",\"style\":{\"animationDelay\":\"1s\"}}]]}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute right-0 top-28 z-[1] h-[min(45vw,280px)] w-[min(50vw,320px)] animate-float-slow bg-[url('/im/bootle-1.png')] bg-contain bg-right-top bg-no-repeat opacity-90 drop-shadow-xl sm:top-32 md:right-4 md:top-36 md:h-[320px] md:w-[380px] lg:right-8 lg:h-[360px] lg:w-[420px]\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"container relative z-10 mx-auto mt-8 flex flex-col-reverse items-center px-4 md:flex-row\",\"children\":[[\"$\",\"header\",null,{\"className\":\"animate-fade-in-up z-10 text-center md:w-1/2 md:text-left\",\"children\":[[\"$\",\"h1\",null,{\"id\":\"hero-heading\",\"className\":\"mb-4\",\"children\":[[\"$\",\"span\",null,{\"className\":\"hero-title-line block text-4xl sm:text-5xl md:text-6xl lg:text-7xl\",\"children\":\"HAPPY VIALS:\"}],[\"$\",\"span\",null,{\"className\":\"hero-title-line hero-title-line--accent mt-1 block text-3xl sm:text-4xl md:text-5xl lg:text-6xl\",\"children\":\"WATER SORT PUZZLE\"}]]}],[\"$\",\"p\",null,{\"className\":\"page-lead mx-auto mb-6 max-w-lg md:mx-0\",\"children\":\"Happy Vials is a free water sort puzzle for iOS and Android - calm color sorting with no timer pressure.\"}],\"$L2a\",\"$L2b\"]}],\"$L2c\"]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"19:[\"$\",\"section\",null,{\"className\":\"section-block--wide bg-white text-center\",\"aria-labelledby\":\"home-feature-cards-heading\",\"children\":[[\"$\",\"div\",null,{\"className\":\"site-container\",\"children\":[[\"$\",\"header\",null,{\"className\":\"section-header section-header--spaced \",\"children\":[[\"$\",\"h2\",null,{\"id\":\"home-feature-cards-heading\",\"className\":\"home-section-heading\",\"children\":\"Why You'll Love Happy Vials\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-3\",\"children\":\"Sort the colors. Relax your mind. Have fun. Feel happy. Happy Vials is built around calm water sort gameplay - pour liquids between vials, line up every shade, and enjoy a puzzle that never rushes you.\"}]]}],[\"$\",\"div\",null,{\"className\":\"home-section-body mx-auto max-w-2xl space-y-4\",\"children\":[[\"$\",\"p\",\"With cute bottles, gentle visuals, and hundreds \",{\"children\":\"With cute bottles, gentle visuals, and hundreds of levels to explore, it is the kind of game you open for five minutes and happily stay with much longer.\"}]]}]]}],[\"$\",\"ul\",null,{\"className\":\"mx-auto mt-10 grid list-none grid-cols-1 gap-6 px-4 md:grid-cols-3 sm:px-6 lg:px-10\",\"children\":[[\"$\",\"li\",\"Easy\\nto play\",{\"children\":[\"$\",\"article\",null,{\"className\":\"relative min-h-[240px] overflow-hidden rounded-[34px] bg-cover bg-center px-8 py-8 shadow-[0_18px_36px_rgba(83,68,130,0.10)] ring-1 ring-white/70 transition duration-300 hover:-translate-y-1 hover:shadow-[0_24px_48px_rgba(83,68,130,0.16)] lg:min-h-[260px] lg:px-10\",\"style\":{\"backgroundImage\":\"url(/assets/happy-vials/features/easy_card_underlay.svg)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 rounded-[34px] bg-white/10\",\"aria-hidden\":true}],[\"$\",\"img\",null,{\"src\":\"/assets/happy-vials/features/pink_potion_in_a_glass_bottle.png\",\"alt\":\"\",\"loading\":\"lazy\",\"className\":\"pointer-events-none absolute z-10 select-none drop-shadow-[0_16px_18px_rgba(72,69,142,0.18)] left-5 top-1/2 w-[30%] -translate-y-1/2 -rotate-[20deg] sm:w-[28%] lg:left-7\"}],[\"$\",\"div\",null,{\"className\":\"relative z-20 ml-[34%]\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"hv-card-title text-violet-700\",\"children\":\"Easy\\nto play\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-1 w-11 rounded-full bg-violet-500/70\",\"aria-hidden\":true}],[\"$\",\"p\",null,{\"className\":\"hv-card-text mt-4 text-slate-700\",\"children\":\"Simple controls and smooth gameplay. Anyone can enjoy!\"}]]}]]}]}],[\"$\",\"li\",\"Awesome\\nthemes\",{\"children\":[\"$\",\"article\",null,{\"className\":\"relative min-h-[240px] overflow-hidden rounded-[34px] bg-cover bg-center px-8 py-8 shadow-[0_18px_36px_rgba(83,68,130,0.10)] ring-1 ring-white/70 transition duration-300 hover:-translate-y-1 hover:shadow-[0_24px_48px_rgba(83,68,130,0.16)] lg:min-h-[260px] lg:px-10\",\"style\":{\"backgroundImage\":\"url(/assets/happy-vials/features/themes_card_underlay.svg)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 rounded-[34px] bg-white/10\",\"aria-hidden\":true}],[\"$\",\"img\",null,{\"src\":\"/assets/happy-vials/features/magical_potion_in_stacked_layers.png\",\"alt\":\"\",\"loading\":\"lazy\",\"className\":\"pointer-events-none absolute z-10 select-none drop-shadow-[0_16px_18px_rgba(72,69,142,0.18)] left-4 top-1/2 w-[31%] -translate-y-1/2 -rotate-[13deg] sm:w-[29%] lg:left-8\"}],[\"$\",\"div\",null,{\"className\":\"relative z-20 ml-[36%]\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"hv-card-title text-cyan-700\",\"children\":\"Awesome\\nthemes\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-1 w-11 rounded-full bg-cyan-700/55\",\"aria-hidden\":true}],[\"$\",\"p\",null,{\"className\":\"hv-card-text mt-4 text-slate-600\",\"children\":\"Beautiful bottles, vibrant colors and fun themes await.\"}]]}]]}]}],[\"$\",\"li\",\"100+\\nLevels\",{\"children\":[\"$\",\"article\",null,{\"className\":\"relative min-h-[240px] overflow-hidden rounded-[34px] bg-cover bg-center px-8 py-8 shadow-[0_18px_36px_rgba(83,68,130,0.10)] ring-1 ring-white/70 transition duration-300 hover:-translate-y-1 hover:shadow-[0_24px_48px_rgba(83,68,130,0.16)] lg:min-h-[260px] lg:px-10\",\"style\":{\"backgroundImage\":\"url(/assets/happy-vials/features/levels_card_underlay.svg)\"},\"children\":[\"$L2d\",\"$L2e\",\"$L2f\"]}]}]]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"1a:[[\"$\",\"section\",\"what-is-happy-vials\",{\"id\":\"what-is-happy-vials\",\"className\":\"section-block relative overflow-hidden bg-white\",\"aria-labelledby\":\"geo-what-is-happy-vials-heading\",\"children\":[\"$\",\"div\",null,{\"className\":\"site-container max-w-3xl\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"geo-what-is-happy-vials-heading\",\"className\":\"home-section-heading text-center sm:text-left\",\"children\":\"What is Happy Vials?\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-4 text-center sm:text-left\",\"children\":\"Happy Vials is a free water sort puzzle for iOS and Android. You pour colored liquids between vials until every bottle holds only one color - with no timer, cute themes, and hundreds of relaxing levels.\"}],null,[\"$\",\"ul\",null,{\"className\":\"home-section-body mt-6 list-disc space-y-2 pl-6\",\"children\":[[\"$\",\"li\",\"Calm color sorting with one-finger controls\",{\"children\":\"Calm color sorting with one-finger controls\"}],[\"$\",\"li\",\"No countdown timer - play at your own pace\",{\"children\":\"No countdown timer - play at your own pace\"}],[\"$\",\"li\",\"Free hints and boosters when you get stuck\",{\"children\":\"Free hints and boosters when you get stuck\"}],[\"$\",\"li\",\"Available on the App Store and Google Play\",{\"children\":\"Available on the App Store and Google Play\"}]]}],null,null]}]}],[\"$\",\"section\",\"what-is-water-sort\",{\"id\":\"what-is-water-sort\",\"className\":\"section-block relative overflow-hidden section-block--alt\",\"aria-labelledby\":\"geo-what-is-water-sort-heading\",\"children\":[\"$\",\"div\",null,{\"className\":\"site-container max-w-3xl\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"geo-what-is-water-sort-heading\",\"className\":\"home-section-heading text-center sm:text-left\",\"children\":\"What is a water sort puzzle?\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-4 text-center sm:text-left\",\"children\":\"A water sort puzzle is a logic game where tubes hold stacked layers of colored liquid. You pour from one vial to another only when the top colors match and there is space, until each vial is a single solid color.\"}],null,[\"$\",\"ul\",null,{\"className\":\"home-section-body mt-6 list-disc space-y-2 pl-6\",\"children\":[[\"$\",\"li\",\"Pour only matching top colors into open space\",{\"children\":\"Pour only matching top colors into open space\"}],[\"$\",\"li\",\"Empty vials help you rearrange stacks\",{\"children\":\"Empty vials help you rearrange stacks\"}],[\"$\",\"li\",\"The level ends when every bottle is sorted\",{\"children\":\"The level ends when every bottle is sorted\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-sm text-slate-500\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://en.wikipedia.org/wiki/Water_pouring_puzzle\",\"className\":\"font-semibold text-[#5c3bbd] underline-offset-2 hover:underline\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":\"Related classic: water pouring puzzles\"}]}],null]}]}],[\"$\",\"section\",\"how-to-play-water-sort\",{\"id\":\"how-to-play-water-sort\",\"className\":\"section-block relative overflow-hidden bg-white\",\"aria-labelledby\":\"geo-how-to-play-water-sort-heading\",\"children\":[\"$\",\"div\",null,{\"className\":\"site-container max-w-3xl\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"geo-how-to-play-water-sort-heading\",\"className\":\"home-section-heading text-center sm:text-left\",\"children\":\"How to play a water sort puzzle\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-4 text-center sm:text-left\",\"children\":\"Tap a vial to pick it up, then tap another vial to pour. Keep pouring matching colors until each bottle is filled with one shade. In Happy Vials you can undo moves, use free hints, and restart anytime.\"}],[\"$\",\"ol\",null,{\"className\":\"home-section-body mt-6 list-decimal space-y-2 pl-6\",\"children\":[[\"$\",\"li\",\"Tap a glass vial to select the liquid you want to pour.\",{\"children\":\"Tap a glass vial to select the liquid you want to pour.\"}],[\"$\",\"li\",\"Tap a second vial with matching top color and enough space.\",{\"children\":\"Tap a second vial with matching top color and enough space.\"}],\"$L30\",\"$L31\"]}],null,null,\"$L32\"]}]}]]\n"])</script>
8<script>self.__next_f.push([1,"1b:[\"$\",\"section\",null,{\"className\":\"section-block relative overflow-hidden bg-white\",\"aria-labelledby\":\"home-features-heading\",\"children\":[[\"$\",\"div\",null,{\"className\":\"section-decor-bg\",\"style\":{\"backgroundImage\":\"url('/assets/image-003.png')\"},\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative z-10 site-container \",\"children\":[[\"$\",\"header\",null,{\"className\":\"section-header section-header--spaced \",\"children\":[[\"$\",\"h2\",null,{\"id\":\"home-features-heading\",\"className\":\"home-section-heading\",\"children\":\"Features\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-3\",\"children\":\"Everything that makes Happy Vials relaxing, colorful, and fun to play.\"}]]}],[\"$\",\"ul\",null,{\"className\":\"mt-10 grid list-none gap-4 sm:grid-cols-2\",\"children\":[[\"$\",\"li\",\"Easy one-finger controls\",{\"className\":\"flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100\",\"aria-hidden\":true,\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\",\"key\":\"1s2grr\"}],[\"path\",{\"d\":\"M20 2v4\",\"key\":\"1rf3ol\"}],[\"path\",{\"d\":\"M22 4h-4\",\"key\":\"gwowj6\"}],[\"circle\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\",\"key\":\"6kqj1y\"}]],\"className\":\"lucide-sparkles h-4 w-4 text-[#7c4dff]\",\"strokeWidth\":2,\"aria-hidden\":true}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Easy one-finger controls\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Easy one finger control for the perfect sort experience.\"}]]}]]}],[\"$\",\"li\",\"Beautiful themes\",{\"className\":\"flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100\",\"aria-hidden\":true,\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:children:1:props:children:1:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-sparkles h-4 w-4 text-[#7c4dff]\",\"strokeWidth\":2,\"aria-hidden\":true}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Beautiful themes\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Wonderful free puzzle game experience with easy gameplay.\"}]]}]]}],[\"$\",\"li\",\"No time limits\",{\"className\":\"flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100\",\"aria-hidden\":true,\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:children:1:props:children:1:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-sparkles h-4 w-4 text-[#7c4dff]\",\"strokeWidth\":2,\"aria-hidden\":true}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"No time limits\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"No time limits, only enjoyment of sorting water puzzles.\"}]]}]]}],[\"$\",\"li\",\"Sort into vials\",{\"className\":\"flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100\",\"aria-hidden\":true,\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:children:1:props:children:1:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-sparkles h-4 w-4 text-[#7c4dff]\",\"strokeWidth\":2,\"aria-hidden\":true}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Sort into vials\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Sort the puzzle colors into respective vials.\"}]]}]]}],[\"$\",\"li\",\"Free hints\",{\"className\":\"flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100\",\"aria-hidden\":true,\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:children:1:props:children:1:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-sparkles h-4 w-4 text-[#7c4dff]\",\"strokeWidth\":2,\"aria-hidden\":true}]}],\"$L33\"]}],\"$L34\",\"$L35\"]}]]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"1c:[\"$\",\"section\",null,{\"className\":\"section-block section-block--alt relative overflow-hidden\",\"aria-labelledby\":\"home-about-game-heading\",\"children\":[[\"$\",\"div\",null,{\"className\":\"section-decor-bg\",\"style\":{\"backgroundImage\":\"url('/assets/image-005.png')\"},\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative z-10 site-container md:max-w-4xl lg:max-w-4xl\",\"children\":[[\"$\",\"header\",null,{\"className\":\"section-header section-header--spaced \",\"children\":[[\"$\",\"h2\",null,{\"id\":\"home-about-game-heading\",\"className\":\"home-section-heading\",\"children\":\"Why players choose Happy Vials\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-3\",\"children\":\"Happy Vials is built for calm sessions: cute bottles, gentle visuals, and water sort levels you can pause anytime.\"}]]}],[\"$\",\"div\",null,{\"className\":\"home-section-body mt-10 space-y-6\",\"children\":[[\"$\",\"p\",\"Exercise your brain in a fun and challenging way\",{\"children\":\"Exercise your brain in a fun and challenging way by playing with different types of vials and bottles filled with colorful liquids. This mental sorting game will challenge you to stack colorful water in vials and bottles, with a goal of sorting water, so that every bottle has liquid of only one color in it. Let's see how good you are at sorting the colors, placing it in different water tubes in this water color game Happy Vials.\"}],[\"$\",\"p\",\"Happy Vials is a very easy, and at the same time\",{\"children\":\"Happy Vials is a very easy, and at the same time challenging color water sort game. All you have to do in this color matching game is to use your brain to sort colors correctly in every vial. It's time to get yourself in the game and sort color water puzzles.\"}],[\"$\",\"p\",\"There are vials filled with water of different c\",{\"children\":\"There are vials filled with water of different colors. You need to sort the colored waters in the vials quickly until all the same colors are together in each vial and become a champion of this color water sorting game Happy Vials.\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-8 flex justify-center md:justify-start\",\"children\":[\"$\",\"$L4\",null,{\"href\":\"/about\",\"className\":\"inline-flex items-center rounded-2xl border border-white/20 font-semibold text-white transition-transform hover:scale-105 gap-3 px-5 py-2.5 bg-[#7c4dff] shadow-[0_8px_24px_rgba(124,77,255,0.35)] hover:bg-[#6a3fe8] \",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right\",\"size\":32,\"strokeWidth\":2.5,\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mb-1 text-[10px] font-medium leading-none opacity-90\",\"children\":\"LEARN MORE\"}],[\"$\",\"span\",null,{\"className\":\"text-[1.15rem] font-bold leading-none\",\"children\":\"About Happy Vials\"}]]}]]}]}]]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"1d:[\"$\",\"section\",null,{\"className\":\"section-block bg-white\",\"aria-labelledby\":\"home-watch-video-heading\",\"children\":[\"$\",\"div\",null,{\"className\":\"site-container text-center\",\"children\":[[\"$\",\"header\",null,{\"className\":\"section-header section-header--spaced \",\"children\":[[\"$\",\"h2\",null,{\"id\":\"home-watch-video-heading\",\"className\":\"home-section-heading\",\"children\":\"Watch Video Happy Vials: Water Sort Puzzle\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-3\",\"children\":\"Learn how to play in just a few minutes. Watch how to pour colored liquids between vials, sort each shade into its own bottle, and use free hints when a level gets tricky - all without timer pressure.\"}]]}],[\"$\",\"div\",null,{\"className\":\"home-section-body mx-auto max-w-2xl space-y-4\",\"children\":[[\"$\",\"p\",\"Whether you are new to water sort puzzles or wan\",{\"children\":\"Whether you are new to water sort puzzles or want a quick refresher, this video shows the core moves, smart pours, and the calm flow that makes Happy Vials easy to pick up and hard to put down.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-2xl border border-violet-100 bg-black shadow-[0_16px_40px_rgba(94,71,180,0.15)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto aspect-video w-full max-w-4xl\",\"children\":[\"$\",\"$L36\",null,{\"height\":null,\"width\":null,\"html\":\"\u003clite-youtube videoid=\\\"hun7JkoDkCQ\\\" playlabel=\\\"Happy Vials: Water Sort Puzzle - learn how to play\\\" params=\\\"modestbranding=1\\\" style=\\\"width:100%;height:100%;max-width:100%\\\"\u003e\u003c/lite-youtube\u003e\",\"dataNtpc\":\"YouTubeEmbed\",\"children\":[[\"$\",\"$L2\",\"https://cdn.jsdelivr.net/gh/paulirish/lite-youtube-embed@master/src/lite-yt-embed.js\",{\"src\":\"https://cdn.jsdelivr.net/gh/paulirish/lite-youtube-embed@master/src/lite-yt-embed.js\",\"strategy\":\"lazyOnload\",\"stylesheets\":[\"https://cdn.jsdelivr.net/gh/paulirish/lite-youtube-embed@master/src/lite-yt-embed.css\"]}]]}]}]}]}],[\"$\",\"div\",null,{\"className\":\"mt-6 flex justify-center\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://www.youtube.com/watch?v=hun7JkoDkCQ\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex items-center rounded-2xl border border-white/20 font-semibold text-white transition-transform hover:scale-105 min-w-[240px] justify-center gap-4 px-8 py-3 bg-gradient-to-br from-pink-400 to-rose-500 shadow-[0_8px_24px_rgba(244,114,182,0.4)] hover:from-pink-500 hover:to-rose-600 sm:min-w-[280px] \",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8:props:children:0:props:iconNode\",\"className\":\"lucide-circle-play\",\"size\":32,\"strokeWidth\":2.5,\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mb-1 text-[10px] font-medium leading-none opacity-90\",\"children\":\"OPEN ON\"}],[\"$\",\"span\",null,{\"className\":\"text-[1.15rem] font-bold leading-none\",\"children\":\"YouTube\"}]]}]]}]}]]}]}]\n"])</script>
8<script>self.__next_f.push([1,"1e:[\"$\",\"section\",null,{\"className\":\"section-block--wide section-block--alt text-center\",\"aria-labelledby\":\"home-explore-heading\",\"children\":[[\"$\",\"div\",null,{\"className\":\"site-container\",\"children\":[[\"$\",\"header\",null,{\"className\":\"section-header section-header--spaced \",\"children\":[[\"$\",\"h2\",null,{\"id\":\"home-explore-heading\",\"className\":\"home-section-heading\",\"children\":\"Explore Happy Vials\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-3\",\"children\":\"Everything you need to start your sorting adventure - from learning what Happy Vials is about to seeing screenshots, features, and getting help when you need it.\"}]]}],[\"$\",\"div\",null,{\"className\":\"home-section-body mx-auto max-w-2xl space-y-4\",\"children\":[[\"$\",\"p\",\"Browse our guides below to discover gameplay tip\",{\"children\":\"Browse our guides below to discover gameplay tips, booster tools, beautiful themes, and answers to common questions before you download on the App Store or Google Play.\"}]]}]]}],[\"$\",\"ul\",null,{\"className\":\"mx-auto mt-10 grid list-none grid-cols-1 gap-6 px-4 sm:grid-cols-2 sm:px-6 lg:px-10 xl:grid-cols-4\",\"children\":[[\"$\",\"li\",\"/about\",{\"children\":[\"$\",\"article\",null,{\"className\":\"group relative aspect-[432/544] w-full overflow-hidden rounded-[32px] shadow-[0_18px_35px_rgba(94,71,180,0.18)] transition duration-300 hover:-translate-y-1 hover:shadow-[0_22px_45px_rgba(94,71,180,0.28)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-cover bg-center bg-no-repeat\",\"style\":{\"backgroundImage\":\"url(/assets/happy-vials/purple_about_underlay.svg)\"},\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-x-0 top-0 z-10 h-[58%]\",\"children\":[\"$\",\"img\",null,{\"src\":\"/assets/happy-vials/kawaii_potion_bottle_trio.png\",\"alt\":\"About Happy Vials\",\"className\":\"absolute left-1/2 -translate-x-1/2 object-contain drop-shadow-[0_14px_22px_rgba(74,42,147,0.22)] bottom-[20%] w-[60%] max-w-[300px]\",\"loading\":\"lazy\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 z-20 flex min-h-[46%] flex-col justify-end px-9 pb-9 pt-16\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"hv-card-title text-white\",\"children\":\"About\\nHappy Vials\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-1 w-11 rounded-full bg-white/90\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex items-end justify-between gap-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"hv-card-text flex-1 text-white/90\",\"children\":\"Learn more about the game and our mission.\"}],[\"$\",\"$L4\",null,{\"href\":\"/about\",\"className\":\"mb-0.5 grid h-12 w-12 shrink-0 place-items-center rounded-full bg-white shadow-[0_6px_14px_rgba(72,52,140,0.2)] transition duration-300 group-hover:scale-105 text-violet-600\",\"aria-label\":\"Open About Happy Vials\",\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:props:children:1:props:children:2:props:children:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-right h-5 w-5\",\"strokeWidth\":2.5}]}]]}]]}]]}]}],[\"$\",\"li\",\"/features\",{\"children\":[\"$\",\"article\",null,{\"className\":\"group relative aspect-[432/544] w-full overflow-hidden rounded-[32px] shadow-[0_18px_35px_rgba(94,71,180,0.18)] transition duration-300 hover:-translate-y-1 hover:shadow-[0_22px_45px_rgba(94,71,180,0.28)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-cover bg-center bg-no-repeat\",\"style\":{\"backgroundImage\":\"url(/assets/happy-vials/blue_features_underlay.svg)\"},\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-x-0 top-0 z-10 h-[58%]\",\"children\":[\"$\",\"img\",null,{\"src\":\"/assets/happy-vials/glossy_purple_light_bulb_icon.png\",\"alt\":\"Game Features\",\"className\":\"absolute left-1/2 -translate-x-1/2 object-contain drop-shadow-[0_14px_22px_rgba(74,42,147,0.22)] bottom-[20%] w-[60%] max-w-[300px]\",\"loading\":\"lazy\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 z-20 flex min-h-[46%] flex-col justify-end px-9 pb-9 pt-16\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"hv-card-title text-white\",\"children\":\"Game\\nFeatures\"}],\"$L37\",\"$L38\"]}]]}]}],\"$L39\",\"$L3a\"]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"1f:[\"$\",\"section\",null,{\"className\":\"section-block section-block--alt\",\"aria-labelledby\":\"home-screenshots-heading\",\"children\":[[\"$\",\"div\",null,{\"className\":\"site-container text-center\",\"children\":[\"$\",\"header\",null,{\"className\":\"section-header section-header--spaced \",\"children\":[[\"$\",\"h2\",null,{\"id\":\"home-screenshots-heading\",\"className\":\"home-section-heading\",\"children\":\"Game Screenshots\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-3\",\"children\":\"Sort colors, unlock themes, and enjoy calm puzzle gameplay on every level.\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"container mx-auto mt-10 sm:mt-12\",\"children\":[\"$\",\"ul\",null,{\"className\":\"flex list-none gap-5 overflow-x-auto pb-4 snap-x snap-mandatory scroll-smooth [-ms-overflow-style:none] [scrollbar-width:none] sm:grid sm:grid-cols-2 sm:overflow-visible sm:pb-0 lg:grid-cols-3 xl:grid-cols-5 [\u0026::-webkit-scrollbar]:hidden\",\"children\":[[\"$\",\"li\",\"/images/screen/store-screenshots-1242x2208x1.png\",{\"className\":\"w-[min(72vw,220px)] shrink-0 snap-center sm:w-auto\",\"children\":[\"$\",\"figure\",null,{\"className\":\"group flex h-full flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-[1.75rem] border-4 border-white bg-white shadow-[0_16px_40px_rgba(94,71,180,0.18)] transition duration-300 group-hover:-translate-y-1 group-hover:shadow-[0_22px_48px_rgba(94,71,180,0.26)]\",\"children\":[\"$\",\"$L5\",null,{\"src\":\"/images/screen/store-screenshots-1242x2208x1.png\",\"alt\":\"Classic Gameplay - Happy Vials: Water Sort Puzzle\",\"width\":1242,\"height\":2208,\"className\":\"h-auto w-full\",\"sizes\":\"(max-width: 640px) 72vw, (max-width: 1024px) 45vw, 220px\"}]}],[\"$\",\"figcaption\",null,{\"className\":\"mt-3 px-0.5 text-center\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Classic Gameplay\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Sort colorful liquids across beautiful vials.\"}]]}]]}]}],[\"$\",\"li\",\"/images/screen/store-screenshots-1242x2208x2.png\",{\"className\":\"w-[min(72vw,220px)] shrink-0 snap-center sm:w-auto\",\"children\":[\"$\",\"figure\",null,{\"className\":\"group flex h-full flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-[1.75rem] border-4 border-white bg-white shadow-[0_16px_40px_rgba(94,71,180,0.18)] transition duration-300 group-hover:-translate-y-1 group-hover:shadow-[0_22px_48px_rgba(94,71,180,0.26)]\",\"children\":[\"$\",\"$L5\",null,{\"src\":\"/images/screen/store-screenshots-1242x2208x2.png\",\"alt\":\"Choose Your Challenge - Happy Vials: Water Sort Puzzle\",\"width\":1242,\"height\":2208,\"className\":\"h-auto w-full\",\"sizes\":\"(max-width: 640px) 72vw, (max-width: 1024px) 45vw, 220px\"}]}],[\"$\",\"figcaption\",null,{\"className\":\"mt-3 px-0.5 text-center\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Choose Your Challenge\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Pick Easy, Normal, Hard, or Expert modes.\"}]]}]]}]}],[\"$\",\"li\",\"/images/screen/store-screenshots-1242x2208x3.png\",{\"className\":\"w-[min(72vw,220px)] shrink-0 snap-center sm:w-auto\",\"children\":[\"$\",\"figure\",null,{\"className\":\"group flex h-full flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-[1.75rem] border-4 border-white bg-white shadow-[0_16px_40px_rgba(94,71,180,0.18)] transition duration-300 group-hover:-translate-y-1 group-hover:shadow-[0_22px_48px_rgba(94,71,180,0.26)]\",\"children\":[\"$\",\"$L5\",null,{\"src\":\"/images/screen/store-screenshots-1242x2208x3.png\",\"alt\":\"Feel the Reward - Happy Vials: Water Sort Puzzle\",\"width\":1242,\"height\":2208,\"className\":\"h-auto w-full\",\"sizes\":\"(max-width: 640px) 72vw, (max-width: 1024px) 45vw, 220px\"}]}],[\"$\",\"figcaption\",null,{\"className\":\"mt-3 px-0.5 text-center\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Feel the Reward\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Celebrate every level complete with stars.\"}]]}]]}]}],[\"$\",\"li\",\"/images/screen/store-screenshots-1242x2208x4.png\",{\"className\":\"w-[min(72vw,220px)] shrink-0 snap-center sm:w-auto\",\"children\":\"$L3b\"}],\"$L3c\"]}]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"20:[\"$\",\"section\",null,{\"id\":\"faq\",\"className\":\"section-block section-block--alt relative overflow-hidden\",\"aria-labelledby\":\"faq-heading\",\"children\":[[\"$\",\"div\",null,{\"className\":\"decor-blur -right-20 top-10 h-64 w-64 bg-violet-300/20\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative site-container\",\"children\":[[\"$\",\"header\",null,{\"className\":\"section-header section-header--spaced \",\"children\":[[\"$\",\"h2\",null,{\"id\":\"faq-heading\",\"className\":\"home-section-heading\",\"children\":\"Happy Vials FAQ\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-3\",\"children\":\"Quick answers about this free water sort puzzle for iOS and Android.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto mt-10 max-w-3xl space-y-3\",\"children\":[[\"$\",\"details\",\"What is a water sort puzzle?\",{\"className\":\"group rounded-2xl border border-violet-100 bg-white shadow-sm transition open:border-cyan-300 open:shadow-md\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4 text-left font-semibold text-slate-800 marker:content-none [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-base font-semibold sm:text-lg\",\"children\":\"What is a water sort puzzle?\"}],[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\",\"key\":\"mthhwq\"}]],\"className\":\"lucide-chevron-right h-5 w-5 shrink-0 text-[#7c4dff] transition group-open:rotate-90\",\"strokeWidth\":2,\"aria-hidden\":true}]]}],[\"$\",\"p\",null,{\"className\":\"home-section-body border-t border-violet-50 px-5 pb-4 pt-3\",\"children\":\"A water sort puzzle is a color-sorting game where you pour colored liquids between vials until each bottle holds only one color. Happy Vials is a calm water sort puzzle with no timer pressure.\"}]]}],[\"$\",\"details\",\"Is Happy Vials free to download?\",{\"className\":\"group rounded-2xl border border-violet-100 bg-white shadow-sm transition open:border-cyan-300 open:shadow-md\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4 text-left font-semibold text-slate-800 marker:content-none [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-base font-semibold sm:text-lg\",\"children\":\"Is Happy Vials free to download?\"}],[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$20:props:children:1:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-chevron-right h-5 w-5 shrink-0 text-[#7c4dff] transition group-open:rotate-90\",\"strokeWidth\":2,\"aria-hidden\":true}]]}],[\"$\",\"p\",null,{\"className\":\"home-section-body border-t border-violet-50 px-5 pb-4 pt-3\",\"children\":\"Yes. Happy Vials: Water Sort Puzzle is free on the App Store and Google Play. Optional in-app purchases are available for boosters and cosmetics.\"}]]}],[\"$\",\"details\",\"Does Happy Vials have a time limit?\",{\"className\":\"group rounded-2xl border border-violet-100 bg-white shadow-sm transition open:border-cyan-300 open:shadow-md\",\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4 text-left font-semibold text-slate-800 marker:content-none [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-base font-semibold sm:text-lg\",\"children\":\"Does Happy Vials have a time limit?\"}],[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$20:props:children:1:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-chevron-right h-5 w-5 shrink-0 text-[#7c4dff] transition group-open:rotate-90\",\"strokeWidth\":2,\"aria-hidden\":true}]]}],[\"$\",\"p\",null,{\"className\":\"home-section-body border-t border-violet-50 px-5 pb-4 pt-3\",\"children\":\"No. Unlike many puzzle games, Happy Vials has no countdown timer. Sort at your own pace and use free hints when a level gets tricky.\"}]]}],[\"$\",\"details\",\"Where can I play Happy Vials?\",{\"className\":\"group rounded-2xl border border-violet-100 bg-white shadow-sm transition open:border-cyan-300 open:sha
8dow-md\",\"children\":[\"$L3d\",\"$L3e\"]}]]}]]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"21:[\"$\",\"$L3f\",null,{}]\n"])</script>
8<script>self.__next_f.push([1,"22:[\"$\",\"section\",null,{\"className\":\"section-block px-4 pb-8 sm:px-6\",\"aria-labelledby\":\"home-cta-heading\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-3xl bg-gradient-to-br from-[#7c4dff] to-[#5c3bbd] px-6 py-16 text-center text-white\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 opacity-20\",\"aria-hidden\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute left-4 top-4 h-20 w-20 rounded-full bg-white/30\"}],[\"$\",\"div\",null,{\"className\":\"absolute bottom-4 right-4 h-16 w-16 rounded-full bg-pink-300/40\"}]]}],[\"$\",\"div\",null,{\"className\":\"relative z-10\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"home-cta-heading\",\"className\":\"cta-heading\",\"children\":\"Ready to relax and sort?\"}],[\"$\",\"p\",null,{\"className\":\"cta-body mx-auto mt-4 max-w-xl\",\"children\":\"Download Happy Vials for free and enjoy hundreds of colorful puzzle levels with no timer pressure.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col   gap-4 mt-8 flex-row justify-center\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row\",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$0:f:0:1:0:props:children:1:props:children:1:props:children:1:props:children:props:children:props:children:2:props:children:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-apple mb-1\",\"size\":32}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] mb-1 leading-none font-medium opacity-90\",\"children\":\"Download on the\"}],[\"$\",\"span\",null,{\"className\":\"text-[1.1rem] leading-none font-bold\",\"children\":\"App Store\"}]]}]]}],[\"$\",\"a\",null,{\"href\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row\",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8:props:children:0:props:iconNode\",\"className\":\"lucide-circle-play text-white\",\"size\":32}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] mb-1 leading-none font-medium opacity-90\",\"children\":\"GET IT ON\"}],[\"$\",\"span\",null,{\"className\":\"text-[1.1rem] leading-none font-bold\",\"children\":\"Google Play\"}]]}]]}]]}]]}],[\"$\",\"img\",null,{\"src\":\"/images/logo-180.png\",\"alt\":\"Happy Vials: Water Sort Puzzle\",\"width\":48,\"height\":48,\"className\":\"absolute -left-4 bottom-4 hidden h-16 w-16 animate-float opacity-30 md:block shrink-0 rounded-[22%] object-contain [filter:brightness(0)_invert(1)]\",\"aria-hidden\":true}],[\"$\",\"img\",null,{\"src\":\"/images/logo-180.png\",\"alt\":\"Happy Vials: Water Sort Puzzle\",\"width\":48,\"height\":48,\"className\":\"absolute -right-4 top-4 hidden h-14 w-14 animate-float opacity-20 md:block shrink-0 rounded-[22%] object-contain [filter:brightness(0)_invert(1)]\",\"aria-hidden\":true}]]}]}]}]\n"])</script>
8<script>self.__next_f.push([1,"23:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/07i30dzftfz98.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n24:[\"$\",\"$L40\",null,{\"children\":[\"$\",\"$28\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@41\"}]}]\n"])</script>
8<script>self.__next_f.push([1,"2a:[\"$\",\"p\",null,{\"className\":\"home-section-body mx-auto mb-8 max-w-lg md:mx-0\",\"children\":\"Pour, sort and match colorful liquids in this fun puzzle adventure. Easy to learn, hard to put down!\"}]\n"])</script>
8<script>self.__next_f.push([1,"2b:[\"$\",\"div\",null,{\"className\":\"flex flex-col   gap-4 flex-row justify-center md:justify-start\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row\",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$0:f:0:1:0:props:children:1:props:children:1:props:children:1:props:children:props:children:props:children:2:props:children:props:children:0:props:children:0:props:iconNode\",\"className\":\"lucide-apple mb-1\",\"size\":32}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] mb-1 leading-none font-medium opacity-90\",\"children\":\"Download on the\"}],[\"$\",\"span\",null,{\"className\":\"text-[1.1rem] leading-none font-bold\",\"children\":\"App Store\"}]]}]]}],[\"$\",\"a\",null,{\"href\":\"https://play.google.com/store/apps/details?id=com.happyvials.sortpuzzle\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-3 px-5 py-2.5 rounded-2xl font-semibold transition-transform hover:scale-105 bg-black text-white border border-white/10 direction-row\",\"children\":[[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$8:props:children:0:props:iconNode\",\"className\":\"lucide-circle-play text-white\",\"size\":32}],[\"$\",\"div\",null,{\"className\":\"flex flex-col justify-center text-left\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-[10px] mb-1 leading-none font-medium opacity-90\",\"children\":\"GET IT ON\"}],[\"$\",\"span\",null,{\"className\":\"text-[1.1rem] leading-none font-bold\",\"children\":\"Google Play\"}]]}]]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"2c:[\"$\",\"div\",null,{\"className\":\"relative z-10 mb-12 flex w-full items-center justify-center md:mb-0 md:w-1/2\",\"role\":\"img\",\"aria-label\":\"Colorful potion bottles from Happy Vials water sort puzzle\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative h-[400px] w-full md:h-[500px]\",\"children\":[[\"$\",\"$L5\",null,{\"src\":\"/im/bootle-2.png\",\"alt\":\"\",\"width\":640,\"height\":900,\"priority\":true,\"sizes\":\"(max-width: 768px) 50vw, 320px\",\"className\":\"animate-float-medium absolute bottom-0 left-0 z-10 h-auto w-1/2 object-contain object-bottom object-left drop-shadow-lg\"}],[\"$\",\"$L5\",null,{\"src\":\"/im/bootle-3.png\",\"alt\":\"\",\"width\":400,\"height\":560,\"sizes\":\"(max-width: 768px) 33vw, 200px\",\"className\":\"animate-float-fast absolute left-1/4 top-1/4 z-10 h-auto w-1/3 object-contain drop-shadow-md\"}],[\"$\",\"$L5\",null,{\"src\":\"/im/bootle-4.png\",\"alt\":\"\",\"width\":320,\"height\":420,\"sizes\":\"160px\",\"className\":\"animate-float-slow absolute right-0 top-0 z-0 h-auto w-[32%] max-w-[160px] object-contain object-right object-top opacity-80\"}],[\"$\",\"div\",null,{\"className\":\"animate-pulse-slow absolute left-10 top-10 h-32 w-32 rounded-full bg-purple-400 opacity-40 mix-blend-multiply blur-2xl filter\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"animate-pulse-slow absolute bottom-10 right-10 h-40 w-40 rounded-full bg-cyan-400 opacity-40 mix-blend-multiply blur-2xl filter\",\"style\":{\"animationDelay\":\"1.5s\"},\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"animate-ping-slow absolute bottom-[8%] right-[5%] h-16 w-16 rounded-full bg-yellow-300 opacity-60 blur-xl filter\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"animate-ping-slow absolute bottom-[15%] left-[15%] h-12 w-12 rounded-full bg-pink-300 opacity-60 blur-xl filter\",\"style\":{\"animationDelay\":\"2s\"},\"aria-hidden\":true}]]}]}]\n"])</script>
8<script>self.__next_f.push([1,"2d:[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 rounded-[34px] bg-white/10\",\"aria-hidden\":true}]\n2e:[\"$\",\"img\",null,{\"src\":\"/assets/happy-vials/features/magical_potion_with_star_icon.png\",\"alt\":\"\",\"loading\":\"lazy\",\"className\":\"pointer-events-none absolute z-10 select-none drop-shadow-[0_16px_18px_rgba(72,69,142,0.18)] left-6 top-1/2 w-[31%] -translate-y-1/2 -rotate-[7deg] sm:w-[29%] lg:left-9\"}]\n2f:[\"$\",\"div\",null,{\"className\":\"relative z-20 ml-[38%]\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"hv-card-title text-pink-600\",\"children\":\"100+\\nLevels\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-1 w-11 rounded-full bg-pink-500/55\",\"aria-hidden\":true}],[\"$\",\"p\",null,{\"className\":\"hv-card-text mt-4 text-slate-700\",\"children\":\"Challenging puzzles that keep your brain happy and active.\"}]]}]\n30:[\"$\",\"li\",\"Repeat until every vial holds only one color.\",{\"children\":\"Repeat until every vial holds only one color.\"}]\n31:[\"$\",\"li\",\"Use Hint, Undo, or Shuffle if a level gets tricky.\",{\"children\":\"Use Hint, Undo, or Shuffle if a level gets tricky.\"}]\n32:[\"$\",\"p\",null,{\"className\":\"mt-6 text-center sm:text-left\",\"children\":[\"$\",\"$L4\",null,{\"href\":\"/guides/how-to-play-water-sort-puzzle\",\"className\":\"text-sm font-bold text-[#5c3bbd] underline-offset-2 hover:underline\",\"children\":\"Read the full how to play water sort puzzle guide\"}]}]\n33:[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Free hints\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Get free hints in case you get stuck in this brain puzzle game.\"}]]}]\n34:[\"$\",\"li\",\"Colorful graphics \u0026 sounds\",{\"className\":\"flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100\",\"aria-hidden\":true,\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:children:1:props:children:1:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-sparkles h-4 w-4 text-[#7c4dff]\",\"strokeWidth\":2,\"aria-hidden\":true}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Colorful graphics \u0026 sounds\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Colorful graphics \u0026 exciting water sort color sounds.\"}]]}]]}]\n35:[\"$\",\"li\",\"Unique levels\",{\"className\":\"flex gap-3 rounded-2xl border border-violet-100 bg-[#fbf8ff] px-5 py-4 shadow-sm\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-violet-100\",\"aria-hidden\":true,\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:children:1:props:children:1:props:children:0:props:children:0:props:children:props:iconNode\",\"className\":\"lucide-sparkles h-4 w-4 text-[#7c4dff]\",\"strokeWidth\":2,\"aria-hidden\":true}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Unique levels\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Multiple unique levels with amazing water game challenges.\"}]]}]]}]\n37:[\"$\",\"div\",null,{\"className\":\"mt-4 h-1 w-11 rounded-full bg-white/90\"}]\n38:[\"$\",\"div\",null,{\"className\":\"mt-4 flex items-end justify-between gap-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"hv-card-text flex-1 text-white/90\",\"children\":\"Discover powerful boosts and helpful tools.\"}],[\"$\",\"$L4\",null,{\"href\":\"/features\",\"className\":\"mb-0.5 grid h-12 w-12 shrink-0 place-items-center rounded-full bg-white shadow-[0_6px_14px_rgba(72,52,140,0.2)] transition duration-300 group-hover:scale-105 text-blue-600\",\"aria-label\":\"Open Game Features\",\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:props:children:1:props:children:2:props:children:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-right h-5 w-5\",\"strokeWidth\":2.5}]}]]}]\n"])</script>
8<script>self.__next_f.push([1,"39:[\"$\",\"li\",\"/guides/how-to-play-water-sort-puzzle\",{\"children\":[\"$\",\"article\",null,{\"className\":\"group relative aspect-[432/544] w-full overflow-hidden rounded-[32px] shadow-[0_18px_35px_rgba(94,71,180,0.18)] transition duration-300 hover:-translate-y-1 hover:shadow-[0_22px_45px_rgba(94,71,180,0.28)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-cover bg-center bg-no-repeat\",\"style\":{\"backgroundImage\":\"url(/assets/happy-vials/teal_screenshots_underlay.svg)\"},\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-x-0 top-0 z-10 h-[58%]\",\"children\":[\"$\",\"img\",null,{\"src\":\"/assets/happy-vials/purple_liquid_pouring_from_glass_bottle.png\",\"alt\":\"How to Play\",\"className\":\"absolute left-1/2 -translate-x-1/2 object-contain drop-shadow-[0_14px_22px_rgba(74,42,147,0.22)] bottom-[20%] w-[60%] max-w-[300px]\",\"loading\":\"lazy\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 z-20 flex min-h-[46%] flex-col justify-end px-9 pb-9 pt-16\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"hv-card-title text-white\",\"children\":\"How to\\nPlay\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-1 w-11 rounded-full bg-white/90\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex items-end justify-between gap-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"hv-card-text flex-1 text-white/90\",\"children\":\"Step-by-step water sort puzzle guide.\"}],[\"$\",\"$L4\",null,{\"href\":\"/guides/how-to-play-water-sort-puzzle\",\"className\":\"mb-0.5 grid h-12 w-12 shrink-0 place-items-center rounded-full bg-white shadow-[0_6px_14px_rgba(72,52,140,0.2)] transition duration-300 group-hover:scale-105 text-cyan-600\",\"aria-label\":\"Open How to Play\",\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:props:children:1:props:children:2:props:children:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-right h-5 w-5\",\"strokeWidth\":2.5}]}]]}]]}]]}]}]\n"])</script>
8<script>self.__next_f.push([1,"3a:[\"$\",\"li\",\"/support\",{\"children\":[\"$\",\"article\",null,{\"className\":\"group relative aspect-[432/544] w-full overflow-hidden rounded-[32px] shadow-[0_18px_35px_rgba(94,71,180,0.18)] transition duration-300 hover:-translate-y-1 hover:shadow-[0_22px_45px_rgba(94,71,180,0.28)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-cover bg-center bg-no-repeat\",\"style\":{\"backgroundImage\":\"url(/assets/happy-vials/pink_support_underlay.svg)\"},\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-x-0 top-0 z-10 h-[58%]\",\"children\":[\"$\",\"img\",null,{\"src\":\"/assets/happy-vials/glossy_lifebuoy_with_twisted_rope.png\",\"alt\":\"Support Center\",\"className\":\"absolute left-1/2 -translate-x-1/2 object-contain drop-shadow-[0_14px_22px_rgba(74,42,147,0.22)] bottom-[20%] w-[60%] max-w-[300px]\",\"loading\":\"lazy\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 z-20 flex min-h-[46%] flex-col justify-end px-9 pb-9 pt-16\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"hv-card-title text-white\",\"children\":\"Support\\nCenter\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 h-1 w-11 rounded-full bg-white/90\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 flex items-end justify-between gap-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"hv-card-text flex-1 text-white/90\",\"children\":\"Need help? We're here for you!\"}],[\"$\",\"$L4\",null,{\"href\":\"/support\",\"className\":\"mb-0.5 grid h-12 w-12 shrink-0 place-items-center rounded-full bg-white shadow-[0_6px_14px_rgba(72,52,140,0.2)] transition duration-300 group-hover:scale-105 text-pink-600\",\"aria-label\":\"Open Support Center\",\"children\":[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1c:props:children:1:props:children:2:props:children:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-right h-5 w-5\",\"strokeWidth\":2.5}]}]]}]]}]]}]}]\n"])</script>
8<script>self.__next_f.push([1,"3b:[\"$\",\"figure\",null,{\"className\":\"group flex h-full flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-[1.75rem] border-4 border-white bg-white shadow-[0_16px_40px_rgba(94,71,180,0.18)] transition duration-300 group-hover:-translate-y-1 group-hover:shadow-[0_22px_48px_rgba(94,71,180,0.26)]\",\"children\":[\"$\",\"$L5\",null,{\"src\":\"/images/screen/store-screenshots-1242x2208x4.png\",\"alt\":\"Powerful Boosters - Happy Vials: Water Sort Puzzle\",\"width\":1242,\"height\":2208,\"className\":\"h-auto w-full\",\"sizes\":\"(max-width: 640px) 72vw, (max-width: 1024px) 45vw, 220px\"}]}],[\"$\",\"figcaption\",null,{\"className\":\"mt-3 px-0.5 text-center\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Powerful Boosters\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Hints, undo, shuffle, and more at your fingertips.\"}]]}]]}]\n3c:[\"$\",\"li\",\"/images/screen/store-screenshots-1242x2208x5.png\",{\"className\":\"w-[min(72vw,220px)] shrink-0 snap-center sm:w-auto\",\"children\":[\"$\",\"figure\",null,{\"className\":\"group flex h-full flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-[1.75rem] border-4 border-white bg-white shadow-[0_16px_40px_rgba(94,71,180,0.18)] transition duration-300 group-hover:-translate-y-1 group-hover:shadow-[0_22px_48px_rgba(94,71,180,0.26)]\",\"children\":[\"$\",\"$L5\",null,{\"src\":\"/images/screen/store-screenshots-1242x2208x5.png\",\"alt\":\"Beautiful Themes - Happy Vials: Water Sort Puzzle\",\"width\":1242,\"height\":2208,\"className\":\"h-auto w-full\",\"sizes\":\"(max-width: 640px) 72vw, (max-width: 1024px) 45vw, 220px\"}]}],[\"$\",\"figcaption\",null,{\"className\":\"mt-3 px-0.5 text-center\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"page-subheading\",\"children\":\"Beautiful Themes\"}],[\"$\",\"p\",null,{\"className\":\"home-section-body mt-1\",\"children\":\"Multiple gameplay themes and bottle shapes.\"}]]}]]}]}]\n3d:[\"$\",\"summary\",null,{\"className\":\"flex cursor-pointer list-none items-center justify-between gap-4 px-5 py-4 text-left font-semibold text-slate-800 marker:content-none [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-base font-semibold sm:text-lg\",\"children\":\"Where can I play Happy Vials?\"}],[\"$\",\"$L6\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$20:props:children:1:props:children:1:props:children:0:props:children:0:props:children:1:props:iconNode\",\"className\":\"lucide-chevron-right h-5 w-5 shrink-0 text-[#7c4dff] transition group-open:rotate-90\",\"strokeWidth\":2,\"aria-hidden\":true}]]}]\n3e:[\"$\",\"p\",null,{\"className\":\"home-section-body border-t border-violet-50 px-5 pb-4 pt-3\",\"children\":\"Download Happy Vials for iOS and Android from the App Store or Google Play, then pour, sort, and match colorful liquids across hundreds of relaxing levels.\"}]\n"])</script>
8<script>self.__next_f.push([1,"26:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
8<script>self.__next_f.push([1,"42:I[27201,[\"/_next/static/chunks/0y4_.z~aacq6~.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0k6eha.yr0j7v.js\"],\"IconMark\"]\n"])</script>
8<script>self.__next_f.push([1,"29:[[\"$\",\"title\",\"0\",{\"children\":\"Happy Vials: Water Sort Puzzle\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Happy Vials is a calm water sort puzzle for iOS and Android. Pour, sort, and match colorful liquids with no time limits, free hints, and hundreds of relaxing levels.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://happyvials.com\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Happy Vials\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"Happy Vials,water sort puzzle,color sort game,water sort puzzle free,happy vials download,relaxing water puzzle,sort colors game\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Happy Vials\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"Happy Vials\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"8\",{\"rel\":\"canonical\",\"href\":\"https://happyvials.com\"}],[\"$\",\"meta\",\"9\",{\"name\":\"google-site-verification\",\"content\":\"5iLxi2DGeRgXhtGaL9nDZgjeLyA_tXMSkOdOy0475aU\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"Happy Vials: Water Sort Puzzle\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Happy Vials is a calm water sort puzzle for iOS and Android. Pour, sort, and match colorful liquids with no time limits, free hints, and hundreds of relaxing levels.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://happyvials.com\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"Happy Vials\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://happyvials.com/images/screen/store-screenshots-1242x2208x1.png\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"1242\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"2208\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:alt\",\"content\":\"Happy Vials: Water Sort Puzzle - Happy Vials: Water Sort Puzzle\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:title\",\"content\":\"Happy Vials: Water Sort Puzzle\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:description\",\"content\":\"Happy Vials is a calm water sort puzzle for iOS and Android. Pour, sort, and match colorful liquids with no time limits, free hints, and hundreds of relaxing levels.\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image\",\"content\":\"https://happyvials.com/images/screen/store-screenshots-1242x2208x1.png\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:alt\",\"content\":\"Happy Vials: Water Sort Puzzle - Happy Vials: Water Sort Puzzle\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image:width\",\"content\":\"1242\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:height\",\"content\":\"2208\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0ngb1vpo2~37v.ico\",\"sizes\":\"32x32\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"28\",{\"rel\":\"icon\",\"href\":\"/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"30\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/logo-180.png\"}],[\"$\",\"$L42\",\"31\",{}]]\n"])</script>
8<script>self.__next_f.push([1,"41:null\n"])</script>
8<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":"e1ab8b75813144659954184f53289b11","r":1,"spa":2}' crossorigin="anonymous"></script>
8
9</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.