.home.svelte-17bp1oi{--home-pad-x:clamp(12px, 2vw, 22px);--home-gap:clamp(6px, 1.2vh, 12px);--home-pad-l:max(var(--home-pad-x), var(--safe-l));--home-pad-r:max(var(--home-pad-x), var(--safe-r));background:linear-gradient(#fffcf22e,#fffcf22e),url(../../../images/playful-bg.webp) 50%/cover no-repeat;flex-direction:column;height:100%;display:flex}header.svelte-17bp1oi{margin:max(clamp(5px, 1vh, 10px), var(--safe-t)) var(--home-pad-r) 0 var(--home-pad-l);box-shadow:0 8px 22px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc2;border:2px solid #ffffffe6;border-radius:clamp(16px,2.8vh,26px);flex:none;align-items:center;gap:clamp(8px,1.2vw,18px);padding:clamp(3px,.6vh,7px) clamp(6px,.8vw,10px) clamp(3px,.6vh,7px) clamp(10px,1.4vw,18px);display:flex}h1.svelte-17bp1oi{letter-spacing:.01em;white-space:nowrap;background:linear-gradient(100deg,#f49a16,#ef4f87 55%,#159ac7);color:#0000;filter:drop-shadow(0 2px #ffffffe6);-webkit-background-clip:text;background-clip:text;flex:none;margin:0;font-size:clamp(16px,min(3.6vh,2.2vw),32px);font-weight:800}.tools.svelte-17bp1oi{--touch:clamp(36px, 6vh, 54px);--touch-pad:clamp(2px, .4vh, 5px);--icon-size:clamp(20px, 3.4vh, 30px);flex:none;align-items:center;gap:4px;margin-left:auto;display:flex}.parent-btn.svelte-17bp1oi{color:#7a6493;white-space:nowrap;background:#fffffff0;border:2px solid #e6d8f6;border-radius:999px;align-items:center;gap:6px;margin-right:clamp(2px,.5vw,6px);padding:clamp(5px,.9vh,9px) clamp(9px,1.1vw,14px);font-size:clamp(11px,1.8vh,15px);font-weight:800;transition:transform .13s,box-shadow .13s;display:inline-flex;box-shadow:0 3px #e7ddf7}.parent-btn.svelte-17bp1oi:active{transform:translateY(3px);box-shadow:0 0 #e7ddf7}.parent-btn.svelte-17bp1oi svg{width:clamp(16px,2.6vh,21px);height:clamp(16px,2.6vh,21px)}.catalog.svelte-17bp1oi{gap:var(--home-gap);min-height:0;padding:clamp(8px, 1.3vh, 14px) var(--home-pad-r) max(clamp(16px, 3vh, 28px), var(--safe-b)) var(--home-pad-l);touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.category.svelte-17bp1oi{border:clamp(2px, .4vh, 3px) solid color-mix(in srgb, var(--category-accent) 32%, white);scroll-snap-align:start;scroll-margin-top:var(--home-gap);background:#ffffffa3;border-radius:clamp(18px,3.4vh,30px);padding:clamp(8px,1.4vh,14px) clamp(9px,1.2vw,16px) clamp(11px,2vh,22px);box-shadow:0 10px 24px #5847731a}.category-head.svelte-17bp1oi{align-items:center;gap:clamp(6px,.9vw,12px);margin:0 2px clamp(6px,1.1vh,11px);display:flex}.category-heading-icon.svelte-17bp1oi{object-fit:contain;width:clamp(24px,4vh,36px);height:clamp(24px,4vh,36px);box-shadow:0 3px 8px color-mix(in srgb, var(--category-accent) 18%, transparent);border-radius:clamp(7px,1.3vh,11px);flex:none}.parent-heading-icon.svelte-17bp1oi{color:#795f9e;background:#f5edff;border:2px solid #ddcef1;border-radius:clamp(7px,1.3vh,11px);flex:none;place-items:center;width:clamp(24px,4vh,36px);height:clamp(24px,4vh,36px);display:grid;box-shadow:0 3px 8px #74569d29}.parent-heading-icon.svelte-17bp1oi svg{width:clamp(16px,2.7vh,24px);height:clamp(16px,2.7vh,24px)}.category.svelte-17bp1oi h2:where(.svelte-17bp1oi){color:color-mix(in srgb, var(--category-accent) 72%, #4d4063);flex:none;margin:0;font-size:clamp(13px,2.2vh,20px);font-weight:850}.category-head.svelte-17bp1oi p:where(.svelte-17bp1oi){white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink-dim);flex:auto;margin:0;font-size:clamp(11px,1.7vh,14px);font-weight:650;overflow:hidden}.game-count.svelte-17bp1oi{background:color-mix(in srgb, var(--category-accent) 15%, white);color:color-mix(in srgb, var(--category-accent) 72%, #4d4063);border-radius:999px;flex:none;padding:clamp(3px,.6vh,5px) clamp(8px,1vw,12px);font-size:clamp(11px,1.7vh,14px);font-weight:800}.category-grid.svelte-17bp1oi{grid-template-columns:repeat(auto-fill,minmax(clamp(200px,19vw,235px),1fr));align-items:stretch;gap:clamp(9px,1.6vh,18px);display:grid}.parent-home-category.svelte-17bp1oi{background:linear-gradient(135deg,#f9f2ffe6,#fff9e6e6)}.parent-home-grid.svelte-17bp1oi{grid-template-columns:minmax(220px,310px)}@media (max-width:520px){.parent-home-grid.svelte-17bp1oi{grid-template-columns:minmax(0,1fr)}}.tile.svelte-17bp1oi{--tile-label-height:clamp(52px, 9vh, 72px);grid-template-rows:auto var(--tile-label-height);text-align:left;border:clamp(2px, .5vh, 4px) solid color-mix(in srgb, var(--accent) 58%, white);box-shadow:0 clamp(4px, 1vh, 9px) 0 color-mix(in srgb, var(--accent) 20%, #e7dcf4), 0 14px 24px var(--shadow);color:inherit;cursor:pointer;background:#fffffff5;border-radius:clamp(16px,3.2vh,28px);padding:0;text-decoration:none;transition:transform .13s,box-shadow .13s;display:grid;overflow:hidden}.tile.svelte-17bp1oi:active{box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 22%, #e7dcf4), 0 8px 16px var(--shadow);transform:translateY(5px)scale(.98)}.game-icon.svelte-17bp1oi{aspect-ratio:16/9;background:radial-gradient(circle at 10% 14%, #ffffffe0 0 4px, transparent 5px), radial-gradient(circle at 91% 84%, #ffffffb8 0 6px, transparent 7px), color-mix(in srgb, var(--accent) 18%, white);width:100%;padding:clamp(5px,.9vh,9px);display:block;position:relative}.game-icon.svelte-17bp1oi img:where(.svelte-17bp1oi){object-fit:cover;width:100%;height:100%;box-shadow:0 5px 12px color-mix(in srgb, var(--accent) 22%, transparent);border:2px solid #ffffffeb;border-radius:clamp(11px,2.2vh,19px);transition:transform .16s}.play-mark.svelte-17bp1oi{border:2px solid color-mix(in srgb, var(--accent) 70%, white);width:clamp(27px,4.8vh,40px);height:clamp(27px,4.8vh,40px);box-shadow:0 3px 8px var(--shadow);color:color-mix(in srgb, var(--accent) 78%, #4d4063);background:#fffffff0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:clamp(9px,1.4vh,14px);left:clamp(9px,1.4vh,14px)}.play-mark.svelte-17bp1oi svg{width:clamp(13px,2.2vh,18px);height:clamp(13px,2.2vh,18px);transform:translate(1px)}.age.svelte-17bp1oi{color:var(--ink);border:clamp(2px, .4vh, 3px) solid var(--accent);box-shadow:0 3px 8px var(--shadow);background:#ffffffeb;border-radius:999px;padding:clamp(2px,.5vh,4px) clamp(7px,1vw,12px);font-size:clamp(11px,1.9vh,15px);font-weight:800;position:absolute;top:clamp(5px,1vh,10px);right:clamp(5px,1vh,10px)}.label.svelte-17bp1oi{height:var(--tile-label-height);align-items:center;padding:clamp(7px,1.2vh,12px) clamp(9px,1.1vw,16px);display:flex;overflow:hidden}.title.svelte-17bp1oi{-webkit-line-clamp:2;line-clamp:2;color:var(--ink);-webkit-box-orient:vertical;font-size:clamp(14px,2.6vh,24px);font-weight:800;line-height:1.14;display:-webkit-box;overflow:hidden}@media (hover:hover){.tile.svelte-17bp1oi:hover{box-shadow:0 clamp(6px, 1.4vh, 12px) 0 color-mix(in srgb, var(--accent) 22%, #e7dcf4), 0 18px 28px var(--shadow);transform:translateY(-3px)}.tile.svelte-17bp1oi:hover .game-icon:where(.svelte-17bp1oi) img:where(.svelte-17bp1oi){transform:scale(1.025)}}.home-footer.svelte-17bp1oi{color:#9a8fae;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding-top:clamp(4px,1vh,10px);font-size:clamp(11px,1.7vh,14px);font-weight:700;display:flex}.home-footer.svelte-17bp1oi button:where(.svelte-17bp1oi){color:#7b6c93;font:inherit;text-underline-offset:3px;padding:2px;text-decoration:underline}.home-footer.svelte-17bp1oi a:where(.svelte-17bp1oi){color:#7b6c93;font:inherit;text-underline-offset:3px;padding:2px;text-decoration:underline}.app-version.svelte-17bp1oi{opacity:.75}.community-sheet.svelte-17bp1oi{width:min(620px, 100% - 2 * max(14px, var(--safe-l), var(--safe-r)));max-height:min(88dvh, 100% - 2 * max(10px, var(--safe-t)));color:var(--ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.community-sheet[open].svelte-17bp1oi{display:flex}.community-sheet.svelte-17bp1oi::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3a2a5285}.community-card.svelte-17bp1oi{background:#fffdf7;border:3px solid #fffffff2;border-radius:clamp(20px,4vh,30px);width:100%;animation:.17s ease-out svelte-17bp1oi-sheet-in;overflow:hidden;box-shadow:0 22px 50px #3c2c5a57}.community-bar.svelte-17bp1oi{background:linear-gradient(105deg,#fff5d9,#f4f0ff 55%,#eaf8ff);border-bottom:2px solid #f0e8f7;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:clamp(6px,1.2vh,10px) clamp(9px,1.4vw,14px) clamp(6px,1.2vh,10px) clamp(16px,2.2vw,24px);display:flex}.community-kicker.svelte-17bp1oi{letter-spacing:.12em;color:#9270a5;font-size:clamp(10px,1.7vh,12px);font-weight:950}.community-body.svelte-17bp1oi{text-align:center;padding:clamp(12px,2.6vh,22px) clamp(14px,2.2vw,24px) clamp(16px,3vh,26px)}.community-body.svelte-17bp1oi h2:where(.svelte-17bp1oi){color:#56456f;margin:0;font-size:clamp(21px,4vh,30px)}.community-body.svelte-17bp1oi>p:where(.svelte-17bp1oi){max-width:50ch;color:var(--ink-dim);margin:5px auto clamp(12px,2.4vh,20px);font-size:clamp(12px,2vh,15px);font-weight:650;line-height:1.4}.community-links.svelte-17bp1oi{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.5vw,15px);display:grid}.community-link.svelte-17bp1oi{border:3px solid var(--network-line);background:var(--network-soft);min-width:0;box-shadow:0 5px 0 var(--network-shadow);color:var(--ink);border-radius:clamp(17px,3.2vh,23px);justify-items:center;gap:4px;padding:clamp(10px,2vh,15px) 8px clamp(12px,2.4vh,18px);text-decoration:none;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.community-link.facebook.svelte-17bp1oi{--network:#1877f2;--network-soft:#edf5ff;--network-line:#bdd8fc;--network-shadow:#c8daf3}.community-link.discord.svelte-17bp1oi{--network:#5865f2;--network-soft:#f1f2ff;--network-line:#c9cdfd;--network-shadow:#d2d4f3}.community-link.zalo.svelte-17bp1oi{--network:#0068ff;--network-soft:#eef8ff;--network-line:#b9ddff;--network-shadow:#c6ddf2}.network-logo.svelte-17bp1oi{background:var(--network);width:clamp(47px,8.5vh,60px);height:clamp(47px,8.5vh,60px);box-shadow:0 4px 0 color-mix(in srgb, var(--network) 65%, #433760);color:#fff;--social-icon-bg:var(--network);border:3px solid #fffffff2;border-radius:clamp(16px,3vh,21px);place-items:center;margin-bottom:2px;display:grid}.community-link.svelte-17bp1oi strong:where(.svelte-17bp1oi){text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(14px,2.5vh,18px);font-weight:900;overflow:hidden}.community-link.svelte-17bp1oi small:where(.svelte-17bp1oi){color:var(--ink-dim);font-size:clamp(10px,1.7vh,12px);font-weight:700;line-height:1.2}.external-mark.svelte-17bp1oi{color:color-mix(in srgb, var(--network) 58%, #625375);font-size:15px;font-weight:950;position:absolute;top:7px;right:9px}.community-link.svelte-17bp1oi:active{box-shadow:0 2px 0 var(--network-shadow);transform:translateY(3px)scale(.98)}@media (hover:hover) and (pointer:fine){.community-link.svelte-17bp1oi:hover{box-shadow:0 8px 0 var(--network-shadow), 0 14px 22px var(--shadow);transform:translateY(-3px)}}.parent-sheet.svelte-17bp1oi{width:min(880px, 100% - 2 * max(14px, var(--safe-l), var(--safe-r)));max-height:min(90dvh, 100% - 2 * max(12px, var(--safe-t)));color:var(--ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.parent-sheet[open].svelte-17bp1oi{display:flex}.parent-sheet.svelte-17bp1oi::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3a2a5285}.sheet-card.svelte-17bp1oi{background:#fffdf7;border:3px solid #ffffffe6;border-radius:clamp(18px,3vh,28px);flex-direction:column;width:100%;min-height:0;animation:.17s ease-out svelte-17bp1oi-sheet-in;display:flex;overflow:hidden;box-shadow:0 22px 50px #3c2c5a57}@keyframes svelte-17bp1oi-sheet-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.sheet-bar.svelte-17bp1oi{background:linear-gradient(105deg,#fff6fb,#f4f0ff);border-bottom:2px solid #f0e8f7;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:clamp(7px,1.2vh,12px) clamp(10px,1.4vw,16px) clamp(7px,1.2vh,12px) clamp(16px,2vw,26px);display:flex}.sheet-body.svelte-17bp1oi{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:clamp(12px,2vh,22px) clamp(16px,2vw,26px) clamp(16px,2.4vh,26px);overflow-y:auto}.parent-kicker.svelte-17bp1oi{letter-spacing:.12em;color:#9b6594;font-size:clamp(10px,1.6vh,12px);font-weight:900}.sheet-body.svelte-17bp1oi h2:where(.svelte-17bp1oi){color:#56456f;margin:0;font-size:clamp(17px,2.8vh,27px)}.parent-lede.svelte-17bp1oi{max-width:62ch;color:var(--ink-dim);margin:7px 0 14px;font-size:clamp(13px,1.9vh,16px);font-weight:600;line-height:1.55}.privacy-note.svelte-17bp1oi{color:#527269;background:#effcf6;border:2px solid #bfe9dc;border-radius:15px;margin:0 0 16px;padding:9px 13px;font-size:clamp(12px,1.7vh,13px);line-height:1.45}.privacy-note.svelte-17bp1oi a:where(.svelte-17bp1oi){color:#327c70;text-underline-offset:2px;margin-left:4px;font-weight:850}.parent-games.svelte-17bp1oi{background:linear-gradient(135deg,#fbf5ff,#fff7e8);border:2px solid #dfcef2;border-radius:20px;grid-template-columns:minmax(170px,.7fr) minmax(300px,1.3fr);align-items:center;gap:14px;margin:0 0 16px;padding:14px;display:grid}.parent-games-copy.svelte-17bp1oi h3:where(.svelte-17bp1oi){color:#684f82;margin:0;font-size:17px}.parent-games-copy.svelte-17bp1oi p:where(.svelte-17bp1oi){color:var(--ink-dim);margin:5px 0 0;font-size:13px;font-weight:650;line-height:1.4}.parent-game-list.svelte-17bp1oi{gap:10px;display:grid}.parent-game-card.svelte-17bp1oi{border:3px solid color-mix(in srgb, var(--parent-game-accent) 44%, white);box-shadow:0 4px 0 color-mix(in srgb, var(--parent-game-accent) 22%, #d8c9e8);color:#5d4d73;background:#fffef9;border-radius:18px;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 11px 8px 8px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:grid}.parent-game-card.svelte-17bp1oi img:where(.svelte-17bp1oi){aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:116px;display:block}.parent-game-card.svelte-17bp1oi>span:where(.svelte-17bp1oi){gap:3px;min-width:0;display:grid}.parent-game-card.svelte-17bp1oi strong:where(.svelte-17bp1oi){color:#58466f;font-size:15px;font-weight:900}.parent-game-card.svelte-17bp1oi small:where(.svelte-17bp1oi){color:#7e708d;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.parent-game-card.svelte-17bp1oi>b:where(.svelte-17bp1oi){white-space:nowrap;color:color-mix(in srgb, var(--parent-game-accent) 72%, #49395d);font-size:13px}.parent-game-card.svelte-17bp1oi:active{box-shadow:0 1px 0 color-mix(in srgb, var(--parent-game-accent) 22%, #d8c9e8);transform:translateY(3px)}.parent-topics.svelte-17bp1oi{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.parent-topics.svelte-17bp1oi section:where(.svelte-17bp1oi){border:2px solid color-mix(in srgb, var(--topic-accent) 30%, white);background:color-mix(in srgb, var(--topic-accent) 7%, white);border-radius:18px;padding:13px 15px}.parent-topics.svelte-17bp1oi h3:where(.svelte-17bp1oi){color:color-mix(in srgb, var(--topic-accent) 68%, #4d4063);margin:0;font-size:16px}.parent-topics.svelte-17bp1oi p:where(.svelte-17bp1oi){color:var(--ink-dim);margin:3px 0 10px;font-size:13px;font-weight:600;line-height:1.35}.parent-topics.svelte-17bp1oi ul:where(.svelte-17bp1oi){margin:0;padding-left:18px}.parent-topics.svelte-17bp1oi li:where(.svelte-17bp1oi){color:#887a99;margin:4px 0;font-size:14px}.parent-topics.svelte-17bp1oi a:where(.svelte-17bp1oi){color:#5d4d73;text-underline-offset:2px;font-weight:750}.parent-faq.svelte-17bp1oi{border-top:2px dashed #735d9933;margin-top:16px;padding-top:14px}.parent-faq.svelte-17bp1oi>h3:where(.svelte-17bp1oi){color:#5d4d73;margin:0 0 9px;font-size:17px}.parent-faq.svelte-17bp1oi>div:where(.svelte-17bp1oi){grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;display:grid}.parent-faq.svelte-17bp1oi details:where(.svelte-17bp1oi){color:var(--ink-dim);background:#fffaf0;border-radius:16px;padding:11px 14px}.parent-faq.svelte-17bp1oi summary:where(.svelte-17bp1oi){cursor:pointer;color:#657;font-size:14px;font-weight:800}.parent-faq.svelte-17bp1oi details:where(.svelte-17bp1oi) p:where(.svelte-17bp1oi){margin:8px 0 1px;font-size:14px;font-weight:600;line-height:1.45}@media (max-width:900px){.parent-btn.svelte-17bp1oi{padding:clamp(6px,1vh,9px)}.parent-btn.svelte-17bp1oi>span:where(.svelte-17bp1oi){display:none}}@media (max-width:850px){.parent-games.svelte-17bp1oi,.parent-topics.svelte-17bp1oi{grid-template-columns:1fr}.parent-faq.svelte-17bp1oi>div:where(.svelte-17bp1oi){grid-template-columns:1fr}}@media (max-width:560px){.parent-game-card.svelte-17bp1oi{grid-template-columns:92px minmax(0,1fr)}.parent-game-card.svelte-17bp1oi img:where(.svelte-17bp1oi){width:92px}.parent-game-card.svelte-17bp1oi>b:where(.svelte-17bp1oi){display:none}}