:root{--water: #4cc3e8;--water-deep: #0b5a78;--ink: #15384a;--ink-soft: #3d6275;--foam: #eefafd;--paper: #ffffff;--sprout: #6fcf5a;--moss: #17693a;--soil: #b8743a;--soil-dark: #6e4220;--play: #ff7a1a;--line: #cfe9f2;--shadow: rgba(11, 90, 120, .14);--shadow-strong: rgba(11, 90, 120, .24);--lift: 0 6px 0 rgba(11, 90, 120, .1), 0 18px 30px -18px rgba(11, 90, 120, .35);--aqua-top: #6ed6f5;--aqua-bottom: #2aaad8;--aqua-bevel: #1a7fa6;--aqua-outline: #0a5f80;--mint-top: #5cd9b0;--mint-bottom: #21ad87;--mint-bevel: #0d8066;--mint-outline: #0b5e4e;--play-top: #ffb548;--play-bottom: #f7801f;--play-bevel: #d9621b;--play-outline: #9c4208;--tint-pink: #ffe0e8;--tint-sun: #fff0c7;--tint-mint: #dcf5e3;--tint-sky: #dcefff;--tint-lilac: #ece3ff;--display: "Mitr", "Anuphan", ui-rounded, system-ui, sans-serif;--body: "Anuphan", "Mitr", system-ui, -apple-system, "Segoe UI", sans-serif;--pixel: "Pixelify Sans", "Mitr", ui-rounded, system-ui, sans-serif;--wrap: 72rem;--gutter: 1rem}@media (min-width: 40rem){:root{--gutter: 1.25rem}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--foam);color:var(--ink);font:400 1.0625rem/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}html:lang(th) body{line-height:1.8}img{max-width:none}.pixel,.iso-piece,.sprite-fallback{image-rendering:pixelated}a{color:var(--water-deep);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--play);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}.wrap.narrow{max-width:50rem}.skip{position:absolute;left:-999px;top:.5rem;z-index:100;background:var(--paper);padding:.5rem 1rem;border-radius:99px}.skip:focus{left:.5rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.2;margin:0;color:var(--ink)}h1{font-size:clamp(2.1rem,4.6vw,3.4rem);letter-spacing:-.015em}h2{font-size:clamp(1.7rem,3.2vw,2.4rem);letter-spacing:-.01em}h3{font-size:1.2rem;font-weight:500}html:lang(th) h1,html:lang(th) h2{letter-spacing:0;line-height:1.35}p{margin:0 0 1rem;max-width:38rem}.fine{font-size:.92rem;color:var(--ink-soft)}.center{text-align:center;margin-left:auto;margin-right:auto}.sprite-fallback{display:inline-block;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 12%,#9fe3f5 13%,#9fe3f5 60%,#4cc3e8 61%)}.wordmark{display:inline-flex;font-family:var(--pixel);font-weight:700;line-height:1;letter-spacing:.01em}.wordmark span{--o: 2px;text-shadow:var(--o) 0 0 #0d2a3f,calc(-1 * var(--o)) 0 0 #0d2a3f,0 var(--o) 0 #0d2a3f,0 calc(-1 * var(--o)) 0 #0d2a3f,var(--o) var(--o) 0 #0d2a3f,calc(-1 * var(--o)) var(--o) 0 #0d2a3f,var(--o) calc(-1 * var(--o)) 0 #0d2a3f,calc(-1 * var(--o)) calc(-1 * var(--o)) 0 #0d2a3f,0 calc(3 * var(--o)) 0 rgba(13,42,63,.35)}.wm-aqua{color:#5fd0f2}.wm-terra{color:#7fd65e}.wm-s{font-size:1.6rem}.wm-m{font-size:2.2rem}.wm-l{font-size:clamp(2.8rem,8vw,4.6rem)}.wm-l span{--o: 4px}.wm-m span{--o: 3px}.candy{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(255,255,255,.85);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font:600 1.35rem/1 var(--display);color:#fff;border-radius:99px;padding:.8rem 1.6rem;background:linear-gradient(var(--top),var(--bottom));box-shadow:0 5px 0 var(--bevel),0 10px 16px -8px var(--bevel);text-shadow:1px 0 0 var(--outline),-1px 0 0 var(--outline),0 1px 0 var(--outline),0 -1px 0 var(--outline),0 2px 0 var(--outline);transition:transform .12s,box-shadow .12s}.candy:before{content:"";position:absolute;left:12px;right:12px;top:3px;height:42%;border-radius:99px;background:linear-gradient(#ffffff8c,#ffffff0a);pointer-events:none}.candy:active{transform:translateY(3px);box-shadow:0 2px 0 var(--bevel)}.candy.aqua{--top: var(--aqua-top);--bottom: var(--aqua-bottom);--bevel: var(--aqua-bevel);--outline: var(--aqua-outline)}.candy.mint{--top: var(--mint-top);--bottom: var(--mint-bottom);--bevel: var(--mint-bevel);--outline: var(--mint-outline)}.candy.play{--top: var(--play-top);--bottom: var(--play-bottom);--bevel: var(--play-bevel);--outline: var(--play-outline)}.chip{display:inline-block;font:600 .78rem/1.3 var(--display);padding:.18rem .6rem;border-radius:99px;background:#e5f5fb;color:var(--water-deep);vertical-align:middle}.chip.mint{background:#ddf5ec;color:#13705f}.chip.later{background:#fff0c7;color:#7a4a00}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.top{position:fixed;inset:0 0 auto 0;z-index:50;transition:background-color .2s,box-shadow .2s}.top.stuck{background:#ffffffdb;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 3px 0 var(--shadow)}.top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.6rem;padding-bottom:.6rem}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .1rem}.brand .wordmark{font-size:2.4rem;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 4px 6px rgba(11,90,120,.22))}.brand-drip{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.brand-drip img{display:block;flex:none}@media (max-width: 30rem){.brand .wordmark{font-size:1.9rem}.brand-drip{width:40px;overflow:hidden}.top-row{gap:.4rem}.lang-toggle button{min-width:2.5rem;padding-inline:.6rem}}@media (max-width: 24rem){.brand .wordmark{font-size:1.7rem}}.top nav{display:flex;gap:.2rem}.top nav a{font:500 1rem var(--display);color:var(--ink);text-decoration:none;padding:.4rem .8rem;border-radius:99px}.top nav a:hover{background:#ffffffb3}.top-actions{display:flex;align-items:center;gap:.6rem}.lang-toggle{display:inline-flex;padding:3px;background:#fffffff0;border-radius:99px;box-shadow:0 3px 0 var(--shadow-strong)}.lang-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font:600 .9rem/1 var(--display);color:var(--ink-soft);padding:.45rem .75rem;border-radius:99px;min-width:2.75rem;min-height:2.2rem}.lang-toggle button[aria-pressed=true]{background:#3b6fb0;color:#fff}@media (max-width: 62rem){.hide-m{display:none}}@media (max-width: 34rem){.hide-s{display:none}}.hero{position:relative;overflow:hidden;isolation:isolate;padding:5.5rem 0 1rem;background:linear-gradient(#9fd9fb,#b3e2fc 22%,#d9f0ff 60%,#eef8ff)}@media (min-width: 84rem){.hero .wrap,.top .wrap{--wrap: 80rem}}.sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.blob{position:absolute;border-radius:50%;opacity:.5;filter:blur(40px)}.blob.b1{width:24rem;height:20rem;top:8%;left:-6rem;background:#e3fbee;opacity:.6}.cloud{position:absolute;display:block;animation:drift 60s ease-in-out infinite}.cloud.c1{top:4.6rem;left:-1.5rem}@media (max-width: 68.75rem){.cloud.c1{display:none}}.cloud.c2{top:11rem;right:4%;animation-duration:80s}@keyframes drift{50%{transform:translate(2.5rem)}}.hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:". stage" "head stage" "body stage" ". stage";grid-template-rows:1fr auto auto 1fr;column-gap:2rem;align-items:start;align-content:center}@media (min-width: 56.01rem) and (min-height: 43rem){.hero-grid{min-height:calc(100vh - 8rem)}.hero-grid>*{translate:0 -.5rem}}.hero-head{grid-area:head}.hero-body{grid-area:body;align-self:start;display:flex;flex-direction:column;align-items:flex-start}.stage{grid-area:stage;align-self:center}.hero h1{font-size:clamp(2.75rem,4.4vw,3.85rem);line-height:1.15;color:#213f5f;margin:0 0 .5rem;text-wrap:balance}.hero h1>span{display:block}.hero h1 .nowrap{display:inline;white-space:nowrap}html:lang(en) .hero h1>span{white-space:nowrap}.hero h1 .accent{color:#2f7fd0;font-weight:700;-webkit-text-stroke:6px #fff;paint-order:stroke fill;text-shadow:0 3px 0 rgba(255,190,120,.35)}.h1-heart{display:inline-block;vertical-align:top;margin:.2em 0 0 .15em;-webkit-text-stroke:0}html:lang(th) .hero h1{line-height:1.3;font-size:clamp(2.3rem,3.78vw,3.4rem)}@media (min-width: 56.01rem){html:lang(th) .subhead{font-size:1.55rem;line-height:1.45;max-width:27rem}html:lang(th) .facts li{font-size:1.08rem}html:lang(th) .cta{font-size:1.45rem}}.subhead{font:500 1.35rem/1.4 var(--display);color:var(--ink);margin:0 0 1rem;text-wrap:balance;max-width:28rem}.facts{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.facts li{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem .35rem .55rem;background:#fff;border:1px solid #cfe9f2;border-radius:999px;font:500 1rem/1.2 var(--display);color:var(--ink)}.cta{font-size:1.3rem;padding:.9rem 2.2rem;text-decoration:none}.cta:focus-visible{outline:3px solid var(--water-deep);outline-offset:4px}.soon-note{display:inline-flex;align-items:center;gap:.4rem;margin:1rem 0 0;padding:.35rem .85rem .35rem .55rem;border-radius:99px;background:#fffc;box-shadow:inset 0 1px #fff,0 2px #0b5a781a;font:500 .88rem/1.3 var(--display);color:#2c5f8a}.hero-demo{display:flex;flex-direction:column;align-items:center;margin-top:.5rem}.demo-row{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;scroll-margin-top:4.75rem}.demo-buddy{position:absolute;z-index:2;right:calc(50% + 15.5rem);bottom:7rem;width:7.5rem;display:flex;flex-direction:column;align-items:flex-end}.demo-buddy .buddy-egg{width:100%;box-shadow:0 0 0 4px #fff,0 8px 18px #2e6fbd2e;animation:buddy-bob 3s ease-in-out infinite}.buddy-bubble{position:relative;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;margin-bottom:.5rem;padding:.5rem .9rem .5rem .6rem;border-radius:999px;background:#fff;box-shadow:0 6px 16px #2e6fbd2e;font:700 1rem/1.1 var(--display);color:#2c5f8a}.buddy-bubble:after{content:"";position:absolute;right:1.4rem;bottom:-.5rem;border:.55rem solid transparent;border-bottom:0;border-top-color:#fff}@keyframes buddy-bob{50%{translate:0 -5px}}.demo-side{position:absolute;z-index:2;left:calc(50% + 15.5rem);bottom:9rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:8.5rem;padding:1rem .8rem;border-radius:1.4rem;background:#fff;box-shadow:0 0 0 4px #fff,0 8px 18px #2e6fbd2e;font:600 .95rem/1.3 var(--display);color:#2c5f8a;text-align:center}@media (max-width: 48rem){.demo-side{display:none}}.try-title{font-size:1.4rem;color:var(--water-deep);margin:0 0 .8rem;text-align:center;text-wrap:balance}.iso-map{position:relative;flex:none}.iso-piece,.iso-under{position:absolute;display:block}.iso-actor{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:flex-end;justify-content:center}.iso-actor img,.iso-actor .sprite-fallback{display:block}.bob-slow{animation:float 6s ease-in-out infinite}.fall-drop{animation:fall-drop 1.2s steps(4) infinite}.fall-drop.d2{animation-delay:-.4s}.fall-drop.d3{animation-delay:-.8s}@keyframes fall-drop{0%{transform:translateY(-4px);opacity:1}to{transform:translateY(6px);opacity:0}}@keyframes float{50%{transform:translateY(-10px)}}@media (max-width: 56rem){.hero{padding-top:4.4rem}.hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "body";grid-template-rows:none;min-height:0;text-align:center}.hero-head{padding-top:0}.hero-head,.hero-body{align-self:auto;align-items:center}.subhead{margin-inline:auto}.facts{justify-content:center}}@media (max-width: 40rem){.hero h1{font-size:clamp(2rem,9vw,2.5rem);margin-bottom:.3rem}.h1-heart{margin-left:.3em}html:lang(th) .hero h1{font-size:clamp(1.8rem,8.2vw,2.4rem)}.subhead{font-size:1.05rem;margin-bottom:.2rem}.cloud.c1,.cloud.c2{display:none}.hero-demo{margin-top:2.2rem}.demo-buddy{order:2;margin-top:.9rem;position:static;flex-direction:row-reverse;align-items:flex-end;justify-content:center;gap:.4rem;width:auto;margin-bottom:.6rem}.demo-buddy .buddy-egg{width:5.2rem}.buddy-bubble{margin-bottom:2.4rem}.buddy-bubble:after{right:auto;left:-.4rem;bottom:.6rem;border:.5rem solid transparent;border-left:0;border-right-color:#fff}}@media (prefers-reduced-motion: reduce){.cloud,.bob-slow,.demo-buddy .buddy-egg,.fall-drop{animation:none}}.stage{position:relative;display:flex;justify-content:center;align-items:center;width:100%;justify-self:center;isolation:isolate}.stage .iso-map{z-index:1}.cutout{display:block;width:100%;height:auto;image-rendering:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 0 1px #fff7e6)}.hero-drip-wrap{position:relative;display:block;width:var(--drip)}.drip-disc{display:block;border-radius:50%;background:radial-gradient(circle,#cdeed8,#b8e8c8 70%,#a9e0bb);box-shadow:inset 0 0 0 6px #ffffff80,0 0 0 6px #fff,0 10px 30px #2e6fbd26}.orbit{position:absolute;z-index:1;line-height:0;animation:orbit-bob 2.6s ease-in-out infinite}.orbit img{display:block}.o2{right:-6%;top:10%;animation-delay:-.65s}.o4{left:6%;top:-12%;animation-delay:-1.95s}@keyframes orbit-bob{0%,to{translate:0 0;opacity:.75}50%{translate:0 -10px;opacity:1}}.hero-drip{position:relative;z-index:2;display:block;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:none;cursor:pointer;border-radius:40%;transition:transform .2s ease-out;-webkit-tap-highlight-color:transparent}.hero-drip .cutout{filter:drop-shadow(0 10px 24px rgba(15,92,99,.2));transform-origin:50% 100%;animation:breathe 3s ease-in-out infinite,squint 4.6s ease-in-out infinite}.hero-drip .cutout.squash{animation:tap-wag .5s ease-out}.hero-drip:hover{transform:scale(1.04)}.hero-drip:focus-visible{outline:3px solid #3b6fb0;outline-offset:6px}@keyframes breathe{50%{scale:1 1.02}}@keyframes squint{0%,86%,to{transform:none}89%{transform:scaleY(.96)}93%{transform:translateY(-8px)}96%{transform:none}}@keyframes tap-wag{0%{transform:none}20%{transform:scale(1.08,.86) rotate(-4deg)}50%{transform:scale(.96,1.06) rotate(4deg)}80%{transform:scale(1.01,.99) rotate(-1deg)}to{transform:none}}.contact-shadow{position:absolute;z-index:1;left:50%;bottom:-.35rem;width:50%;height:.9rem;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#0b5a7857 55%,#0b5a7800)}.feet-glass{display:block;line-height:0}.feet-glass img{display:block}.contact-shadow.small{width:56%;height:.75rem;bottom:-.25rem}.stand-friend{position:relative;display:block;width:max(4.5rem,calc(var(--drip) * .45))}.friend-heart{position:absolute;z-index:3;top:-26%;line-height:0;animation:orbit-bob 2.6s ease-in-out infinite}.sf-blossom .friend-heart{right:2%}.sf-sky .friend-heart{left:2%;animation-delay:-1.3s}.sf-blossom{translate:calc(var(--S) * 9px) 0}.sf-sky{translate:calc(var(--S) * -9px) 0}.stand-friend .cutout{position:relative;z-index:2;transform-origin:50% 100%;animation:breathe 3.4s ease-in-out infinite}.sf-sky .cutout{animation-delay:-1.7s}.hi-bubble{position:absolute;z-index:6;top:-2%;left:86%;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;padding:.6rem 1.2rem .6rem .8rem;border-radius:999px;background:#fff;box-shadow:0 8px 20px #2e6fbd33;font:700 1.65rem/1 var(--display);color:#2c5f8a;animation:bubble 1.6s ease-out forwards}.hi-bubble:after{content:"";position:absolute;left:1.2rem;bottom:-.6rem;border:.65rem solid transparent;border-bottom:0;border-top-color:#fff}@keyframes bubble{0%{opacity:0;transform:scale(.6)}14%{opacity:1;transform:scale(1.15)}24%{transform:none}82%{opacity:1}to{opacity:0}}.rise{position:absolute;z-index:5;left:50%;top:-4%;width:0;height:0;pointer-events:none}.rise-bit{position:absolute;left:calc(var(--x) - 12px);top:0;opacity:0;animation:rise .7s ease-out forwards}.rise-bit img{display:block}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.7)}30%{opacity:1}to{opacity:0;transform:translateY(-90px) scale(1)}}@media (max-width: 40rem){.stage,.stage .iso-map{max-width:calc(100vw - 32px)}.hi-bubble{left:72%;top:-6%;font-size:1.3rem}.stand-friend{width:4.5rem}.o2{display:none}.o4{left:0;top:-16%}}.tap-chip{position:absolute;z-index:6;left:50%;top:-16%;translate:-50% 0;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;padding:.4rem .8rem .4rem .5rem;border-radius:999px;background:#fff;box-shadow:0 6px 16px #2e6fbd2e;font:700 1rem/1 var(--display);color:#2c5f8a;animation:chip-nudge 2.4s ease-in-out infinite;pointer-events:none}.tap-chip:after{content:"";position:absolute;left:50%;margin-left:-.5rem;bottom:-.45rem;border:.5rem solid transparent;border-bottom:0;border-top-color:#fff}@keyframes chip-nudge{50%{translate:-50% -4px}}@media (max-width: 68.75rem) and (min-width: 40.01rem){.o4{display:none}}@media (max-width: 40rem){.tap-chip{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.tap-chip,.hero-drip .cutout,.hero-drip .cutout.squash,.stand-friend .cutout,.orbit,.friend-heart,.hi-bubble{animation:none}.hero-drip{transition:none}.rise{display:none}}.device-stage{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%;scroll-margin:5rem}.device{position:relative;width:min(100%,28rem);padding:10px;border-radius:3.4rem;background:var(--frame);box-shadow:inset 0 0 0 1.5px #ffffff38,inset 0 0 0 5px #0c1418,0 0 0 1px #0000004d,0 0 0 7px #ffffff80,0 40px 60px -28px #09385099,0 18px 28px -14px #09385059}.device:before,.device:after{content:"";position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#11191e,#4d606b)}.device:before{left:-3px;top:9rem;height:4rem;box-shadow:0 -4rem #2b3942}.device:after{right:-3px;top:11rem;height:5.5rem;background:linear-gradient(90deg,#4d606b,#11191e)}.device-glass{position:relative;isolation:isolate;overflow:hidden;border-radius:2.8rem;padding:50px .9rem 1rem;background:linear-gradient(#a8dcff,#bfe6ff 30%,#dcf1ff 62%,#eaf8ff)}.device-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 40px #143c5a1a}.device-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.device-scene .scene-light{left:-6rem;top:-6rem;width:22rem;height:22rem}.device-scene .scene-haze{bottom:2rem;height:18rem}.device .status-bar{padding-inline:30px 28px;font-size:.95rem}.device .sb-island{top:11px;width:6.2rem;height:1.75rem;margin-left:-3.1rem}.demo-hud{position:relative;z-index:3;display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem .5rem .5rem;border-radius:1.3rem;background:#ffffffeb;box-shadow:inset 0 1px #fff,0 6px 18px #0f5c6326}.level-pill{flex:none;display:grid;place-items:center;min-width:3.1rem;height:3.1rem;padding:0 .4rem;border-radius:1rem;font:600 .95rem/1 var(--display);color:#fff;background:linear-gradient(#2fb495,#1c7c6b);box-shadow:inset 0 1px #fff6,0 3px #115a4d;white-space:nowrap;text-shadow:0 1px 0 #0e4e42}.hud-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.xp-name{font:600 .95rem/1 var(--display);color:#10324a;white-space:nowrap}.drops{list-style:none;margin:0;padding:0;display:flex;gap:.12rem}.drops li{display:grid;place-items:center;line-height:0;opacity:.3;filter:grayscale(.7)}.drops li img{display:block}.drops li.full{opacity:1;filter:none;animation:fill-pop .45s ease-out}@keyframes fill-pop{0%{transform:scale(.4)}70%{transform:scale(1.25)}to{transform:scale(1)}}.xp-track{display:block;height:.55rem;background:#e3f3fa;border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 2px #0b5a7833}.xp-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(var(--aqua-top),var(--aqua-bottom));box-shadow:inset 0 1px #fff9;transition:width .5s ease-out}.xp-fill.full{transition:none}.demo-island{position:relative;display:flex;justify-content:center;align-items:flex-end;margin:.25rem -.9rem 0;padding-bottom:.6rem;overflow:clip}.demo-island .iso-map{animation:isle-bob 5s ease-in-out infinite}.isle-shadow{position:absolute;left:22%;right:22%;bottom:.1rem;height:1rem;border-radius:50%;background:radial-gradient(closest-side,rgba(11,90,120,.2),transparent)}.demo-island.sparkly .iso-map{filter:drop-shadow(0 0 10px rgba(255,255,255,.9))}.demo-spark{position:absolute;top:4.2rem;right:.8rem;animation:twinkle 1.2s steps(2) infinite}@keyframes twinkle{50%{opacity:.35}}.demo-msg{min-height:2.6rem;margin:.5rem auto .6rem;max-width:none;display:flex;align-items:center;justify-content:center;text-align:center}.demo-msg span{display:inline-block;padding:.35rem .9rem;border-radius:99px;background:#ffffffd9;box-shadow:inset 0 1px #fff,0 2px #0b5a7814;font:500 .88rem/1.35 var(--display);color:var(--ink);text-wrap:balance}.demo-msg span{border-radius:1.2rem}html:lang(th) .demo-msg span{line-height:1.5}.demo-actions{display:flex;justify-content:center;align-items:center;min-height:4.4rem;scroll-margin-bottom:1.5rem}.sip-btn{width:100%;min-height:4.1rem;font-size:1.7rem}.sip-btn.waiting{cursor:default;font-size:1.05rem;--top: #e9f7fc;--bottom: #c4e9f6;--bevel: #7fc1d9;--outline: transparent;color:var(--ink);text-shadow:none}.wait-text{font-size:1.05rem}.sipping-drop{animation:sipping 1s ease-in-out infinite}@keyframes sipping{50%{transform:translateY(-4px)}}.device .tabbar{position:relative;left:auto;right:auto;bottom:auto;margin:1rem -.2rem 0;height:64px}.evo-pop{position:absolute;z-index:1200;left:50%;top:.3rem;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.35rem .9rem;border-radius:999px;background:#fff;box-shadow:0 8px 20px #2e6fbd40;font:700 1.35rem/1.2 var(--display);color:#2c5f8a;transform:translate(-50%);animation:evo-pop 1.6s ease-out forwards;pointer-events:none}@keyframes evo-pop{0%{opacity:0;transform:translate(-50%) scale(.4)}15%{opacity:1;transform:translate(-50%) scale(1.12)}25%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}.demo-note{margin:0 auto;max-width:min(100%,32rem);text-wrap:balance;text-align:center;font:500 .85rem/1.4 var(--display);color:var(--ink-soft);padding:.35rem 1rem;border-radius:1rem;background:#ffffffb3}.drip-actor{position:relative;display:block;line-height:0}.drip-actor.pop-in{animation:evolve .45s ease-out;transform-origin:50% 100%}@keyframes evolve{0%{transform:scale(.85)}45%{transform:scale(1.2)}75%{transform:scale(.97)}to{transform:none}}.drip-actor.pop-in{animation-duration:.6s}.egg-bubble{position:absolute;left:50%;bottom:calc(100% + .5rem);translate:-50% 0;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;padding:.35rem .7rem .35rem .5rem;border-radius:999px;background:#fff;box-shadow:0 4px 12px #2e6fbd33;font:700 .85rem/1.1 var(--display);color:#2c5f8a;animation:bubble-in .4s ease-out}.egg-bubble:after{content:"";position:absolute;left:50%;margin-left:-.45rem;bottom:-.4rem;border:.45rem solid transparent;border-bottom:0;border-top-color:#fff}@keyframes bubble-in{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.08)}to{opacity:1;transform:none}}.tile-puff{position:relative;display:block;width:0;height:0}.tile-puff img{position:absolute;left:-16px;top:-40px;animation:puff .4s ease-out forwards}.tile-puff i{position:absolute;left:-3px;top:-8px;width:6px;height:6px;background:#6fcf5a;animation:puff .4s ease-out forwards;box-shadow:-14px 2px #8fdc6e,14px 2px #8fdc6e,-8px -8px #5fbf55,8px -8px #5fbf55,0 -14px #8fdc6e}@keyframes puff{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:translateY(-10px) scale(1)}}.wobble{animation:wobble 2.2s steps(1) infinite}@keyframes wobble{0%,70%,to{transform:none}74%{transform:translate(-3px)}80%{transform:translate(3px)}86%{transform:translate(-2px)}92%{transform:translate(1px)}}.evo-burst{position:absolute;left:50%;top:12%;width:0;height:0;pointer-events:none}.evo-burst span{position:absolute;left:-12px;top:-12px;opacity:0;line-height:0;animation:evo-burst .9s ease-out forwards}@keyframes evo-burst{0%{opacity:1;transform:rotate(var(--a)) translate(1rem) rotate(calc(-1 * var(--a))) scale(.6)}to{opacity:0;transform:rotate(var(--a)) translate(3.4rem) rotate(calc(-1 * var(--a))) scale(1.1)}}.shake{animation:shake .15s steps(2) infinite}@keyframes shake{50%{transform:translate(3px)}}.splash{position:absolute;left:50%;bottom:0;width:0;height:0;pointer-events:none}.splash img{position:absolute;bottom:0;opacity:0;animation:splash .5s ease-out forwards}.splash .sp1{--dx: -2.6rem}.splash .sp2{--dx: -.5rem;animation-delay:40ms}.splash .sp3{--dx: 1.6rem;animation-delay:80ms}@keyframes splash{0%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(calc(var(--dx) * .6),-1.2rem)}to{opacity:0;transform:translate(var(--dx),-.2rem)}}.idle2{position:relative;display:block}.idle2 .fb{position:absolute;left:0;top:0;opacity:0;animation:frame-b 1.1s steps(1) infinite}.idle2 .fa{animation:frame-a 1.1s steps(1) infinite}@keyframes frame-a{50%{opacity:0}}@keyframes frame-b{50%{opacity:1}}.bob{animation:bob 1.2s steps(2) infinite}@keyframes bob{50%{transform:translateY(-2px)}}.gulp{animation:gulp .45s ease-out 2}@keyframes gulp{50%{transform:scaleY(.9) translateY(2px)}}.hearts{position:absolute;left:50%;bottom:108%;width:0;height:0}.hearts img,.hearts .sprite-fallback{position:absolute;opacity:0;animation:heart 1.1s ease-out forwards}.hearts .h1{left:-3.2rem}.hearts .h2{left:-1.8rem;top:-.6rem;animation-delay:.1s}.hearts .h3{left:-.5rem;top:-1rem;animation-delay:.2s}.hearts .h4{left:.9rem;top:-.6rem;animation-delay:.15s}.hearts .h5{left:2.2rem;animation-delay:.25s}@keyframes heart{0%{opacity:0;transform:translateY(0) scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-2.2rem) scale(1)}}@media (prefers-reduced-motion: reduce){.hearts,.splash,.evo-burst,.tile-puff{display:none}.egg-bubble,.drip-actor.pop-in,.shake,.wobble,.egg-spark{animation:none}.idle2 .fb{display:none}.sipping-drop,.demo-island .iso-map{animation:none}.evo-pop{animation:evo-fade 1.6s steps(1) forwards}}@keyframes evo-fade{to{opacity:0}}@media (max-width: 40rem){.evo-pop{top:.15rem;padding:.3rem .85rem;font-size:1.2rem;gap:.3rem}}@media (max-width: 26rem){.device{padding:7px;border-radius:2.9rem}.device-glass{border-radius:2.45rem;padding:46px .6rem .8rem}.demo-island{margin-inline:-.6rem}.device .status-bar{padding-inline:24px 20px;font-size:.84rem}.device .sb-island{width:5.2rem;height:1.5rem;margin-left:-2.6rem}}.guardian-glow{position:absolute;z-index:-1;left:50%;top:45%;width:140%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(#fff4c8f2,#ffe0e880 45%,#ffe0e800 70%)}.evo-pop.finale{animation-duration:2.4s}.evo-burst.finale span{animation-duration:1.2s}.hop-in{animation:hop-in .7s cubic-bezier(.3,1.5,.5,1) both}@keyframes hop-in{0%{opacity:0;transform:translateY(-40px)}60%{opacity:1;transform:translateY(4px)}to{transform:none}}@media (prefers-reduced-motion: reduce){.hop-in{animation:none}}.candy.resting{opacity:0;pointer-events:none}.candy.mint{transition:opacity .3s}.phone-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transition:opacity .25s}.phone-sky.away{opacity:0}.demo-island .iso-map{z-index:1}.px-sun{position:absolute;left:1.4rem;top:18%}.px-cloud{position:absolute;right:1.8rem;top:10%;animation:scene-drift 30s ease-in-out infinite}.px-cloud.c2{right:auto;left:38%;top:3%;opacity:.75;animation-duration:40s;animation-direction:reverse}@media (prefers-reduced-motion: reduce){.px-cloud{animation:none}}.seat-shadow{position:absolute;z-index:-1;left:50%;bottom:-4px;width:72%;height:14px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#0b5a784d 55%,#0b5a7800)}.finale-friend{position:relative;display:block;line-height:0}.friend-shadow{position:absolute;left:50%;bottom:-3px;width:64%;height:10px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#0b5a7847 55%,#0b5a7800)}.sec{position:relative;padding:4.5rem 0 5rem}.band-sky{background:linear-gradient(#eaf6ff,#e6f4fd 40%,#e9f8fb)}.band-shallows{background:linear-gradient(#d6f1fb,#eaf9fd)}.band-spring{background:linear-gradient(#1f7fa3,#17647f);color:#eefafd}.band-lagoon{background:linear-gradient(#cdeef2,#dff5f7 45%,#bfe9ef)}.band-meadow{background:linear-gradient(#eaf9fd,#dff4d2 25%,#cdebb8)}.sec-intro{text-align:center;margin:0 auto 1.5rem;font-size:1.1rem;color:var(--ink-soft);max-width:40rem}.sec-intro.on-dark{color:#d9f1fa}.steps{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.step{position:relative;text-align:center;padding-top:1.6rem}.step .art{margin-bottom:.6rem}.step-art{width:8.5rem;height:8.5rem}.step-art:before{top:.9rem;right:.5rem;bottom:.1rem;left:.5rem}.step p{margin-inline:auto}.step-num{position:absolute;top:-.8rem;left:50%;transform:translate(-50%);width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;font:600 1.3rem/1 var(--display);color:#0d3d1b;background:var(--sprout);box-shadow:0 3px #3f9a3a}.timeline{list-style:none;margin:0 auto;padding:0;max-width:46rem;position:relative}.timeline:before{content:"";position:absolute;left:1.9rem;top:1rem;bottom:1rem;width:4px;border-radius:4px;background:repeating-linear-gradient(#fff 0 8px,transparent 8px 14px)}.tl-item{position:relative;display:grid;grid-template-columns:3.8rem 1fr;gap:.9rem;align-items:start;margin-bottom:1rem}.tl-dot{width:3.8rem;height:3.8rem;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 -3px #e3f3f7,0 4px #0b5a7824;z-index:1}.tl-card h3{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.map-card{max-width:60rem;margin:2.2rem auto 0;text-align:center}.map-card>p{margin-inline:auto}.map-steps{list-style:none;margin:1rem 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1rem 1.6rem}.map-steps li{display:flex;flex-direction:column;align-items:center;gap:.4rem}.regions-p{margin:.5rem auto}.regions{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.style-cards{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.style-card{text-align:center;border-top:6px solid var(--band)}.style-card .art{margin-bottom:.5rem}.style-card p{margin-inline:auto}.style-card .who{font:500 .92rem/1.4 var(--display);color:var(--moss);text-wrap:balance}.style-card.dawn{--band: #ffc66b}.style-card.sun{--band: #6fcf5a}.style-card.dusk{--band: #b79cf0}.style-card.steady{--band: var(--water)}.roadmap{list-style:none;margin:0 auto;padding:0;display:grid;gap:.9rem;max-width:50rem}.phase{display:grid;grid-template-columns:3rem 1fr;gap:.9rem;align-items:center;padding:1rem 1.2rem}.phase-num{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;font:600 1.3rem/1 var(--display);background:#e5f5fb;color:var(--water-deep)}.phase.done .phase-num{background:var(--sprout);color:#0d3d1b}.phase.now{outline:3px solid var(--water)}.phase h3{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.now-chip{background:var(--water-deep);color:#fff}.faq{padding:0;overflow:hidden}.faq-item+.faq-item{border-top:1px solid #cfe9e5}.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.5rem;font:500 1.05rem/1.4 var(--display)}.faq-item summary:hover{background:#f6fcfe}.faq-item summary:focus-visible{outline-offset:-3px}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 1.5rem 1.25rem;margin:0;color:var(--ink-soft)}.disc{flex:none;width:1.8rem;height:1.8rem;border-radius:50%;background:#ffc93c;box-shadow:inset 0 1px #fff9,0 3px #d69a00;position:relative}.disc:before,.disc:after{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:3px;margin:-1.5px 0 0 -.4rem;background:#6b4500;border-radius:2px}.disc:after{transform:rotate(90deg);transition:transform .2s}.faq-item[open] .disc:after{transform:rotate(0)}.card{background:#fffffff2;border-radius:1.5rem;padding:1.2rem 1.3rem;box-shadow:var(--lift);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.card p{color:var(--ink-soft);font-size:.98rem}.card p:last-child{margin-bottom:0}.card h3+p{margin-top:.35rem}.art{position:relative;display:inline-grid;place-items:end center;min-width:6.5rem;min-height:6rem;isolation:isolate}.art:before{content:"";position:absolute;top:.7rem;right:.2rem;bottom:.1rem;left:.2rem;border-radius:50%;background:var(--tint, var(--tint-sky));z-index:-1}.art img,.art .sprite-fallback{margin-bottom:.35rem}.tint-pink{--tint: var(--tint-pink)}.tint-sun{--tint: var(--tint-sun)}.tint-mint{--tint: var(--tint-mint)}.tint-sky{--tint: var(--tint-sky)}.tint-lilac{--tint: var(--tint-lilac)}.art.trio{display:inline-flex;align-items:flex-end;justify-content:center;gap:.1rem;min-width:8rem}.perk{display:grid;grid-template-columns:72px 1fr;gap:1rem;align-items:start}.perk-disc{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--tint, var(--tint-sky));box-shadow:inset 0 -4px #0b5a780f,inset 0 2px #fffc}.perk-disc img{display:block}.perk h3{margin-top:.2rem}.perks{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}@media (hover: hover){.card:hover{transform:translateY(-4px)}.faq-item:hover{transform:none}}.sign-wrap{display:flex;justify-content:center;margin-bottom:1.4rem}.sign{position:relative;display:inline-block;max-width:100%;padding:.5rem 2.2rem .7rem;border:5px solid #5a3418;border-radius:1.1rem;text-align:center;background:repeating-linear-gradient(0deg,transparent 0 1.35rem,rgba(70,36,12,.25) 1.35rem calc(1.35rem + 3px)),linear-gradient(#be8448,#9b5f2d);box-shadow:inset 0 4px #ffdea566,inset 0 -5px #3c1c084d,0 7px #3c1c0847}.sign h2{font-size:clamp(1.7rem,4.6vw,3rem);line-height:1.15;color:#fff3cf;text-shadow:0 3px 0 #4a2710,3px 0 0 #4a2710,-3px 0 0 #4a2710,0 -3px 0 #4a2710,2px 2px 0 #4a2710,-2px 2px 0 #4a2710,2px -2px 0 #4a2710,-2px -2px 0 #4a2710,0 7px 0 rgba(40,20,5,.3)}html:lang(th) .sign h2{line-height:1.4}.leaf{position:absolute;width:18px;height:12px;image-rendering:pixelated;background:linear-gradient(90deg,transparent 0 3px,#5fbf55 3px 15px,transparent 15px) 0 3px / 18px 6px no-repeat,linear-gradient(90deg,transparent 0 6px,#7fd65e 6px 12px,transparent 12px) 0 0 / 18px 3px no-repeat,linear-gradient(90deg,transparent 0 6px,#3f9a3a 6px 12px,transparent 12px) 0 9px / 18px 3px no-repeat}.leaf.l{left:-10px;top:-8px;transform:rotate(-20deg)}.leaf.r{right:-10px;bottom:-6px;transform:rotate(160deg)}@media (max-width: 30rem){.sign{padding:.45rem 1.2rem .6rem}}.perks{display:flex;flex-wrap:wrap;justify-content:center}.perks>li{flex:1 1 20rem;max-width:23.5rem}.portrait{position:relative;display:block;flex:none;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--tint, var(--tint-sky));isolation:isolate}.portrait img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto;transform:scale(1.1);transform-origin:50% 48%}.portrait.stage-4 img{transform:scale(1.25);transform-origin:50% 62%}.evo{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr))}.evo-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .85rem 1.1rem;border-radius:1.6rem}.evo-card .portrait{width:min(100%,11rem);margin-bottom:.6rem}.evo-card h3{font-size:1.3rem}.evo-when{font:600 1rem/1.3 var(--display);color:#1f73b7!important;margin:.1rem 0 .4rem}.evo-rule{font-size:.92rem!important;margin-bottom:.3rem;color:var(--ink)!important}.evo-look{font-size:.9rem!important;margin-bottom:.8rem!important}.evo-card p{text-wrap:balance}.in-game{margin-top:auto;display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .8rem .35rem .4rem;border-radius:1.6rem;background:#eef8fc;box-shadow:inset 0 0 0 2px #d6eef7}.in-game-art{position:relative;flex:none;display:grid;place-items:end center;min-width:4.5rem;height:96px;isolation:isolate}.in-game-art:before{content:"";position:absolute;z-index:-1;left:50%;bottom:-2px;width:3.8rem;height:1.1rem;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#0b5a783d,#0b5a7800)}.in-game-art img{display:block}.in-game-label{font:500 .8rem/1.2 var(--display);color:var(--water-deep);white-space:nowrap}@media (max-width: 62rem){.evo{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.9rem}}@media (max-width: 30rem){.evo{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.evo-card:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - .3rem)}.evo-card{padding:.8rem .55rem .9rem}.evo-card h3{font-size:1.1rem}.evo-rule,.evo-look{font-size:.84rem!important}.in-game{flex-direction:column;gap:.1rem;padding:.3rem .5rem .45rem;border-radius:1.2rem}.in-game-label{font-size:.72rem}}.band-clouds{background:radial-gradient(60rem 20rem at 10% 0%,rgba(255,255,255,.8),transparent 70%),linear-gradient(#eaf9fd,#dcf0fd 40%,#e8f4ff)}.friend-grid{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 66rem){.friend-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.friend-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .85rem 1.1rem;border-radius:1.6rem;background:linear-gradient(#fff 60%,color-mix(in srgb,var(--tint-f) 35%,#fff))}.friend-card .portrait{width:min(100%,11rem);margin-bottom:.6rem}.friend-card h3{color:var(--ink-f);font-size:1.35rem}.friend-card p{font-size:.92rem;line-height:1.45;margin:.25rem 0 .8rem}.day-pill{margin-top:auto;font:600 .9rem/1 var(--display);color:var(--ink-f);background:var(--tint-f);padding:.45rem .9rem;border-radius:99px;box-shadow:inset 0 0 0 2px #fffc}.cloud-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.2rem 1.2rem 1.6rem;margin-top:1.6rem;min-height:13rem;border-radius:3rem;background:radial-gradient(circle at 35% 25%,#fff 0,#fff 50%,#f1faff 80%,#e4f4fd);box-shadow:0 6px #0b5a7814}.cloud-card:before,.cloud-card:after{content:"";position:absolute;z-index:-1;border-radius:50%;background:#fff}.cloud-card:before{width:45%;aspect-ratio:1;left:12%;top:-1.6rem}.cloud-card{isolation:isolate}.heart{position:absolute;color:#ff9ec0;font-size:1.3rem;line-height:1}.heart.h1{left:10%;top:26%}.heart.h2{right:12%;top:18%}.cloud-buddy{width:min(100%,9rem);box-shadow:0 0 0 4px #fff,0 8px 18px -6px #2e6fbd4d}.cloud-sub{margin-top:.8rem;font:500 1rem/1.4 var(--display);color:#2e6fbd;max-width:13rem;text-wrap:balance}#friends .sign{max-width:36rem}@media (max-width: 30rem){.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.cloud-card{grid-column:1 / -1;min-height:0;padding:1.4rem 1rem;border-radius:2.5rem}.friend-card{padding:.8rem .5rem .9rem}.friend-card h3{font-size:1.15rem}.friend-card p{font-size:.82rem}.day-pill{font-size:.8rem;padding:.4rem .7rem}}.style-who{display:flex;justify-content:center;align-items:flex-end;flex-wrap:nowrap;min-height:4.6rem;margin-bottom:.6rem}.style-who .avatar{width:4.2rem;box-shadow:0 0 0 3px #fff,0 3px 0 3px var(--shadow)}.style-who .avatar+.avatar{margin-left:-.75rem}.style-who .critter-chip{flex:none;margin-left:-.5rem;position:relative;box-shadow:0 0 0 3px #fff,0 3px 0 3px var(--shadow)}.style-card{display:flex;flex-direction:column;align-items:center}.style-card .who{margin-top:auto}.critter-chip{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#fff;box-shadow:0 2px 0 var(--shadow);align-self:flex-end;overflow:hidden}:root{--g-card: linear-gradient(rgba(255, 255, 255, .96), rgba(255, 255, 255, .88));--g-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255, 255, 255, .7), 0 1px 0 rgba(11, 90, 120, .06), 0 8px 18px -8px rgba(15, 92, 99, .3);--frame: linear-gradient(150deg, #4a5d69, #1d2a31 30%, #16222a 70%, #3a4b56)}.draft-rail{position:relative}.gallery{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1.5rem max(var(--gutter),calc((100vw - var(--wrap)) / 2 + var(--gutter))) 2rem;scroll-padding-inline:max(var(--gutter),calc((100vw - var(--wrap)) / 2 + var(--gutter)));scrollbar-color:rgba(255,255,255,.45) transparent}.gallery:focus-visible{outline-offset:-6px}.rail-nav{display:flex;justify-content:center;gap:1rem;margin-top:-.5rem}.rail-btn{position:relative;width:3.25rem;height:3.25rem;border-radius:50%;border:2px solid rgba(255,255,255,.9);display:grid;place-items:center;cursor:pointer;background:linear-gradient(#fff,#e6f6fc);box-shadow:0 4px #0f4e66,0 14px 24px -10px #00141e99;transition:transform .15s,opacity .2s}.rail-btn:before{content:"";width:.7rem;height:.7rem;border:solid var(--water-deep);border-width:0 0 3.5px 3.5px;border-radius:2px;transform:translate(.12rem) rotate(45deg)}.rail-btn.next:before{transform:translate(-.12rem) rotate(-135deg)}.rail-btn:active{transform:translateY(3px);box-shadow:0 1px #0f4e66}.rail-btn[disabled]{opacity:.45;cursor:default;box-shadow:0 2px #0f4e66}@media (hover: none),(max-width: 48rem){.rail-nav{display:none}}.shot{flex:none;margin:0;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:.75rem}.shot figcaption{display:inline-flex;align-items:center;gap:.5rem;max-width:18.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.3rem .85rem .3rem .3rem;border-radius:99px;background:#fffffff5;color:var(--ink);font:500 .85rem/1.3 var(--display);box-shadow:inset 0 1px #fff,0 3px #001e2d40}.cap-n{flex:none;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;font:600 .72rem/1 var(--display);color:#fff;background:linear-gradient(var(--aqua-top),var(--aqua-bottom));box-shadow:inset 0 1px #fff9;letter-spacing:.02em}.phone{position:relative;width:18.5rem;height:40rem;padding:8px;border-radius:2.9rem;background:var(--frame);box-shadow:inset 0 0 0 1.5px #fff3,inset 0 0 0 4px #0c1418,0 0 0 1px #00000059,0 34px 48px -24px #00121cbf,0 14px 22px -10px #00121c66}.phone:before,.phone:after{content:"";position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#11191e,#4d606b)}.phone:before{left:-3px;top:7.5rem;height:3.6rem;box-shadow:0 -3.4rem #2b3942}.phone:after{right:-3px;top:9rem;height:5rem;background:linear-gradient(90deg,#4d606b,#11191e)}.phone-glass{position:relative;height:100%;border-radius:2.4rem;overflow:hidden;isolation:isolate;background:var(--sky);color:var(--ink)}.phone-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 36px #143c5a1a}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.scene-light{position:absolute;width:16rem;height:16rem;left:-5rem;top:-5rem;border-radius:50%;background:radial-gradient(closest-side,var(--light, rgba(255, 250, 220, .95)),transparent)}.scene-haze{position:absolute;left:-20%;right:-20%;bottom:-4rem;height:16rem;border-radius:50%;background:radial-gradient(closest-side,var(--haze, rgba(255, 255, 255, .85)),transparent)}.scene-cloud{position:absolute;opacity:.9;animation:scene-drift 26s ease-in-out infinite}.scene-cloud.c1{right:1.25rem;top:5.5rem}.scene-cloud.c2{left:1.5rem;top:10.5rem;opacity:.7;animation-duration:34s;animation-direction:reverse}@keyframes scene-drift{50%{transform:translate(-14px)}}.scene-day{--sky: linear-gradient(#86cff9 0%, #b5e3fd 36%, #dff3fe 66%, #f3fbff 100%)}.scene-dawn{--sky: linear-gradient(#ffc3a3 0%, #ffe0c2 28%, #fff1dc 52%, #e4f4fd 100%);--light: rgba(255, 240, 200, 1)}.scene-dream{--sky: linear-gradient(#c9e3ff 0%, #e2ecff 34%, #f2efff 60%, #e7f8f2 100%);--light: rgba(255, 255, 255, .95)}.scene-dusk{--sky: linear-gradient(#7f86d8 0%, #ae9ee6 30%, #eab5d0 64%, #ffd8c4 100%);--light: rgba(255, 226, 240, .7);--haze: rgba(255, 240, 246, .9)}.scene-meadow{--sky: linear-gradient(#d7f3e2 0%, #eefaef 40%, #fbfdf5 100%);--light: rgba(255, 255, 240, .95)}.scene-bloom{--sky: linear-gradient(#ffd9e8 0%, #fdebf3 38%, #f1ebff 100%);--light: rgba(255, 255, 255, .9)}.scene-dusk .scene-light{left:auto;right:-5rem}.status-bar{position:absolute;z-index:8;top:0;left:0;right:0;height:44px;padding:2px 22px 0 26px;display:flex;align-items:center;justify-content:space-between;font:600 .84rem/1 -apple-system,SF Pro Text,system-ui,sans-serif;letter-spacing:-.01em;color:#10232e}.scene-dusk .status-bar{color:#fff}.sb-island{position:absolute;left:50%;top:10px;width:5rem;height:1.45rem;margin-left:-2.5rem;border-radius:99px;background:#05090b}.sb-icons{display:inline-flex;align-items:center;gap:5px}.sb-signal{display:inline-flex;align-items:flex-end;gap:1.5px;height:10px}.sb-signal b{width:3px;border-radius:1px;background:currentColor}.sb-signal b:nth-child(1){height:4px}.sb-signal b:nth-child(2){height:6px}.sb-signal b:nth-child(3){height:8px}.sb-signal b:nth-child(4){height:10px}.sb-wifi{width:15px;height:11px;background:radial-gradient(circle at 50% 100%,currentColor 0 2.2px,transparent 2.6px 4.6px,currentColor 5px 7.2px,transparent 7.6px 9.6px,currentColor 10px 12.2px,transparent 12.6px);clip-path:polygon(50% 100%,-10% 8%,110% 8%)}.sb-batt{position:relative;width:23px;height:11.5px;border-radius:3.5px;border:1px solid color-mix(in srgb,currentColor 45%,transparent);padding:1.5px;margin-right:2px}.sb-batt b{display:block;width:78%;height:100%;border-radius:2px;background:currentColor}.sb-batt:after{content:"";position:absolute;right:-3.5px;top:3px;width:2px;height:4px;border-radius:0 1px 1px 0;background:color-mix(in srgb,currentColor 45%,transparent)}.home-ind{position:absolute;z-index:8;left:50%;bottom:7px;width:7rem;height:4px;margin-left:-3.5rem;border-radius:99px;background:#10232ecc}.scene-dusk .home-ind{background:#15384acc}.phone-screen{position:absolute;z-index:2;top:44px;right:0;bottom:0;left:0;padding:4px 12px 24px;display:flex;flex-direction:column;gap:8px;font:500 .82rem/1.3 var(--display);color:var(--ink)}.phone-screen:has(>.tabbar){padding-bottom:88px}.phone-screen p{margin:0;max-width:none}.card-g{background:var(--g-card);border-radius:18px;box-shadow:var(--g-shadow)}.mini-drops{display:flex;gap:4px;justify-content:center;align-items:center}.mini-drops i{width:11px;height:11px;border-radius:0 50% 50%;transform:rotate(45deg);background:#e1f3fa;box-shadow:inset 0 0 0 1.5px #b9e0ee;margin-top:3px}.mini-drops i.full{background:radial-gradient(circle at 30% 30%,#fff 0 1.5px,transparent 2px),linear-gradient(135deg,var(--aqua-top),var(--aqua-bottom));box-shadow:inset 0 0 0 1.5px var(--aqua-bevel)}.mini-drops i.fresh{animation:drop-pop 1.6s ease-out infinite}@keyframes drop-pop{0%,60%,to{transform:rotate(45deg) scale(1)}70%{transform:rotate(45deg) scale(1.45)}80%{transform:rotate(45deg) scale(.9)}}.hud{display:flex;align-items:center;gap:8px;padding:4px}.hud-avatar{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#fff,#d9f3e2);box-shadow:0 0 0 2.5px #fff,0 3px 0 2.5px #0b5a782e}.hud-avatar img{width:48px;margin-top:6px;image-rendering:pixelated}.hud-who{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.hud-name{display:flex;align-items:center;gap:6px;font:600 .95rem/1 var(--display);color:#10324a;text-shadow:0 1px 0 rgba(255,255,255,.8)}.hud-name em{font-style:normal;font-size:.68rem;color:#fff;background:linear-gradient(#27a489,#1c7c6b);padding:3px 7px;border-radius:99px;box-shadow:inset 0 1px #ffffff59}.hud-xp{height:8px;border-radius:99px;background:#ffffffbf;box-shadow:inset 0 1px 2px #0b5a7833;overflow:hidden}.hud-xp i{display:block;height:100%;border-radius:inherit;background:linear-gradient(#8ff0c3,#2fbf8d);box-shadow:inset 0 1px #fff9}.round-btn{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#fff,#eaf6fb);box-shadow:inset 0 1px #fff,0 3px #0b5a782e,0 8px 14px -8px #0b5a7880}.round-btn.sm{width:32px;height:32px}.round-btn.back:before{content:"";width:8px;height:8px;border:solid var(--ink);border-width:0 0 2.5px 2.5px;border-radius:1px;transform:translate(2px) rotate(45deg)}.today{display:flex;align-items:center;gap:8px;padding:8px 12px}.today-l{font:600 .7rem/1 var(--display);color:var(--ink-soft);white-space:nowrap}.today .mini-drops{flex:1;gap:3px}.today-n{font:600 .72rem/1 var(--display);color:var(--water-deep);font-variant-numeric:tabular-nums;white-space:nowrap}.mini-candy{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:99px;border:2px solid rgba(255,255,255,.9);padding:8px 16px;font:600 1rem/1 var(--display);color:#fff;background:linear-gradient(var(--top),var(--bottom));box-shadow:0 4px 0 var(--bevel),0 10px 16px -8px var(--bevel);text-shadow:1px 0 0 var(--outline),-1px 0 0 var(--outline),0 1px 0 var(--outline),0 -1px 0 var(--outline),0 2px 0 var(--outline)}.mini-candy:before{content:"";position:absolute;left:12px;right:12px;top:3px;height:42%;border-radius:99px;background:linear-gradient(#fff9,#ffffff0d);pointer-events:none}.mini-candy .px-icon{position:relative;filter:drop-shadow(0 2px 0 rgba(10,95,128,.45))}.mini-candy.aqua{--top: var(--aqua-top);--bottom: var(--aqua-bottom);--bevel: var(--aqua-bevel);--outline: var(--aqua-outline)}.mini-candy.mint{--top: var(--mint-top);--bottom: var(--mint-bottom);--bevel: var(--mint-bevel);--outline: var(--mint-outline)}.mini-candy.play{--top: var(--play-top);--bottom: var(--play-bottom);--bevel: var(--play-bevel);--outline: var(--play-outline)}.mini-candy.big{min-height:60px;font-size:1.5rem}.scr-count{text-align:center;font:500 .72rem/1 var(--display);color:var(--ink-soft)}.tabbar{position:absolute;z-index:3;left:10px;right:10px;bottom:20px;height:60px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 6px;border-radius:24px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--g-shadow)}.tabbar span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0 3px;border-radius:16px}.tabbar em{font:600 .62rem/1.1 var(--display);font-style:normal;color:#7d95a3;white-space:nowrap}.tabbar .px-icon{opacity:.6;filter:saturate(.55)}.tabbar span.on{background:linear-gradient(#eaf8fd,#d7f1fb);box-shadow:inset 0 1px #fff,0 2px #2a9fd040}.tabbar span.on em{color:var(--water-deep)}.tabbar span.on .px-icon{opacity:1;filter:none;transform:translateY(-1px)}@media (prefers-reduced-motion: reduce){.scene-cloud,.mini-drops i.fresh{animation:none}}.sheet{position:relative;margin:0 -12px -24px;padding:20px 16px 28px;display:flex;flex-direction:column;gap:8px;border-radius:28px 28px 0 0;background:linear-gradient(#fffffff7,#fff);box-shadow:inset 0 1px #fff,0 -10px 24px -12px #0f5c6359}.grabber{position:absolute;left:50%;top:7px;width:36px;height:5px;margin-left:-18px;border-radius:99px;background:#d5e5ec}.sheet-h{font:600 1.1rem/1.3 var(--display);text-align:center;color:#10324a;text-wrap:balance}.sheet-p{font:400 .76rem/1.45 var(--body);color:var(--ink-soft);text-align:center;margin-bottom:4px!important;text-wrap:balance}.text-btn{align-self:center;padding:4px 12px;font:600 .8rem/1.2 var(--display);color:var(--water-deep)}.say{position:relative;z-index:3;align-self:center;max-width:100%;padding:8px 12px;border-radius:16px;background:#fff;text-align:center;text-wrap:balance;font:600 .78rem/1.3 var(--display);color:#2c5f8a;box-shadow:0 6px 14px -6px #2e6fbd73}.say:after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-7px;border:7px solid transparent;border-bottom:0;border-top-color:#fff}.glow-disc{position:absolute;z-index:0;left:50%;top:50%;width:13rem;height:13rem;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,var(--gc) 0 62%,color-mix(in srgb,var(--gc) 40%,transparent) 63% 72%,transparent 73%)}.glow-disc.mint{--gc: rgba(206, 244, 222, .95)}.glow-disc.sky{--gc: rgba(255, 255, 255, .8)}.glow-disc.lilac{--gc: rgba(255, 240, 250, .7)}.scr-title{font:600 1.05rem/1.35 var(--display);text-align:center;color:#10324a;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.8);margin-top:4px!important}.scr-title.left{text-align:left;font-size:1.3rem;margin:0!important}.scr-sub{font:500 .74rem/1.3 var(--display);color:var(--ink-soft);text-align:center}.eyebrow{align-self:center;margin-top:8px!important;padding:4px 12px;border-radius:99px;background:#fffc;box-shadow:inset 0 1px #fff;font:600 .74rem/1.3 var(--display);color:var(--water-deep)}.step-row{display:flex;align-items:center;gap:12px;padding-top:4px}.seg-bar{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.seg-bar i{height:6px;border-radius:99px;background:#15384a1f}.seg-bar i.on{background:linear-gradient(90deg,var(--aqua-top),var(--aqua-bottom));box-shadow:inset 0 1px #ffffff80}.step-txt{font:600 .72rem/1 var(--display);color:var(--ink-soft);white-space:nowrap}.egg-stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.egg-stage .iso-map{z-index:1}.egg-stage .say{margin-bottom:-8px}.opts{display:grid;gap:8px}.opt{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;border-radius:16px;background:#f5fafc;box-shadow:inset 0 0 0 1.5px #e0edf2;font:500 .88rem/1 var(--display);color:var(--ink)}.radio{flex:none;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #c3d9e2}.opt.on{background:linear-gradient(#f0fbff,#e0f5fd);box-shadow:inset 0 0 0 2px var(--aqua-bottom),0 3px #2aaad833;color:#0b4a63;font-weight:600}.opt.on .radio{background:radial-gradient(#fff 0 3px,transparent 3.5px),linear-gradient(var(--aqua-top),var(--aqua-bottom));box-shadow:inset 0 0 0 1.5px var(--aqua-bevel)}.goal-egg{position:relative;display:grid;place-items:center;line-height:0}.goal-egg .glow-disc{width:112px;height:112px}.goal-egg .iso-map{z-index:1}.goal-hero{display:flex;align-items:baseline;justify-content:center;gap:8px}.goal-l{text-align:center;font:500 .8rem/1.2 var(--display);color:var(--ink-soft);margin-top:-4px!important}.goal-num{font:600 4rem/.9 var(--display);color:#2a9fd0;letter-spacing:-.03em;-webkit-text-stroke:5px #fff;paint-order:stroke fill;text-shadow:0 6px 0 rgba(42,159,208,.18),0 12px 24px rgba(42,159,208,.25);font-variant-numeric:tabular-nums}.goal-unit{font:600 1.35rem/1.1 var(--display);color:#10324a}.gh-spark{position:absolute;animation:twinkle 1.6s steps(2) infinite}.gh-spark{z-index:1}.gh-spark.s1{left:calc(50% + 40px);top:8px}.gh-spark.s2{right:calc(50% + 48px);bottom:30px;animation-delay:.8s}.pour{display:grid;grid-template-columns:repeat(5,32px);justify-content:center;gap:8px 16px;padding:12px}.pour-glass{line-height:0;animation:pour-in .5s var(--d) cubic-bezier(.3,1.5,.5,1) both}.pour-glass img{filter:drop-shadow(0 2px 0 rgba(11,90,120,.15))}@keyframes pour-in{0%{opacity:0;transform:translateY(-10px) scale(.6)}to{opacity:1;transform:none}}.basis{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.basis span{padding:4px 10px;border-radius:99px;background:#ffffffd9;box-shadow:inset 0 1px #fff,0 2px #0b5a7814;font:500 .7rem/1.3 var(--display);color:var(--ink-soft)}.note-card{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;background:#fff7e3;box-shadow:inset 0 0 0 1.5px #f3dca2;font:500 .7rem/1.35 var(--display);color:#5b3a07}.note-card .px-icon{flex:none}.btn-stack{display:grid;gap:4px;margin-top:auto;padding-bottom:8px}.btn-stack .text-btn{justify-self:center}.scr-island{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;margin:0 -12px;padding-bottom:8px;min-height:0}.scr-island:after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(11,90,120,.18),transparent)}.scr-island .iso-map{animation:isle-bob 5s ease-in-out infinite}@keyframes isle-bob{50%{transform:translateY(-5px)}}.toggles{display:flex;justify-content:center;gap:8px}.toggles span{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;border-radius:99px;background:var(--g-card);box-shadow:var(--g-shadow);font:600 .72rem/1 var(--display);color:var(--ink)}.sip-stage{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.sip-drip{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;line-height:0}.sip-drip .say{margin-bottom:4px;line-height:1.3}.sip-arc{position:absolute;z-index:1;right:16px;top:8px;width:120px;height:70px;fill:none;stroke:#fffffff2;stroke-width:2.5;stroke-dasharray:2 6;stroke-linecap:round}.fly-glass{position:absolute;z-index:2;right:8px;top:34px;filter:drop-shadow(0 3px 0 rgba(11,90,120,.15))}.mini-hearts{position:absolute;z-index:2;left:8px;top:96px;display:flex;align-items:flex-end;gap:6px}.mini-hearts img:nth-child(2){margin-bottom:14px}.treat-chip{position:relative;z-index:2;margin-top:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 6px;border-radius:99px;font:600 .8rem/1 var(--display);color:#7a4300;background:linear-gradient(#fff6d6,#ffe7a3);box-shadow:inset 0 1px #fff,inset 0 0 0 1.5px #fff,0 3px #e5a42a}.countdown{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px 8px 8px;border-radius:99px;background:var(--g-card);box-shadow:var(--g-shadow);font:600 .92rem/1.2 var(--display);color:#10324a}.ring{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#fff 76%,transparent 78%),conic-gradient(var(--aqua-bottom) 0 12deg,#d9eff7 12deg)}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px;min-height:52px}.stat small{font:500 .62rem/1.2 var(--display);color:var(--ink-soft)}.stat b{font:600 1.35rem/1 var(--display);color:#10324a;font-variant-numeric:tabular-nums}.stat b small{font-size:.7rem;margin-left:2px}.stat.badge{flex-direction:row;align-items:center;gap:8px}.stat.badge b{font-size:.78rem;line-height:1.2;color:var(--water-deep)}.visit-card{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 12px;min-height:0}.ribbon{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:99px;font:600 .66rem/1 var(--display);color:#fff;background:linear-gradient(#ff8fb4,#e8558a);box-shadow:inset 0 1px #ffffff73,0 2px #b93868}.visit-art{position:relative;display:grid;place-items:center;width:11rem;height:11rem;margin-top:12px}.rays{position:absolute;top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;border-radius:50%;animation:rays 24s linear infinite;background:repeating-conic-gradient(rgba(255,214,230,.75) 0 9deg,transparent 9deg 24deg);-webkit-mask:radial-gradient(closest-side,#000 40%,transparent);mask:radial-gradient(closest-side,#000 40%,transparent)}@keyframes rays{to{transform:rotate(360deg)}}.visit-portrait{width:9.5rem;box-shadow:0 0 0 4px #fff,0 8px 18px -6px #b3306a73}.visit-name{display:flex;align-items:center;gap:6px;font:600 1.2rem/1.2 var(--display);margin-top:4px!important}.stars{display:inline-flex;gap:2px}.visit-pose{font:500 .76rem/1.3 var(--display);color:var(--ink-soft)}.visit-card .mini-candy{margin-top:auto;align-self:stretch}.scr-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4px;font:500 .74rem/1 var(--display);color:var(--ink-soft)}.scr-foot>:last-child{text-align:right}.skip-l{font-weight:600;color:var(--water-deep)}.pager{display:flex;gap:5px}.pager i{width:6px;height:6px;border-radius:99px;background:#15384a33}.pager i.on{width:16px;background:var(--water-deep)}.dex-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px}.dex-found{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:99px;background:#ffffffd9;box-shadow:inset 0 1px #fff,0 2px #0b5a7814;font:600 .7rem/1 var(--display);color:#13705f}.dex-bar{display:block;height:8px;border-radius:99px;background:#fffc;box-shadow:inset 0 1px 2px #0b5a782e;overflow:hidden}.dex-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(#8ff0c3,#2fbf8d)}.seg{display:flex;gap:6px;margin:0 -12px;padding:2px 12px 4px;overflow-x:auto;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#000 70%,transparent 97%);mask:linear-gradient(90deg,#000 70%,transparent 97%)}.seg span{flex:none;padding:6px 12px;border-radius:99px;background:#ffffffd9;box-shadow:inset 0 1px #fff,0 2px #0b5a781a;font:600 .72rem/1 var(--display);color:var(--ink-soft)}.seg span.on{color:#fff;background:linear-gradient(#34c79b,#1c9c78);box-shadow:inset 0 1px #fff6,0 2px #0d8066}.dex-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;gap:8px;align-content:start;overflow:hidden;margin:0 -4px;padding:2px 4px 0;-webkit-mask:linear-gradient(#000 calc(100% - 28px),transparent);mask:linear-gradient(#000 calc(100% - 28px),transparent)}.dex-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:16px;background:linear-gradient(#fff 55%,color-mix(in srgb,var(--tint-f, #eef4f7) 70%,#fff));box-shadow:var(--g-shadow)}.dex-portrait{width:80%}.dex-cell em{font:600 .66rem/1.1 var(--display);font-style:normal;color:var(--ink-f, var(--ink-soft))}.dex-cell.unknown{background:#ffffff80;box-shadow:inset 0 0 0 2px #15384a14}.dex-cell.unknown b{display:grid;place-items:center;width:80%;aspect-ratio:1;border-radius:50%;background:#15384a0f;font:700 1.6rem/1 var(--pixel);color:#9db4bf}.dex-cell.unknown em{color:#7d95a3}.flower-wrap{flex:1;display:grid;place-items:center;min-height:0}.flower{position:relative;flex:none;width:16rem;height:15.5rem}.petal{position:absolute;left:50%;top:50%;width:3.9rem;height:6.4rem;margin:-6.4rem 0 0 -1.95rem;transform-origin:50% 100%;transform:rotate(calc(var(--i) * 51.43deg));border-radius:50% 50% 46% 46%/58% 58% 42% 42%;overflow:hidden;background:#fff5f9;border:2px solid #fff;box-shadow:0 4px 8px -3px #c9406f59}.petal:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--v) * 100%);background:linear-gradient(#ffc6da,#ff8fb4)}.petal:after{content:"";position:absolute;left:20%;top:26%;width:18%;height:22%;border-radius:50%;background:#ffffff80}.petal.empty{background:#fde6ef;border:2px dashed #f4a6c1;box-shadow:none}.petal.empty:after{display:none}.petal em{position:absolute;z-index:1;left:50%;top:7px;width:20px;height:20px;margin-left:-10px;display:grid;place-items:center;border-radius:50%;transform:rotate(calc(var(--i) * -51.43deg));font:600 .6rem/1 var(--display);font-style:normal;color:#b3306a;background:#ffffffeb;box-shadow:0 1px #c9406f40}.petal.today em{box-shadow:0 0 0 2px #e8558a}.flower-core{position:absolute;z-index:2;left:50%;top:50%;width:6rem;height:6rem;margin:-3rem 0 0 -3rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;font:600 .8rem/1.1 var(--display);color:#7a4300;background:radial-gradient(circle at 40% 30%,#fffbe8,#ffe39a);border:3px solid #fff;box-shadow:0 4px #e5a42a,0 10px 18px -8px #e5a42ab3}.flower-core small{font:500 .6rem/1.2 var(--display);color:#8a5a10}.region-card{display:flex;align-items:center;gap:12px;margin-top:auto;padding:8px 12px 8px 4px}.region-map{flex:none;display:grid;place-items:center;width:7.5rem;height:5rem;overflow:hidden}.region-card b{display:block;font:600 .95rem/1.2 var(--display);color:#10324a}.region-card small{display:flex;gap:4px;margin-top:4px;font:500 .7rem/1.3 var(--display);color:var(--ink-soft)}.region-card small .px-icon{flex:none;margin-top:2px}.remind-stage{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding-bottom:16px;min-height:0}.remind-stage .glow-disc{top:58%}.remind-stage img{position:relative;z-index:1}.remind-bell{align-self:center;margin-bottom:24px;animation:bell-ring 2.4s steps(1) infinite}@keyframes bell-ring{0%,60%,to{transform:none}66%{transform:translate(-4px)}72%{transform:translate(4px)}78%{transform:translate(-2px)}84%{transform:translate(2px)}}.remind-moon{position:absolute;right:16px;top:12px}.set-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}.set-rows li{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px 0 10px;border-radius:14px;background:#f5fafc;box-shadow:inset 0 0 0 1.5px #e0edf2;font:500 .78rem/1.2 var(--display)}.set-rows li span{flex:1}.toggle-on{flex:none;width:38px;height:22px;border-radius:99px;position:relative;background:linear-gradient(#3fcf9f,#1ea883);box-shadow:inset 0 1px 2px #003c284d}.toggle-on:after{content:"";position:absolute;right:2px;top:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(#fff,#eef6f3);box-shadow:0 2px 3px #003c284d}@media (prefers-reduced-motion: reduce){.gh-spark,.pour-glass,.scr-island .iso-map,.rays,.remind-bell{animation:none}}.goal-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.4rem;align-items:start}.goal-form{display:grid;gap:1rem}.choice{border:0;margin:0;padding:0;min-width:0}.choice legend,.slider label{font:600 1rem/1.3 var(--display);color:var(--ink);padding:0;margin-bottom:.45rem}.choice-row{display:flex;flex-wrap:wrap;gap:.45rem}.choice label{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.choice span{display:inline-flex;align-items:center;min-height:2.6rem;padding:.45rem .95rem;border-radius:99px;font:500 .95rem/1.2 var(--display);color:var(--ink);background:#fffbed;border:2px solid #f0dcae;box-shadow:0 3px #e6bf78}.choice label.on span{color:#fff;background:linear-gradient(#157aa6,var(--water-deep));border-color:#fff;box-shadow:0 3px #073f55}.choice input:focus-visible+span{outline:3px solid var(--play);outline-offset:3px}.slider{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem .8rem}.slider output{font:600 1.05rem/1 var(--display);color:var(--water-deep)}.slider input{grid-column:1 / -1;width:100%;height:2rem;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider input::-webkit-slider-runnable-track{height:.7rem;border-radius:99px;background:linear-gradient(90deg,var(--aqua-top),var(--aqua-bottom) var(--p, 0%),#d7eef8 var(--p, 0%));box-shadow:inset 0 1px 2px #0b5a7833}.slider input::-moz-range-track{height:.7rem;border-radius:99px;background:#d7eef8}.slider input::-moz-range-progress{height:.7rem;border-radius:99px;background:linear-gradient(var(--aqua-top),var(--aqua-bottom))}.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:1.7rem;height:1.7rem;margin-top:-.5rem;border-radius:50%;border:3px solid #fff;background:linear-gradient(var(--aqua-top),var(--aqua-bottom));box-shadow:0 3px 0 var(--aqua-bevel),0 6px 10px -4px #0b5a7880}.slider input::-moz-range-thumb{width:1.5rem;height:1.5rem;border-radius:50%;border:3px solid #fff;background:linear-gradient(var(--aqua-top),var(--aqua-bottom));box-shadow:0 3px 0 var(--aqua-bevel)}.slider input:focus-visible{outline:3px solid var(--play);outline-offset:2px}.goal-result{text-align:center;position:sticky;top:5.5rem}.result-buddy{width:6.5rem;margin:0 auto .6rem;box-shadow:0 0 0 4px #fff,0 6px 14px -6px #17693a59}.goal-result .result-label{font:600 .95rem/1.2 var(--display);color:var(--water-deep);margin:0 auto .2rem}.goal-result .result-big{font:600 clamp(1.9rem,4vw,2.6rem)/1.15 var(--display);color:var(--ink);margin:0 auto .2rem}.goal-result .result-sub{font:500 1.05rem/1.3 var(--display);margin-inline:auto}.glass-row{list-style:none;margin:.6rem auto 1rem;padding:.6rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;background:#eaf8fd;border-radius:1rem}.goal-result .fine{margin-inline:auto}.med-note{margin:1rem auto 0!important;padding:.8rem 1rem;border-radius:1rem;background:#fff6df;border:2px solid #f3dca2;color:#5b3a07!important;font-size:.92rem!important;line-height:1.5;text-align:left}@media (max-width: 56rem){.goal-grid{grid-template-columns:1fr}.goal-result{position:static}}@media (max-width: 30rem){.glass-row{display:grid;grid-template-columns:repeat(5,32px);justify-content:center;gap:.4rem .6rem}}.foot{position:relative;background:var(--ink);color:#cfe5ee;padding:3.4rem 0 2.4rem;margin-top:0}.foot a{color:#fff}.foot p{max-width:none}.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.foot-grid .wordmark{margin-bottom:.6rem}.foot-small p{font-size:.9rem;margin-bottom:.4rem}.foot-parade{position:absolute;left:0;right:0;top:-2.9rem;height:3rem;overflow:hidden;pointer-events:none}.walk{position:absolute;bottom:0;animation:walk 38s linear infinite}.walk.w1{animation-delay:-4s}.walk.w2{animation-delay:-12s}.walk.w3{animation-delay:-30s;animation-duration:60s}.walk.w4{animation-delay:-21s;animation-duration:46s}@keyframes walk{0%{left:-5rem}to{left:100%}}@media (prefers-reduced-motion: reduce){.walk.w1{left:12%}.walk.w2{left:22%}.walk.w3{left:78%}.walk.w4{left:88%}}@media (max-width: 40rem){.foot-grid{grid-template-columns:1fr}}