.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:0;border-radius:999px;font:400 1.08rem/1.2 var(--font-display);text-decoration:none;cursor:pointer;transition:transform .16s var(--ease),box-shadow .16s var(--ease)}.btn-icon{width:18px;height:18px;flex:none}.btn-primary{background:linear-gradient(180deg,#69b44f,#3f7e2f);color:#fff;box-shadow:inset 0 0 0 2px #ffffff59,0 3px #2f6223,0 10px 22px #40803047;text-shadow:0 1px 0 rgba(0,0,0,.18)}.btn-primary:hover,.btn-ghost:hover{transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px);box-shadow:inset 0 0 0 2px #ffffff59,0 1px #2f6223,0 4px 10px #40803040}.btn-ghost{background:var(--parchment);color:var(--ink);box-shadow:var(--shadow-1),inset 0 0 0 2px var(--border)}.hero{position:relative;padding:28px 0 88px;background:radial-gradient(70% 55% at 90% 0%,rgba(92,199,201,.22),transparent 70%),radial-gradient(55% 45% at 0% 95%,rgba(240,125,166,.14),transparent 70%),var(--page)}@media (min-width: 900px){.hero{padding:52px 0 120px}}.hero-grid{display:grid;gap:28px;align-items:center}@media (min-width: 1100px){.hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);grid-template-rows:auto 1fr;grid-template-areas:"intro board" "more board";gap:0 52px}.hero-intro{grid-area:intro;align-self:end}.hero-grid .hero-video{grid-area:board}.hero-more{grid-area:more;align-self:start}}.hero-brand{display:grid;justify-items:start}.logo-hero{width:min(100%,380px);margin-left:-10px}.hero-video{position:relative;width:100%;max-width:560px;justify-self:center;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--r-lg);background:var(--water);box-shadow:inset 0 0 0 3px var(--border),var(--shadow-2);isolation:isolate;transform:translateZ(0)}.hero-video>video,.hero-video>video>img{display:block;width:100%;height:100%;object-fit:cover}.hero-soon{display:inline-flex;align-items:center;gap:9px;font:400 1.05rem/1.2 var(--font-display);color:var(--leaf)}.hero-soon i{flex:none;width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #5ea64547}@media (prefers-reduced-motion: no-preference){.hero-soon i{animation:soon-pulse 2.4s ease-in-out infinite}}@keyframes soon-pulse{50%{box-shadow:0 0 0 7px #5ea64514}}.hero-video .watch-toggle.is-playing{right:14px;bottom:14px}.hero-soon{position:absolute;z-index:2;top:14px;right:14px;padding:7px 16px 7px 13px;border-radius:999px;background:#fff7e6f0;box-shadow:inset 0 0 0 2px var(--border),0 6px 16px #3c281433}.subtitle-pill{margin-top:-6px;padding:3px 18px;border-radius:999px;background:var(--parchment);box-shadow:inset 0 0 0 2px var(--border),var(--shadow-1);color:var(--ink);font:400 1.1rem/1.6 var(--font-display)}.hero h1{margin-top:18px;font-size:clamp(2.3rem,1.5rem + 3.4vw,3.7rem);line-height:1.12;color:var(--ink)}:lang(th) .hero h1{line-height:1.3}:lang(en) .hero h1{font-size:clamp(2.3rem,1.4rem + 3.2vw,3.55rem)}@media (min-width: 1100px){:lang(en) .hero h1{font-size:clamp(2.6rem,1rem + 2.6vw,3.55rem)}}.hero h1 .h-part{display:block}.hero h1 .h-part:nth-child(1){color:var(--leaf)}.hero h1 .h-part:nth-child(2){color:var(--water-deep)}.hero h1 .h-part:nth-child(3){color:var(--pink-deep)}.lead{margin-top:20px;color:var(--ink-2);font-size:1.06rem;max-width:34em}@media (min-width: 1100px){.lead{margin-top:22px}}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.devices{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:26px;color:var(--ink-2);font-weight:600;font-size:.92rem}.devices ul{display:flex;gap:6px;margin:0;padding:0;list-style:none}.devices li{display:inline-flex;align-items:center;gap:5px;padding:4px 12px 4px 8px;border-radius:999px;background:var(--parchment);box-shadow:inset 0 0 0 1px var(--border)}.device-glyph{width:16px;height:16px;color:var(--water-deep)}.hero-wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:48px;fill:var(--water-deep)}@media (max-width: 1099.98px){.hero-intro,.hero-more{display:grid;justify-items:center;text-align:center}.hero-brand{justify-items:center}.logo-hero{margin-left:0}.hero .lead{margin-inline:auto}.hero-ctas,.devices{justify-content:center}}.board-card{position:relative;width:100%;max-width:660px;justify-self:center;padding:18px;border-radius:var(--r-lg);background:var(--parchment);box-shadow:inset 0 0 0 2px var(--border),var(--shadow-2)}@media (min-width: 640px){.board-card{padding:22px}}.board-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-bottom:14px}.board-heading{font-size:1.3rem;color:var(--leaf)}.board-sold{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:600;font-size:.92rem}.sold-coins{display:flex;gap:3px}.sold-coins svg{width:22px;height:22px;opacity:.28;filter:grayscale(1);transition:opacity .3s,filter .3s,transform .3s var(--ease)}.sold-coins svg.is-earned{opacity:1;filter:none;transform:scale(1.12)}.river{position:relative;overflow:hidden;padding:12px 10px 8px;border-radius:22px;background:var(--water) url(/art/board/canal.webp) center 42% / cover no-repeat;box-shadow:inset 0 0 0 2px #8c593340}.lanes{display:grid;grid-template-columns:1fr 1fr;gap:30px 5%;margin:0;padding:22px 0 14px;list-style:none}.lane{position:relative;display:block;width:100%;padding:0;border:0;border-radius:16px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.boat-move{display:block;animation:bob 3.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.boat-frame{position:relative;display:block;aspect-ratio:5.6 / 2.08}.hull{position:absolute;left:0;bottom:0;width:100%;height:auto;filter:drop-shadow(0 6px 4px rgba(16,80,84,.35));transition:filter .2s}.lane.is-selected .hull{filter:drop-shadow(0 0 8px rgba(255,236,160,1)) drop-shadow(0 6px 4px rgba(16,80,84,.35))}@media (hover: hover){.lane:hover .hull{filter:brightness(1.06) drop-shadow(0 6px 4px rgba(16,80,84,.35))}.lane.is-selected:hover .hull{filter:drop-shadow(0 0 8px rgba(255,236,160,1)) drop-shadow(0 6px 4px rgba(16,80,84,.35))}}.boat-frame .crew{position:absolute;z-index:2;bottom:37.4%;height:62.5%;pointer-events:none}.side-left .crew{left:1%}.side-right .crew{right:1%;transform:scaleX(-1)}@media (hover: hover){.lane:hover .crew:is(.is-stand,.is-stroke) .crew-body{animation:crew-hop .52s both}.lane:hover .crew:is(.is-stand,.is-stroke) :is(.crew-stand,.crew-strokes){display:none}.lane:hover .crew:is(.is-stand,.is-stroke) .crew-cheer{display:block;animation:crew-wave .42s ease-in-out .3s infinite alternate}}.cargo{position:absolute;z-index:1;left:14.3%;width:71.4%;bottom:37.4%;height:48%;display:flex;align-items:flex-end}.side-right .cargo{flex-direction:row-reverse}.item{position:relative;display:block;flex:0 0 25%;padding:0;transition:transform .16s var(--ease),filter .16s}.item img{display:block;width:100%;height:auto;transform:scale(1.22);transform-origin:50% 92%;filter:drop-shadow(0 3px 2px rgba(70,40,10,.3))}.item.is-lifted{transform:translateY(-34%);filter:drop-shadow(0 8px 5px rgba(15,60,55,.35))}.coin-pop{position:absolute;top:0;width:13%;pointer-events:none;animation:coin-up 1.1s var(--ease) forwards}.coin-left{left:4%}.coin-right{right:4%}@keyframes coin-up{0%{transform:translateY(30%) scale(.6);opacity:0}30%{opacity:1}to{transform:translateY(-90%) scale(1.1);opacity:0}}.win{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:6px;padding:16px;text-align:center;color:var(--ink);background:#fff7e6f0;animation:win-in .4s var(--ease)}@keyframes win-in{0%{opacity:0}}.win-title{font:400 clamp(2rem,1.4rem + 2.6vw,2.8rem) / 1.2 var(--font-display);color:var(--leaf)}.win-text{max-width:30ch;margin-bottom:12px;color:var(--ink-2)}.board-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;margin-top:14px}.board-hint{flex:1 1 260px;color:var(--ink-2);font-size:.95rem}.board-note{margin-top:8px;color:var(--muted);font-size:.82rem}@media (prefers-reduced-motion: reduce){.boat-move{animation:none}.item,.sold-coins svg{transition:none}.coin-pop{animation:coin-fade 1s forwards}@keyframes coin-fade{50%{opacity:1}0%,to{opacity:0}}}.play{background:radial-gradient(60% 50% at 0% 100%,rgba(240,125,166,.12),transparent 70%),var(--page)}.play .board-card{margin-inline:auto}.how{position:relative;background:linear-gradient(180deg,var(--water-deep),#187a80);color:#fff}.how .sec-head h2{color:#fff}.how .sec-intro{color:var(--water-soft)}.how-steps{display:grid;gap:36px;margin:0;padding:0;list-style:none}@media (min-width: 800px){.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.how-step{display:grid;align-content:start;gap:8px}.how-pic{display:grid;place-items:center;aspect-ratio:3 / 2.1;margin-bottom:8px;padding:4% 6%;overflow:hidden;border-radius:var(--r-md);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff29}.how-shop{width:auto;height:92%;min-height:0}.how-step h3{display:flex;align-items:baseline;gap:12px;font-size:1.7rem}.how-num{color:var(--gold);font-size:2.1rem;line-height:1}.how-step p{color:#eefaf9}.boat-art{display:block}.screens{background:var(--parchment-deep);overflow:hidden}.shots{--shot-w: clamp(136px, 34vw, 184px);--shot-gap: clamp(16px, 3vw, 28px);overflow:hidden;padding:8px 0 12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.shots-track{display:flex;width:max-content;margin:0;padding:0;list-style:none;animation:shots-drift calc(var(--shots) * 5s) linear infinite}@keyframes shots-drift{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--shots) * (var(--shot-w) + var(--shot-gap))))}}.shots.is-offscreen .shots-track{animation-play-state:paused}@media (hover: hover){.shots:hover .shots-track{animation-play-state:paused}}.shot{flex:none;width:var(--shot-w);margin-right:var(--shot-gap)}.shot img{-webkit-user-select:none;user-select:none}.shot figure{margin:0}@media (prefers-reduced-motion: reduce){.shots{-webkit-mask-image:none;mask-image:none}.shots-track{flex-wrap:wrap;justify-content:center;gap:24px var(--shot-gap);width:auto;max-width:1180px;margin:0 auto;padding:0 16px;animation:none}.shot{margin-right:0}.shot[data-copy="1"],.shot[data-copy="2"]{display:none}}.shot figcaption{margin-top:12px;text-align:center;font:400 1.15rem/1.4 var(--font-display);color:var(--leaf)}.chapters{display:grid;gap:20px;margin:0;padding:0;list-style:none}@media (min-width: 980px){.chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}.chapter{padding:18px 16px 22px;border-radius:var(--r-lg);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-1)}@media (min-width: 640px){.chapter{padding:20px 22px 24px}}.chapter-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:16px;font-size:1.45rem;color:var(--ink)}.chapter-num{padding:1px 12px;border-radius:999px;background:var(--green);color:#fff;font:600 .85rem/1.7 var(--font-text)}.goods-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin:0;padding:0;list-style:none}@media (min-width: 560px){.goods-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.good{display:grid;justify-items:center;align-content:start;text-align:center}.good-tile{display:grid;place-items:center;width:min(100%,132px);aspect-ratio:1;border-radius:var(--r-md);background:var(--parchment);box-shadow:inset 0 0 0 2px var(--border)}.good-img{width:82%;height:auto}.good-name{margin-top:8px;font:400 1.12rem/1.3 var(--font-display);color:var(--ink)}.good-alt{color:var(--muted);font-size:.86rem;line-height:1.4}.good-link{display:grid;justify-items:center;width:100%;color:inherit;text-decoration:none}.good-link .good-tile{transition:transform .16s var(--ease),box-shadow .16s var(--ease)}.good-link:hover .good-tile{transform:translateY(-2px);box-shadow:inset 0 0 0 2px var(--green),var(--shadow-1)}.good-link:hover .good-name{text-decoration:underline;text-underline-offset:4px}@media (prefers-reduced-motion: reduce){.good-link .good-tile,.good-link:hover .good-tile{transform:none;transition:none}}.goods-more{margin-top:28px;text-align:center}.market{background:var(--water-soft)}.market-grid{display:grid;gap:36px}@media (min-width: 900px){.market-grid{grid-template-columns:6fr 5fr;gap:64px;align-items:center}}.market-text h2{font-size:clamp(1.9rem,1.3rem + 2.4vw,2.9rem);color:var(--leaf)}.market-text p{margin-top:16px;color:var(--ink-2);font-size:1.1rem;max-width:34em}.market-figure{position:relative;max-width:460px;margin:28px 0 0;padding-top:17%}.market-boat{width:100%;height:auto;filter:drop-shadow(0 8px 6px rgba(16,80,84,.25))}.market-crew{position:absolute;left:38%;bottom:31%;width:26%;height:auto;transform-origin:50% 100%;animation:market-wave 4.5s ease-in-out 1s infinite}@keyframes market-wave{0%,62%,to{transform:rotate(0)}68%,80%{transform:rotate(-8deg)}74%,86%{transform:rotate(8deg)}92%{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.market-crew{animation:none}}.market-facts{display:grid;gap:4px;margin:0;padding:10px;border-radius:var(--r-lg);background:var(--parchment);box-shadow:inset 0 0 0 2px var(--border),var(--shadow-1);list-style:none}.market-facts li{display:grid;padding:12px 14px}.market-facts li+li{border-top:1px dashed var(--line)}.market-facts strong{font:400 1.25rem/1.4 var(--font-display);color:var(--leaf)}.market-facts span{color:var(--ink-2);font-size:.97rem}.faq-list{display:grid;gap:10px}.faq details{border-radius:var(--r-md);background:var(--parchment);box-shadow:inset 0 0 0 2px var(--line),var(--shadow-1)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;list-style:none;border-radius:var(--r-md)}.faq summary::-webkit-details-marker{display:none}.faq summary h3{font-family:var(--font-text);font-weight:600;font-size:1.05rem}.faq-chevron{flex:none;width:22px;height:22px;color:var(--green-dark);transition:transform .2s var(--ease)}.faq details[open] .faq-chevron{transform:rotate(180deg)}.faq details p{padding:0 20px 18px;color:var(--ink-2)}.watch{background:radial-gradient(60% 50% at 100% 0%,rgba(92,199,201,.18),transparent 70%),var(--page)}.watch-grid{display:grid;gap:8px;justify-items:center}@media (min-width: 860px){.watch-grid{grid-template-columns:minmax(0,1fr) 300px;justify-items:stretch;align-items:center;gap:56px;max-width:980px}.watch-grid .sec-head{margin:0;text-align:left}}.watch-figure{display:grid;justify-items:center;gap:14px;width:min(100%,300px);margin:0}.phone-video{position:relative;width:100%}.watch-toggle{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;padding:0;border:0;border-radius:50%;background:#fffbf2f0;color:var(--green-dark);box-shadow:var(--shadow-2);cursor:pointer}.watch-toggle svg{width:34px;height:34px;margin-left:4px}.watch-toggle.is-playing{left:auto;top:auto;right:-8px;bottom:-8px;width:44px;height:44px;margin:0;background:#3b2a1cd1;color:#fff;box-shadow:0 0 0 3px var(--page)}.watch-toggle.is-playing svg{width:20px;height:20px;margin:0}.watch-toggle:focus-visible{outline:none;box-shadow:var(--focus)}.watch-figure figcaption{color:var(--ink-2);font-size:.92rem;line-height:1.6;text-align:center}@media (max-width: 799.98px){.how-steps{max-width:520px;margin-inline:auto;text-align:center}.how-step h3{justify-content:center}}@media (max-width: 899.98px){.market-text{text-align:center}.market-text p,.market-figure{margin-inline:auto}.market-facts{width:100%;max-width:600px;margin-inline:auto}}.challenge{background:var(--water-soft)}.challenge-grid{display:grid;gap:32px;margin-top:28px}@media (min-width: 900px){.challenge-grid{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}.challenge-figure{display:block;margin:0;padding:20px 22px 18px;background:var(--parchment);border-radius:var(--r-lg);box-shadow:inset 0 0 0 2px var(--border),var(--shadow-1)}.challenge-bubble{display:block;width:fit-content;max-width:100%;margin:0 2% 12px auto;padding:8px 16px;background:var(--paper);border:2px solid var(--border);border-radius:16px 16px 4px;color:var(--ink);font-weight:600;font-size:.95rem}.challenge-boatwrap{position:relative;display:block}.challenge-boat{display:block}.challenge-vendor{position:absolute;z-index:2;right:.5%;bottom:37.4%;height:62.5%;width:auto;pointer-events:none}.challenge-badge{position:absolute;z-index:3;right:0;top:-6px;min-width:30px;height:30px;padding:0 6px;display:grid;place-items:center;background:var(--gold);color:var(--ink);border:2px solid var(--paper);border-radius:999px;box-shadow:var(--shadow-1);font-weight:600;font-size:1rem;line-height:1}.challenge-stamps{display:block;margin-top:18px;padding:12px 16px 14px;background:var(--paper);border:2px dashed var(--border);border-radius:var(--r-md);text-align:center}.challenge-cardnote{display:block;color:var(--ink);font-weight:600}.challenge-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.challenge-dots i{width:24px;height:24px;border-radius:50%;background:var(--parchment-deep);box-shadow:inset 0 0 0 2px var(--border)}.challenge-dots i.is-filled{background:radial-gradient(circle at 35% 30%,var(--pink),var(--pink-deep));box-shadow:inset 0 0 0 2px var(--paper),0 1px 2px #c2456f66}.challenge-cardcount{display:block;margin-top:8px;color:var(--muted);font-size:.9rem}.challenge-steps{margin:0;padding:0;list-style:none;display:grid;gap:24px}.challenge-steps h3{display:flex;align-items:baseline;gap:12px;color:var(--leaf);font-size:1.35rem}.challenge-num{color:var(--water-deep);font-size:1.6rem;line-height:1}.challenge-steps p{margin-top:6px;color:var(--ink-2)}.challenge-rares{color:var(--muted);font-size:.95rem}.challenge-families{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}.challenge-families li{padding:4px 14px;background:var(--paper);border:2px solid var(--border);border-radius:999px;color:var(--ink-2);font-weight:600;font-size:.9rem}.iphone{position:relative;display:block;width:100%;container-type:inline-size}.iphone-body{position:relative;display:block;padding:1.7cqw;border-radius:15.5cqw;background:linear-gradient(145deg,#f4f1ec,#c9c3ba 22%,#e9e5df,#b4ada3,#ddd8d0);box-shadow:inset 0 0 0 .35cqw #ffffff8c,inset 0 0 0 .9cqw #786e6259,0 3cqw 7cqw #3c281438,0 1cqw 2cqw #3c28142e}.iphone-screen{position:relative;display:block;overflow:hidden;aspect-ratio:1320 / 2868;border:2.6cqw solid #0b0b0d;border-radius:13.8cqw;background:#0b0b0d;isolation:isolate;transform:translateZ(0)}.iphone-screen>img,.iphone-screen>video{display:block;width:100%;height:100%;object-fit:cover;border-radius:11.2cqw}.iphone-island{position:absolute;z-index:2;top:2.78cqw;left:50%;width:26.4cqw;height:7.9cqw;transform:translate(-50%);border-radius:999px;background:#050506;box-shadow:inset 0 0 0 .25cqw #ffffff0a}.iphone-src-pro .iphone-island{top:2.95cqw;width:28.9cqw;height:8.8cqw}.iphone-island:after{content:"";position:absolute;top:50%;right:16%;width:2.6cqw;height:2.6cqw;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#2b3550,#0c0f18 60%)}.iphone-btn{position:absolute;display:block;width:1.3cqw;border-radius:1cqw;background:linear-gradient(90deg,#a49d93,#ddd8d0)}.iphone-action,.iphone-vol-up,.iphone-vol-down{left:-.9cqw}.iphone-power,.iphone-camera{right:-.9cqw;background:linear-gradient(90deg,#ddd8d0,#a49d93)}.iphone-action{top:17%;height:6cqw}.iphone-vol-up{top:24.5%;height:12cqw}.iphone-vol-down{top:32%;height:12cqw}.iphone-power{top:27%;height:18cqw}.iphone-camera{top:55%;height:10cqw;width:.9cqw;right:-.5cqw}.crew{display:block;aspect-ratio:252 / 384}.crew-body{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%;animation:crew-breath 2.4s ease-in-out infinite;animation-delay:var(--breath-delay, 0s)}.crew-stand,.crew-cheer,.crew-strokes,.crew-jump{position:absolute;bottom:0;left:50%;display:none;height:100%;width:auto;translate:-50% 0;transform-origin:50% 100%}.crew-strokes,.crew-jump{aspect-ratio:1.5;background-position:0 0;background-repeat:no-repeat}.crew-strokes{background-size:400% 100%}.crew-jump{background-size:600% 100%}.is-stand .crew-stand,.is-wave .crew-cheer,.is-cheer .crew-jump,.is-paddle .crew-strokes,.is-stroke .crew-strokes{display:block}.is-paddle .crew-strokes,.is-stroke .crew-strokes{animation:crew-strokes .5s steps(4) infinite}.is-paddle .crew-body,.is-stroke .crew-body{animation:none}.is-wave .crew-body{animation:crew-hop .52s both}.is-wave .crew-cheer{animation:crew-wave .42s ease-in-out .3s infinite alternate}.is-cheer .crew-body{animation:none}.is-cheer .crew-jump{animation:crew-jump .6s steps(6,jump-none) both,crew-wave .4s ease-in-out .6s infinite alternate}@keyframes crew-breath{0%,50%,to{transform:scale(1)}25%{transform:scale(.983,1.028)}75%{transform:scale(1.017,.972)}}@keyframes crew-hop{0%{transform:translateY(0) scale(1)}13.5%{transform:translateY(0) scale(1.08,.92)}32.7%{transform:translateY(-14%) scale(.95,1.06)}50%{transform:translateY(-18%) scale(1)}69.2%{transform:translateY(-3%) scale(.97,1.04)}76.9%{transform:translateY(0) scale(1.1,.9)}to{transform:translateY(0) scale(1)}}@keyframes crew-wave{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes crew-strokes{to{background-position-x:133.333%}}@keyframes crew-jump{0%{background-position-x:0%}to{background-position-x:100%}}@media (prefers-reduced-motion: reduce){.crew-body,.crew-cheer,.crew-strokes,.crew-jump{animation:none!important}.is-cheer .crew-jump{background-position-x:100%}}.sort-scene{position:relative;width:100%;aspect-ratio:3 / 2;container-type:inline-size}.sort-scene .boat-art,.sort-bottom{position:absolute;width:82cqw}.sort-boat-top{left:0;top:2cqw}.sort-bottom{left:18cqw;top:34.2cqw}.sort-bottom .boat-art{position:relative;width:100%}.sort-item{position:absolute;z-index:3;left:55.64cqw;top:8.3cqw;width:14.64cqw}.sort-item img{display:block;width:100%;height:auto;transform:scale(1.22);transform-origin:50% 92%;filter:drop-shadow(0 3px 2px rgba(70,40,10,.3))}.sort-finger{position:absolute;z-index:4;left:57cqw;top:13.8cqw;width:15cqw;height:auto;opacity:0;transform-origin:40% 7%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.sort-sparkle{position:absolute;width:5cqw;aspect-ratio:1;opacity:0;background:#fff4c2;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.sort-sparkle-1{left:18%;top:2%}.sort-sparkle-2{left:54%;top:-10%;width:6.5cqw}.sort-sparkle-3{left:86%;top:8%}.sort-scene.is-running{animation:sort-scene 6s linear infinite}.is-running .sort-finger{animation:sort-finger 6s ease-in-out infinite}.is-running .sort-item{animation:sort-item 6s ease-in-out infinite}.is-running .sort-bottom{animation:sort-hop 6s ease-out infinite}.is-running .sort-sparkle{animation:sort-sparkle 6s ease-out infinite}.is-running .sort-sparkle-2{animation-delay:.12s}.is-running .sort-sparkle-3{animation-delay:.24s}@keyframes sort-scene{0%{opacity:0}5%,88%{opacity:1}96%,to{opacity:0}}@keyframes sort-finger{0%{opacity:0;transform:translate(12cqw,18cqw)}8%{opacity:1}16%{transform:translate(0) scale(1)}20%{transform:translate(0) scale(.84)}23%{transform:translate(0) scale(1)}45%{transform:translate(18cqw,32cqw) scale(1)}49%{transform:translate(18cqw,32cqw) scale(.84)}52%{opacity:1;transform:translate(18cqw,32cqw) scale(1)}62%,to{opacity:0;transform:translate(28cqw,42cqw) scale(1)}}@keyframes sort-item{0%,21%{transform:translate(0)}25%{transform:translateY(-4.3cqw)}35%{transform:translate(9cqw,3cqw)}45%,49%{transform:translate(18cqw,27.9cqw)}52%,to{transform:translate(18cqw,32.2cqw)}}@keyframes sort-hop{0%,52%{transform:translateY(0)}55%{transform:translateY(-2.5cqw)}60%,to{transform:translateY(0)}}@keyframes sort-sparkle{0%,52%{opacity:0;transform:scale(.2) rotate(0)}57%{opacity:1;transform:scale(1.15) rotate(30deg)}70%,to{opacity:0;transform:scale(.6) rotate(60deg)}}.deliver-scene{position:relative;width:100%;aspect-ratio:3 / 2;container-type:inline-size;display:grid;align-items:center}.deliver-boat{display:block;width:100%;transition:transform .4s ease,opacity .4s ease}.is-leave .deliver-boat{transform:translate(120cqw) rotate(-1deg);transition:transform 1.5s cubic-bezier(.55,0,.6,1)}.is-gone .deliver-boat{transform:translate(0);opacity:0;transition:none}.deliver-coin{position:absolute;top:6cqw;right:9cqw;width:12cqw;animation:deliver-coin 1.5s var(--ease) both}@keyframes deliver-coin{0%{opacity:0;transform:translateY(8cqw) scale(.5)}25%{opacity:1;transform:translateY(0) scale(1.1)}80%{opacity:1;transform:translateY(-3cqw) scale(1)}to{opacity:0;transform:translateY(-6cqw) scale(.9)}}@media (prefers-reduced-motion: reduce){.sort-scene,.sort-finger,.sort-item,.sort-bottom,.sort-sparkle,.deliver-coin{animation:none!important}.sort-item{transform:translate(18cqw,32.2cqw)}}.town{background:linear-gradient(180deg,var(--page),var(--green-soft) 30%,var(--green-soft))}.canal-life{display:grid;gap:28px;align-items:center;justify-items:center}@media (min-width: 860px){.canal-life{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:64px;max-width:1000px;margin:0 auto}}.town-clip{display:grid;justify-items:center;gap:16px;width:min(100%,320px);margin:0}.town-clip figcaption,.watch-figure figcaption{color:var(--muted);font-size:.9rem;text-align:center}.life-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.life-list li{padding:16px 20px;border-radius:var(--r-md);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-1)}.life-list h3{font-size:1.35rem;color:var(--water-ink)}.life-list p{margin-top:2px;color:var(--ink-2)}.avatar-card{display:grid;gap:18px;align-items:center;margin-top:40px;padding:22px 18px;border-radius:var(--r-lg);background:var(--parchment);box-shadow:inset 0 0 0 2px var(--border),var(--shadow-1)}@media (min-width: 860px){.avatar-card{grid-template-columns:1fr 1fr;gap:36px;padding:28px 36px}}.avatar-row{display:flex;justify-content:center;align-items:flex-end;gap:2%;margin:0;padding:0;list-style:none}.avatar-row li{flex:0 1 24%}.avatar-row img{width:100%;max-height:190px;object-fit:contain;filter:drop-shadow(0 6px 4px rgba(92,61,33,.18))}.avatar-text h3{font-size:1.5rem;color:var(--leaf)}.avatar-text p{margin-top:4px;color:var(--ink-2)}.buddy-card{margin-top:20px}@media (min-width: 860px){.buddy-card .buddy-row{order:2}}.buddy-row{align-items:center}.buddy-row img{max-height:140px}.dress-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}.dress-list li{padding:2px 12px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--border);font-size:.9rem}.town-block{margin-top:56px}.town-sub{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);color:var(--leaf);text-align:center}.town-sub-intro{max-width:640px;margin:8px auto 0;text-align:center;color:var(--ink-2)}.shop-list{display:grid;gap:16px;margin:24px 0 0;padding:0;list-style:none}@media (min-width: 700px){.shop-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1080px){.shop-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.shop-card{padding:16px 14px 14px;border-radius:var(--r-md);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-1);text-align:center}.shop-card h4{margin:0;font:400 1.3rem/1.35 var(--font-display);color:var(--ink)}.shop-card>p{color:var(--muted);font-size:.9rem;line-height:1.5}.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0 0;padding:0;list-style:none}.tiers li{display:grid;justify-items:center;align-content:end;gap:4px}.tiers img{width:100%;height:92px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 5px 4px rgba(60,40,10,.16))}.tier-name{padding:0 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold-ink);font-size:.78rem;font-weight:600;line-height:1.7;white-space:nowrap}.shop-also{margin:10px 0 0;color:var(--ink-2);font-size:.85rem;line-height:1.5}.shop-also>span:first-child{color:var(--muted)}.shop-also-name{white-space:nowrap}.building img{display:block;width:auto;max-width:100%;height:120px;margin:12px auto 0;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(60,40,10,.16))}.looks img{height:80px}.look-n{display:inline-grid;place-items:center;min-width:1.6rem;border-radius:999px;background:var(--gold-soft);color:var(--gold-ink);font-size:.78rem;font-weight:600;line-height:1.7}@media (max-width: 859.98px){.life-list{width:100%;max-width:600px;margin-inline:auto}.avatar-text{text-align:center}.avatar-text p{max-width:36em;margin-inline:auto}.dress-list{justify-content:center}}.team{background:radial-gradient(40% 30% at 0% 25%,rgba(92,199,201,.16),transparent 70%),radial-gradient(40% 30% at 100% 70%,rgba(240,125,166,.14),transparent 70%),var(--page)}.team-list{display:grid;gap:28px;max-width:920px;margin:0 auto;padding:0;list-style:none}@media (min-width: 720px){.team-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.team-water{--tone: var(--water-deep);--tone-soft: var(--water-soft);--tone-ink: var(--water-ink)}.team-pink{--tone: var(--pink);--tone-soft: var(--pink-soft);--tone-ink: #a8345e}.team-card{position:relative;display:grid;justify-items:center;align-content:start;max-width:460px;width:100%;justify-self:center;overflow:hidden;padding:52px 22px 28px;border-radius:var(--r-lg);background:var(--paper);box-shadow:inset 0 0 0 2px var(--border),var(--shadow-2);text-align:center}.team-card:before{content:"";position:absolute;inset:0 0 auto;height:30px;background:repeating-linear-gradient(90deg,var(--tone) 0 28px,var(--paper) 28px 56px);-webkit-mask:radial-gradient(14px 10px at 14px 20px,#000 98%,transparent) 0 0 / 28px 30px repeat-x,linear-gradient(#000,#000) 0 0 / 100% 20px no-repeat;mask:radial-gradient(14px 10px at 14px 20px,#000 98%,transparent) 0 0 / 28px 30px repeat-x,linear-gradient(#000,#000) 0 0 / 100% 20px no-repeat;opacity:.85}.team-photo{position:relative;width:clamp(170px,46vw,210px);aspect-ratio:1;margin-bottom:18px}.team-photo:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border:2px dashed var(--tone);border-radius:50%;opacity:.55;transition:transform .6s var(--ease)}.team-face{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--tone-soft);box-shadow:0 0 0 6px var(--paper),0 0 0 11px var(--tone),var(--shadow-2);transition:transform .3s var(--ease)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.team-card:hover .team-face{transform:rotate(-3deg) scale(1.02)}.team-pink:hover .team-face{transform:rotate(3deg) scale(1.02)}.team-card:hover .team-photo:before{transform:rotate(40deg)}}.team-name{font-size:2.1rem;line-height:1.2;color:var(--tone-ink)}.team-full{color:var(--muted);font-size:.95rem}.team-role{margin-top:10px;padding:2px 16px;border-radius:999px;background:var(--tone-soft);color:var(--tone-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 35%,transparent);font:400 1.12rem/1.6 var(--font-display)}.team-line{max-width:30em;margin-top:12px;color:var(--ink-2)}.team-does{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0 0;padding:0;list-style:none}.team-does li{padding:2px 12px;border-radius:999px;background:var(--parchment);box-shadow:inset 0 0 0 1px var(--border);color:var(--ink);font-size:.9rem}