.story-shelf.svelte-1pdc25j{border:clamp(2px, .4vh, 3px) solid color-mix(in srgb, var(--category-accent) 32%, white);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}p.svelte-1pdc25j{margin:var(--space-1) 0 var(--space-3);line-height:1.5;font-size:var(--text-sm);color:var(--color-ink-soft)}ul.svelte-1pdc25j{grid-template-columns:repeat(auto-fill,minmax(clamp(132px,13vw,168px),1fr));gap:13px;margin:0;padding:0;list-style:none;display:grid}li.svelte-1pdc25j a:where(.svelte-1pdc25j){border:2px solid color-mix(in srgb, var(--category-accent) 32%, white);background:var(--color-surface);height:100%;box-shadow:var(--shadow-soft);color:var(--color-ink);font-weight:800;font-size:var(--text-sm);border-radius:18px;line-height:1.3;text-decoration:none;transition:transform .15s;display:grid;overflow:hidden}li.svelte-1pdc25j a:where(.svelte-1pdc25j):hover{transform:translateY(-3px)}li.svelte-1pdc25j a:where(.svelte-1pdc25j):focus-visible{transform:translateY(-3px)}img.svelte-1pdc25j{aspect-ratio:1;background:var(--color-surface-soft);width:100%;height:auto;display:block}span.svelte-1pdc25j{padding:var(--space-2)}@media (prefers-reduced-motion:reduce){li.svelte-1pdc25j a:where(.svelte-1pdc25j){transition:none}}.category-chips.svelte-17bp1oi{z-index:4;gap:var(--space-2);padding:var(--space-2) var(--home-pad-l);touch-action:pan-x;background:var(--color-surface);flex:none;display:flex;position:sticky;top:0;overflow-x:auto}.category-chips.svelte-17bp1oi a:where(.svelte-17bp1oi){min-height:var(--touch-target);align-items:center;text-decoration:none;display:flex}.catalog.svelte-17bp1oi{scroll-behavior:smooth}.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, var(--color-primary-strong), var(--pink) 55%, var(--sky));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}.fullscreen-slot.svelte-17bp1oi{width:calc(var(--touch) + 2 * var(--touch-pad));min-height:calc(var(--touch) + 2 * var(--touch-pad));flex:none;display:grid}.parent-btn.svelte-17bp1oi{min-width:var(--touch-target);min-height:var(--touch-target);border:2px solid var(--line);border-radius:var(--radius-pill);box-shadow:0 3px 0 var(--line);color:var(--color-ink-soft);white-space:nowrap;background:#fffffff0;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}.parent-btn.svelte-17bp1oi:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.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;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-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{border:2px solid var(--line);background:var(--color-surface);width:clamp(24px,4vh,36px);height:clamp(24px,4vh,36px);color:var(--color-ink-soft);border-radius:clamp(7px,1.3vh,11px);flex:none;place-items:center;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:var(--color-ink);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{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--category-accent) 15%, white);color:var(--color-ink);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(132px,13vw,168px),1fr));align-items:stretch;gap:13px;display:grid}.parent-home-category.svelte-17bp1oi{background:linear-gradient(135deg,#f9f2ffe6,#fff9e6e6)}.parent-home-grid.svelte-17bp1oi{grid-template-columns:repeat(auto-fill,minmax(clamp(132px,13vw,168px),1fr))}@media (max-width:520px){.parent-home-grid.svelte-17bp1oi{grid-template-columns:minmax(0,1fr)}}.home-footer.svelte-17bp1oi{color:var(--color-ink-soft);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){min-height:var(--touch-target);color:var(--color-ink-soft);font:inherit;text-underline-offset:3px;align-items:center;padding:2px;text-decoration:underline;display:inline-flex}.home-footer.svelte-17bp1oi a:where(.svelte-17bp1oi){min-height:var(--touch-target);color:var(--color-ink-soft);font:inherit;text-underline-offset:3px;align-items:center;padding:2px;text-decoration:underline;display:inline-flex}.app-version.svelte-17bp1oi{opacity:.75}.community-card.svelte-17bp1oi{min-width:0}.community-bar.svelte-17bp1oi{border-bottom:2px solid var(--color-bg);background:linear-gradient(105deg, var(--color-surface-soft), var(--color-surface) 55%, var(--color-surface));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:var(--color-ink-soft);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:var(--color-ink);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:var(--color-facebook);--network-soft:color-mix(in srgb, var(--network) 7%, var(--color-surface));--network-line:color-mix(in srgb, var(--network) 25%, var(--color-surface));--network-shadow:color-mix(in srgb, var(--network) 20%, var(--line))}.community-link.discord.svelte-17bp1oi{--network:var(--color-discord);--network-soft:color-mix(in srgb, var(--network) 7%, var(--color-surface));--network-line:color-mix(in srgb, var(--network) 25%, var(--color-surface));--network-shadow:color-mix(in srgb, var(--network) 20%, var(--line))}.community-link.zalo.svelte-17bp1oi{--network:var(--color-zalo);--network-soft:color-mix(in srgb, var(--network) 7%, var(--color-surface));--network-line:color-mix(in srgb, var(--network) 25%, var(--color-surface));--network-shadow:color-mix(in srgb, var(--network) 20%, var(--line))}.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%, var(--color-ink));color:var(--color-surface);--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%, var(--color-ink));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)}}.sheet-card.svelte-17bp1oi{min-width:0}@keyframes svelte-17bp1oi-sheet-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.sheet-bar.svelte-17bp1oi{border-bottom:2px solid var(--color-bg);background:linear-gradient(105deg, var(--color-surface), var(--color-surface));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:var(--color-ink-soft);font-size:clamp(10px,1.6vh,12px);font-weight:900}.sheet-body.svelte-17bp1oi h2:where(.svelte-17bp1oi){color:var(--color-ink);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{border:2px solid var(--color-mint);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);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:var(--color-ink);text-underline-offset:2px;margin-left:4px;font-weight:850}.parent-games.svelte-17bp1oi{border:2px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-surface), var(--color-bg));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:var(--color-ink);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-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);border-radius:var(--radius-md);background:color-mix(in srgb, var(--topic-accent) 7%, white);padding:13px 15px}.parent-topics.svelte-17bp1oi h3:where(.svelte-17bp1oi){color:color-mix(in srgb, var(--topic-accent) 68%, var(--color-ink));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:var(--color-ink-soft);margin:4px 0;font-size:14px}.parent-topics.svelte-17bp1oi a:where(.svelte-17bp1oi){color:var(--color-ink);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:var(--color-ink);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){border-radius:var(--radius-md);background:var(--color-bg);color:var(--ink-dim);padding:11px 14px}.parent-faq.svelte-17bp1oi summary:where(.svelte-17bp1oi){cursor:pointer;color:var(--color-ink);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 (orientation:landscape) and (max-height:500px){.home.svelte-17bp1oi{--home-pad-x:8px;--home-gap:4px}header.svelte-17bp1oi{min-height:var(--touch-target);margin-top:max(2px, var(--safe-t));border-radius:18px;gap:6px;padding:0 6px 0 10px}h1.svelte-17bp1oi{font-size:clamp(16px,4.5vh,20px)}.tools.svelte-17bp1oi{--touch:var(--touch-target);--touch-pad:0px;--icon-size:23px;gap:0}.fullscreen-slot.svelte-17bp1oi{width:var(--touch-target);min-height:var(--touch-target)}.parent-btn.svelte-17bp1oi{min-width:var(--touch-target);min-height:var(--touch-target);justify-content:center;margin-right:0;padding:4px}.parent-btn.svelte-17bp1oi>span:where(.svelte-17bp1oi){display:none}.parent-btn.svelte-17bp1oi svg{width:20px;height:20px}.category-chips.svelte-17bp1oi{gap:6px;padding-block-start:0;padding-block-end:0}.category-chips.svelte-17bp1oi a:where(.svelte-17bp1oi){min-height:var(--touch-target)}.category-chips.svelte-17bp1oi .pill{font-size:12px}.catalog.svelte-17bp1oi{padding-top:4px;padding-bottom:max(6px, var(--safe-b));gap:4px}.category.svelte-17bp1oi{width:min(100%, var(--layout-tablet-content-width));border-radius:18px;margin-inline-start:auto;margin-inline-end:auto;padding:5px 8px 8px}.category-head.svelte-17bp1oi{gap:6px;margin:0 1px 4px}.category-heading-icon.svelte-17bp1oi,.parent-heading-icon.svelte-17bp1oi{width:24px;height:24px}.category-head.svelte-17bp1oi .heading h2{font-size:14px}.category.svelte-17bp1oi h2:where(.svelte-17bp1oi){font-size:14px}.category-head.svelte-17bp1oi p:where(.svelte-17bp1oi){display:none}.category-head.svelte-17bp1oi .heading{margin-bottom:0}.game-count.svelte-17bp1oi{padding:2px 7px;font-size:10px}.category-grid.svelte-17bp1oi,.parent-home-grid.svelte-17bp1oi{grid-template-columns:repeat(auto-fill,minmax(clamp(136px,20vw,170px),1fr));gap:6px}.category-grid.svelte-17bp1oi .tile{min-width:0}.category-grid.svelte-17bp1oi .tile img{aspect-ratio:auto;object-fit:cover;height:clamp(52px,15vh,60px)}.category-grid.svelte-17bp1oi .tile .label{gap:4px;padding:4px 6px}.category-grid.svelte-17bp1oi .tile strong{white-space:nowrap;text-overflow:ellipsis;min-height:0;font-size:12px;line-height:1.15;display:block;overflow:hidden}.category-grid.svelte-17bp1oi .tile .pill{padding:2px 5px;font-size:10px}}@media (orientation:landscape) and (min-width:740px) and (min-height:501px){.category.svelte-17bp1oi{width:min(100%, var(--layout-tablet-content-width));margin-inline-start:auto;margin-inline-end:auto}}@media (max-width:430px){.category-grid.svelte-17bp1oi,.parent-home-grid.svelte-17bp1oi{grid-template-columns:repeat(2,minmax(120px,1fr))}header.svelte-17bp1oi{gap:var(--space-1);flex-wrap:wrap}.tools.svelte-17bp1oi{max-width:100%}.category-head.svelte-17bp1oi{flex-wrap:wrap}.category-head.svelte-17bp1oi p:where(.svelte-17bp1oi){flex-basis:100%}}
