@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-cyrillic-ext-wght-normal.D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-cyrillic-wght-normal.CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-vietnamese-wght-normal.U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-latin-ext-wght-normal.CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/_astro/nunito-latin-wght-normal.BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#fbf5e8;--paper:#fffaf0;--ink-day:#4a4036;--night:#1d2342;--gold:#ffe27a;--sage:#a9c3a0;--butter:#f3dc8d;--peach:#f2b08a;--lavender:#c9bde6;--blush:#f0a79a;--bg:var(--cream);--ink:var(--ink-day);--muted:color-mix(in srgb, var(--ink) 65%, transparent);--surface:var(--paper);--accent:var(--sage);--on-accent:#2b2a26;--sky0:#fdecc4;--sky1:#cfe6ea;--sky2:#f3b894;--sky3:#1d2342;--line:#4a4036;--hog-spike:#8a6d5a;--hog-body:#c9a58a;--hog-belly:#f4dcc2;--duck:#f6dc7a;--duck-wing:#ecc65a;--beak:#f09a55;--egg:#fbf1dc;--egg-spot:#e9b7a0;--fly:#ffe27a;--fly-body:#3b3350;--snail-body:#e6c9a0;--snail-shell:#e8856a;--snail-spiral:#fbd3bd;--mint:#9fd8c0;--mascot:#f6cfc0;--mascot-dark:#e4b3a2;--sun:#ffd98a;--g1:#b7cf9d;--g2:#a3c28f;--g3:#e9b68d;--g4:#2a3350;--plot1:#d6e2b4;--plot2:#efd7a6;--plot3:#cfbfe0;--water:#9fcfd8;--water2:#c4e6e8;--pad:#8fb97f;--reed:#8aa06f;--nest:#b98d68;--nest2:#8c6a4c;--moon:#fff3cf;--tree:#1b2540;--font-display:"Fraunces Variable", Georgia, serif;--font-body:"Nunito Variable", system-ui, sans-serif;--step--1:clamp(.85rem, .83rem + .1vw, .92rem);--step-0:clamp(1.05rem, 1rem + .25vw, 1.2rem);--step-1:clamp(1.3rem, 1.15rem + .7vw, 1.7rem);--step-2:clamp(1.8rem, 1.4rem + 1.8vw, 2.8rem);--step-3:clamp(2.4rem, 1.5rem + 4.5vw, 4.8rem);--step-4:clamp(2.8rem, 1.2rem + 8vw, 6.4rem);--gutter:1.25rem;--radius:1.25rem;--radius-pill:99rem;--shadow:0 2px 0 #0000001f;--ease-bounce:cubic-bezier(.3, 1.6, .5, 1);--measure:62rem}@media (prefers-color-scheme:dark){:root:not([data-village]){--bg:#171c36;--ink:#f6efd9;--surface:#232a4d;--accent:#e8c45a;--paper:#232a4d}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:var(--step-0)/1.65 var(--font-body);margin:0;transition:color .4s}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .4em;font-weight:800;line-height:1.05}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{margin:0 0 1em}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:.4rem}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:var(--measure);padding-inline:var(--gutter);margin-inline:auto}.kicker{font:800 var(--step--1)/1 var(--font-body);text-transform:uppercase;letter-spacing:.16em;opacity:.75;margin:0 0 .7rem}body:after{content:"";pointer-events:none;z-index:50;opacity:.3;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .4 0 0 0 0 .3 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-color-scheme:dark){html:not([data-village]) body:after{mix-blend-mode:soft-light;opacity:.2}}.btn{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font:800 1rem/1.2 var(--font-display);box-shadow:var(--shadow);cursor:pointer;transition:transform .25s var(--ease-bounce), box-shadow .2s;border:2px solid #0000;align-items:center;gap:.5em;padding:.7rem 1.4rem;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 6px #0000001a}.btn:active{transform:translateY(0)scale(.97)}.btn--ghost{color:inherit;box-shadow:none;background:0 0;border-color:currentColor}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border-top:6px solid var(--accent);padding:1.5rem}.cards{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.25rem;padding:0;list-style:none;display:grid}.site-header{z-index:20;padding:.7rem var(--gutter);flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;display:flex;position:fixed;inset:0 0 auto}.site-header nav{flex-wrap:wrap;gap:.3rem 1.1rem;font-weight:800;display:flex}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline}.site-header .langs{font-size:var(--step--1);margin-inline-start:auto}.site-header .langs a[aria-current]{text-decoration:underline}html:not([data-village]) .site-header{position:static}.site-footer{padding:3rem var(--gutter);text-align:center;font-size:var(--step--1);flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;display:flex}.page{padding-block:3rem 4rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (width<=760px){.site-header{gap:.3rem 1rem;font-size:.9rem;position:absolute}.site-header .langs{gap:.8rem;width:100%;margin-inline-start:0}}body[data-theme]{--surface:#fffaf0;--on-accent:#2b2a26}body[data-theme=hoglo]{--bg:#fdecc4;--ink:#4a4036;--accent:var(--sage)}body[data-theme=waddlo]{--bg:#cfe6ea;--ink:#3f4a4a;--accent:var(--butter)}body[data-theme=hatchlo]{--bg:#f6c9a8;--ink:#4d3a30;--accent:var(--peach)}body[data-theme=fireflo]{--bg:#1d2342;--ink:#f6efd9;--surface:#262d52;--accent:#e8c45a;--lantern:.9}.stars{pointer-events:none;opacity:0;z-index:0;background-image:radial-gradient(2px 2px at 12% 18%,#fff,#0000),radial-gradient(1.5px 1.5px at 30% 8%,#fff,#0000),radial-gradient(2px 2px at 52% 22%,#fff,#0000),radial-gradient(1.5px 1.5px at 71% 12%,#fff,#0000),radial-gradient(2px 2px at 88% 26%,#fff,#0000),radial-gradient(1.5px 1.5px at 20% 40%,#fff,#0000),radial-gradient(1.5px 1.5px at 62% 44%,#fff,#0000),radial-gradient(2px 2px at 93% 52%,#fff,#0000);position:fixed;inset:0}body[data-theme=fireflo] .stars{opacity:1}:root{--hl-far:#c9dcb0;--hl-far2:#b9d19f;--hl-mid:#a9c88f;--hl-near:#94ba7d}body[data-time]{background:var(--bg);transition:color .4s}body[data-time] main{z-index:3;position:relative}body[data-time] .site-header{transition:transform .4s,background .3s,box-shadow .3s;position:fixed;inset:0 0 auto}body[data-time] .site-header.scrolled{background:color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:blur(10px);box-shadow:0 6px 24px #00000012}body[data-time] .site-header.hide{transform:translateY(-110%)}.dusk{z-index:2;pointer-events:none;opacity:var(--dusk,0);background:radial-gradient(circle at var(--mx,50%) var(--my,60%), #ffe28c29 0, transparent 13vmax), radial-gradient(circle at var(--mx,50%) var(--my,60%), transparent 0, transparent 12vmax, #06091cc7 38vmax);position:fixed;inset:0}.split .w{white-space:nowrap;display:inline-block}.split .l{opacity:0;transition:transform .7s var(--ease-bounce) calc(var(--i) * 45ms), opacity .3s calc(var(--i) * 45ms);display:inline-block;transform:translateY(.9em)rotate(6deg)scale(.7)}.split.on .l{opacity:1;transform:none}.reveal{opacity:0;transition:opacity .6s var(--d,0s), transform .9s var(--ease-bounce) var(--d,0s);transform:translateY(34px)scale(.97)}.reveal[data-from=left]{transform:translate(-60px)rotate(-2deg)}.reveal[data-from=right]{transform:translate(60px)rotate(2deg)}.reveal[data-from=zoom]{transform:scale(.7)}.reveal.in{opacity:1;transform:none}.banner{align-items:center;height:min(88svh,52rem);min-height:30rem;padding-inline:6vw;display:flex;position:relative;overflow:hidden}.banner.short{height:min(64svh,38rem);min-height:24rem}.banner .world{position:absolute;inset:0}.banner.right{justify-content:flex-end}.banner .copy{z-index:3;width:min(32rem,44vw);color:var(--on-card,#3b3730);background:var(--card,#fffaf0db);backdrop-filter:blur(8px);border-radius:1.8rem;margin-top:3rem;padding:1.7rem 1.9rem;position:relative;box-shadow:0 8px #00000014,0 22px 40px #0000001f}.banner .copy h1{font-size:var(--step-3);margin-bottom:.15em}.banner .copy p{margin:.3em 0 .8em}.banner .copy .lead{font-size:var(--step-0)}.banner .copy .actions{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1rem;display:flex}.banner .copy .btn--ghost{color:inherit}.banner .scrollhint{z-index:3;font-weight:800;font-size:var(--step--1);opacity:.7;animation:1.5s ease-in-out infinite nudge;position:absolute;bottom:1rem;left:50%;translate:-50%}@keyframes nudge{50%{transform:translateY(6px)}}@media (width<=760px),(aspect-ratio<=6/5){.banner{align-items:flex-start;height:min(92svh,46rem);padding:5rem .9rem 0;justify-content:center!important}.banner .copy{text-align:center;width:100%;margin-top:0;padding:1rem 1.15rem}.banner .copy h1{font-size:var(--step-2)}.banner .copy .actions{justify-content:center}}.sheet{background:var(--card,#fffaf0db);color:var(--on-card,#3b3730);border-radius:var(--radius);backdrop-filter:blur(6px);padding:1.5rem 1.75rem;box-shadow:0 6px #00000012,0 18px 36px #00000014}.sheet a{color:inherit}.tilt{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s}.vfoot{z-index:3;text-align:center;margin-top:6rem;padding-bottom:2rem;position:relative}.vfoot .roofs{width:min(100%,46rem);height:auto;margin:0 auto -1px;display:block}.vfoot .ground{color:#f6efd9;padding:1.5rem var(--gutter) 2rem;background:#1d2342}.vfoot .ground a{color:inherit}.vfoot .links{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-bottom:.6rem;font-weight:800;display:flex}.vfoot .win{fill:#f3e7b8;transition:fill .6s}body[data-night="1"] .vfoot .win{fill:#ffd96b;filter:drop-shadow(0 0 8px #ffd96b)}.vfoot .smoke{fill:#fff;opacity:0;animation:smoke 5s ease-out calc(var(--i) * -1.2s) infinite}@keyframes smoke{0%{opacity:.5;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-50px)scale(1.8)}}.readbar{z-index:40;background:color-mix(in srgb, var(--ink) 10%, transparent);height:6px;position:fixed;top:0;left:0;right:0}.readbar .fill{height:100%;width:calc(var(--rp,0) * 100%);background:linear-gradient(90deg,#ffe27a,#ffd96b);border-radius:0 6px 6px 0;box-shadow:0 0 10px #ffd96b}.readbar .walker{top:6px;left:calc(var(--rp,0) * (100% - 2rem));pointer-events:none;width:2.4rem;position:absolute;translate:0}.readbar .walker .mascot{width:100%;height:auto;animation:.5s ease-in-out infinite alternate step}@keyframes step{to{transform:translateY(-3px)rotate(4deg)}}.bubble{z-index:60;pointer-events:none;font:800 1rem var(--font-display);color:#333;background:#fff;border-radius:1rem;padding:.25rem .8rem;animation:1.1s forwards bubblepop;position:fixed;transform:translate(-50%,-140%);box-shadow:0 3px #0000001f}@keyframes bubblepop{to{opacity:0;transform:translate(-50%,-240%)}}@media (prefers-reduced-motion:reduce){.reveal,.split .l{opacity:1!important;transform:none!important}}[data-place=snailo]{--hl-far:#c2dcb2;--hl-far2:#aed0a0;--hl-mid:#86b87a;--hl-near:#5f9a62}[data-place=waddlo]{--hl-far:#b8d8c6;--hl-far2:#a8cdb6;--hl-mid:#98c4a5;--hl-near:#88b894}[data-place=hatchlo]{--hl-far:#e9c1a8;--hl-far2:#e2b194;--hl-mid:#dba07e;--hl-near:#cf926f}[data-place=fireflo]{--hl-near:#26305a}[data-place=village]{--hl-far:#bcd5b0;--hl-far2:#abc99f;--hl-mid:#9bc08f;--hl-near:#8ab47f}.banner .world{-webkit-mask-image:linear-gradient(#000 90%,#0000 100%);mask-image:linear-gradient(#000 90%,#0000 100%)}.door{padding:.9rem 1.2rem}.door summary{cursor:pointer;align-items:center;gap:1rem;font-weight:800;list-style:none;display:flex}.door summary::-webkit-details-marker{display:none}.door summary svg{width:1.7rem;color:var(--ink);flex:none}.door .leaf{transform-box:fill-box;transform-origin:0;transition:transform .5s var(--ease-bounce)}.door[open] .leaf{transform:perspective(60px)rotateY(-70deg)}.door p{margin:.8rem 0 0 2.7rem}.doors>div{gap:.8rem;max-width:46rem;margin-inline:auto;display:grid}.section-h{font-size:var(--step-3);text-align:center;margin-bottom:1.5rem}.grid-wrap{grid-template-columns:minmax(0,1fr);gap:5rem;padding-block:3rem 2rem;display:grid}body[data-time] main{overflow-x:clip}@media (width<=760px){body[data-time] .site-header{position:absolute}body[data-time] .site-header.hide{transform:none}.banner .copy .short{display:none}}@media (width<=760px),(aspect-ratio<=6/5){.banner{padding-top:8.4rem!important}}.langnote{z-index:31;text-align:center;color:#5b4a1a;font-weight:800;font-size:var(--step--1);background:#fff1c2;margin:0;padding:.45rem 1rem;position:relative}body[data-time] .langnote{padding-block:.6rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 14px #0000001a}[dir=rtl] .banner,[dir=rtl] .stage{direction:ltr}[dir=rtl] .copy{direction:rtl}[dir=rtl] .trail{left:auto;right:.4rem}[dir=rtl] .trail .lbl{left:auto;right:24px}.skip{z-index:100;color:#fff;background:#2b2a26;border-radius:.6rem;padding:.6rem 1rem;font-weight:800;transition:top .2s;position:absolute;top:-4rem;left:.5rem}.skip:focus{top:.5rem}.soundbtn{z-index:45;cursor:pointer;background:var(--card,#fffaf0);width:2.8rem;height:2.8rem;color:var(--on-card,#3b3730);transition:transform .3s var(--ease-bounce);border:0;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:.9rem;right:.9rem;box-shadow:0 4px #00000026,0 10px 20px #0000001f}.soundbtn:hover{transform:scale(1.1)rotate(-6deg)}.soundbtn svg{width:1.5rem;height:1.5rem}.soundbtn .mute{display:block}.soundbtn .waves,.soundbtn.on .mute{display:none}.soundbtn.on .waves{display:block}.soundbtn.on{color:#3b3730;background:#ffd96b}body[data-time] .langnote~.soundbtn{bottom:3.6rem}.mascot[data-astro-cid-nc4tnjkm]{overflow:visible}.eye[data-astro-cid-nc4tnjkm]{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite blink}.pupil[data-astro-cid-nc4tnjkm]{transform:translate(calc(var(--lx,0) * 1.8px), calc(var(--ly,0) * 1.4px))}.glow[data-astro-cid-nc4tnjkm]{opacity:var(--lantern,.35);transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite pulse}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}@keyframes pulse{50%{transform:scale(1.18)}}.logo[data-astro-cid-f7espo7c]{align-items:center;gap:.35rem;display:inline-flex}.logo[data-astro-cid-f7espo7c] .logo-mascot{width:2.6rem;height:auto}.word[data-astro-cid-f7espo7c]{font:800 1.7rem/1 var(--font-display);letter-spacing:-.02em}.sky{pointer-events:none;z-index:0;background:linear-gradient(180deg, var(--sk-top,#ffe3a3) 0%, var(--sk-mid,#ffefc4) 58%, var(--sk-bot,#fff6df) 100%);position:fixed;inset:0;overflow:hidden}.sky .stars{opacity:calc(1 - var(--day,1));background-image:radial-gradient(2px 2px at 12% 18%,#fff,#0000),radial-gradient(1.5px 1.5px at 30% 8%,#fff,#0000),radial-gradient(2px 2px at 52% 22%,#fff,#0000),radial-gradient(1.5px 1.5px at 71% 12%,#fff,#0000),radial-gradient(2px 2px at 88% 26%,#fff,#0000),radial-gradient(1.5px 1.5px at 20% 40%,#fff,#0000),radial-gradient(1.5px 1.5px at 62% 44%,#fff,#0000),radial-gradient(2px 2px at 93% 52%,#fff,#0000),radial-gradient(1.5px 1.5px at 42% 33%,#fff,#0000),radial-gradient(2px 2px at 5% 55%,#fff,#0000);animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.sky .orb{will-change:left, top;width:clamp(130px,22vmin,240px);height:auto;position:absolute;translate:-50% -50%}.sky .sun{left:var(--sun-x,20%);top:var(--sun-y,30%);opacity:var(--sun-o,1)}.sky .sun .rays{animation:40s linear infinite spin}.sky .moon{left:var(--moon-x,70%);top:var(--moon-y,30%);opacity:var(--moon-o,0);width:clamp(110px,18vmin,200px)}.sky .cloud{top:var(--y);width:calc(14vmax * var(--s));opacity:calc(var(--day,1) * .9);animation:drift var(--t) linear calc(var(--i) * -37s) infinite;filter:drop-shadow(0 6px #0000000d);position:absolute;left:-30vw}.sky .bird{top:calc(14% + var(--i) * 6%);width:34px;opacity:calc(var(--day,1) * var(--bird,1));animation:fly 26s linear calc(var(--i) * 3s + 2s) infinite;position:absolute;left:-60px}@keyframes drift{to{transform:translate(160vw)}}@keyframes fly{0%{transform:translate(0)}50%{transform:translate(60vw,-30px)}to{transform:translate(120vw,10px)}}@keyframes twinkle{to{filter:brightness(1.6)}}@media (prefers-reduced-motion:reduce){.sky .cloud{left:calc(10% + var(--i) * 18%);animation:none}.sky .bird{display:none}}
