@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#333c2c;--paper:#fbf5e8;--pink:#efb5b5;--sage:#d5ddbf;--muted:#727664;--line:#d9d9c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a15063;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--ink);color:white;padding:15px}.skip:focus{top:15px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4%;position:absolute;top:0;left:0;width:100%;z-index:30;background:linear-gradient(#fff8edeb,#fff8ed90);border-bottom:1px solid #51604415}.wordmark{display:flex;align-items:center;font:800 29px Outfit,Arial,sans-serif;letter-spacing:-1.5px;white-space:nowrap}.wordmark img{margin-right:8px}.wordmark span{color:#9b6571}.wordmark sup{font-size:12px;margin-left:4px;align-self:flex-start;margin-top:6px}.topbar nav{display:flex;gap:27px;font-size:11px;font-weight:700}.topbar nav a{padding:13px 0;position:relative}.topbar nav a[aria-current=page]:after{content:'';position:absolute;bottom:2px;width:5px;height:5px;background:#a15e6e;border-radius:100%;left:calc(50% - 2px)}.top-actions{display:flex;align-items:center;gap:20px}.sound-button{border:0;background:none;display:flex;align-items:center;gap:7px;font-size:10px}.sound-button>span:first-child{font-size:21px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #414932;background:var(--ink);color:var(--paper);padding:15px 20px;border-radius:6px;font-size:11px;font-weight:700;box-shadow:0 3px 0 #242b19;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #242b19}.button:active{transform:translateY(2px);box-shadow:none}.button.light{background:#e8e8d3;color:var(--ink)}.button small{font-size:8px;opacity:.65;letter-spacing:1px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;background:#738761;border-radius:50%;box-shadow:0 0 0 4px #b0c29630;margin-right:8px}
.world{height:max(870px,100svh);max-height:1200px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#f6e4c6 20%,#a3bcb0 50%,#61968e)}.landscape{position:absolute;inset:-2%;background:url('assets/pond.webp') center 58%/cover;z-index:-5;transform:translate(var(--parallax-x,0px),var(--parallax-y,0px)) scale(1.025);transition:transform 1s ease-out}.sky-wash{position:absolute;inset:0;background:linear-gradient(#fdf3dcb0,#f9edcf50 22%,transparent 42%,transparent 70%,#142e231f);z-index:-4}.water-light{position:absolute;top:45%;left:17%;width:66%;height:45%;background:repeating-radial-gradient(ellipse,transparent 0 25px,#fff9c015 26px 28px,transparent 29px 55px);opacity:.22;transform:scaleY(.6);animation:water-drift 12s ease-in-out infinite;pointer-events:none;z-index:-2}.scene-title{position:absolute;top:123px;left:0;width:100%;text-align:center;pointer-events:none;z-index:1}.scene-title .eyebrow{font-size:8px;letter-spacing:2.1px;margin:0 0 8px}.scene-title h1{font:900 clamp(92px,10vw,151px)/.94 Outfit,Arial,sans-serif;letter-spacing:-9px;margin:0;color:#34442e;text-shadow:0 2px 0 #e9e8ca44}.scene-title h1 span{color:#a96876}.scene-title h1 b{font-size:40px;vertical-align:top;display:inline-block;margin:15px 0 0 8px;color:#667b50}.scene-tagline{font:500 22px Outfit,Arial,sans-serif;margin:13px 0 5px;letter-spacing:-.3px}.scene-tagline em{font:italic 24px Georgia}.tiny-caption{font-size:10px;color:#4d5a43}.weather-note{position:absolute;left:5%;top:140px;display:flex;gap:11px;align-items:center;font-size:10px;transform:rotate(-4deg)}.weather-note>span{font-size:32px;color:#a67c42}.weather-note small{display:block;font-size:8px;margin-top:5px;color:#5e694d}.world-sign{position:absolute;z-index:4;display:flex;flex-direction:column;text-align:center;background:linear-gradient(8deg,#a57644,#cba06b 50%,#b78952);box-shadow:0 4px 0 #775734,3px 8px 15px #263b3133;border:1px solid #8b663e;border-radius:4px;padding:13px 18px;color:#fff3d4;transform:rotate(-5deg);transition:transform .25s;min-width:145px}.world-sign:before,.world-sign:after{content:'';position:absolute;top:8px;left:7px;width:3px;height:3px;border-radius:50%;background:#624a31;box-shadow:0 1px 0 #f2d5a7}.world-sign:after{left:auto;right:7px}.world-sign:hover{transform:rotate(0) translateY(-4px)}.world-sign>span{font:700 14px Outfit;letter-spacing:1px;text-shadow:0 1px #6c5039}.world-sign small{font-size:8px;margin-top:4px;opacity:.85}.trail-sign{left:8%;top:39%}.club-sign{right:7%;top:35%;transform:rotate(6deg)}.play-sign{left:15%;top:55%;transform:rotate(3deg)}
.hippo{position:absolute;left:50%;bottom:114px;width:440px;height:440px;transform:translateX(-50%);z-index:3;--look-x:0px;--look-y:0px;--turn:0deg}.hippo-bob{position:absolute;inset:0;animation:breathe 5.7s ease-in-out infinite;transform-origin:50% 90%}.hippo-turn{position:absolute;inset:0;transform:rotate(var(--turn)) translate(var(--look-x),var(--look-y));transition:transform .5s ease-out;transform-origin:50% 80%}.hippo-body{width:100%;height:auto;display:block;pointer-events:none;user-select:none;filter:drop-shadow(0 8px 6px #112c2333);mask-image:linear-gradient(#000 0 75%,#0009 85%,transparent 96%)}.hat{position:absolute;left:14%;top:-21%;width:72%;height:72%;padding:0;border:0;background:none;transform:translate(var(--hat-x,0px),var(--hat-y,0px)) rotate(var(--hat-r,0deg));transform-origin:50% 77%;transition:transform 1.1s cubic-bezier(.2,1.7,.35,1);touch-action:none;cursor:grab;clip-path:polygon(0 45%,14% 25%,30% 12%,66% 11%,85% 35%,100% 64%,100% 86%,0 86%);z-index:7}.hat:active{cursor:grabbing}.hat img{width:100%;height:auto;display:block;pointer-events:none;user-select:none;filter:drop-shadow(0 8px 3px #2b151b40)}.hat.dragging{transition:none}.hat.bounce{animation:hat-bounce .75s ease-in-out}.nose-target{position:absolute;left:38%;top:45%;width:25%;height:17%;border-radius:48%;border:0;background:transparent;z-index:8}.nose-target:focus-visible{outline-offset:0}.eye{position:absolute;width:4.1%;height:4.5%;top:35.2%;border-radius:50%;overflow:hidden;z-index:5;pointer-events:none;background:#34201b}.eye-left{left:36.2%;transform:rotate(-10deg)}.eye-right{left:63.4%;top:36.1%;transform:rotate(10deg)}.eye i{position:absolute;inset:0;background:radial-gradient(circle at 35% 28%,#e6e7e0 0 7%,#8a8a8a 8% 13%,#131316 15% 60%,#34261f 90%);border-radius:50%;transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .25s}.eye b{position:absolute;inset:-2px;background:linear-gradient(#66473b,#80584a);transform:translateY(-110%);border-radius:45%;animation:blink 8s infinite}.eye-right b{animation-delay:.06s}.mouth{position:absolute;left:38%;top:62.5%;width:24%;height:9%;border-radius:50%;background:#30201c;border:3px solid #685044;box-shadow:0 2px 3px #291a1955;transform:scaleY(0);transform-origin:top;transition:transform .22s;z-index:4;overflow:hidden;pointer-events:none}.mouth i{position:absolute;bottom:-25%;left:20%;width:65%;height:65%;background:#ad7976;border-radius:50%}.hippo.hungry .mouth{transform:scaleY(.95)}.hippo.chewing .mouth{animation:chew .3s ease-in-out 5}.hippo.chewing .hippo-turn{animation:happy .65s ease-in-out 2}.ear{position:absolute;top:25%;width:9%;height:12%;background-image:url('assets/hippo.webp');background-size:1111% 833%;z-index:1;pointer-events:none;border-radius:50%;animation:ear-wiggle 11s infinite}.ear-left{left:21.5%;background-position:23.8% 28.3%;transform-origin:100% 70%}.ear-right{left:70.5%;top:27%;background-position:77.4% 30.7%;transform-origin:0 70%;animation-delay:1.8s}.reflection{position:absolute;top:70%;left:16%;height:45%;width:68%;background:url('assets/hippo.webp') center/contain no-repeat;transform:scaleY(-.5);opacity:.14;filter:blur(5px);mask-image:linear-gradient(transparent,#0007,transparent);pointer-events:none;z-index:-1}.water-ring{position:absolute;left:0;top:76%;width:100%;height:18%;border:2px solid #d7ead05c;border-radius:50%;box-shadow:0 3px 2px #2d635631;pointer-events:none;animation:ring 5s infinite;z-index:5}.ring-two{width:120%;left:-10%;top:78%;height:20%;animation-delay:2.5s;opacity:.4}.speech{position:absolute;top:14%;right:-125px;padding:14px 20px;background:#fff8eaeF;border:1px solid #d8d5bd;border-radius:15px 15px 15px 0;font:italic 16px Georgia;box-shadow:0 6px 15px #243c2320;transform:rotate(4deg);max-width:215px;transition:transform .3s;z-index:9}.speech.speaking{transform:rotate(0) translateY(-5px)}.character-label{position:absolute;bottom:7%;left:50%;transform:translateX(-50%) rotate(-4deg);font-size:7px;letter-spacing:2px;background:#f9efdcc9;padding:8px 14px;border-radius:2px;white-space:nowrap;z-index:6}
.feed-kit{position:absolute;bottom:72px;left:4%;width:270px;background:#fff8e9ed;padding:19px 20px 13px;border:1px solid #d8ccb3;border-radius:11px;box-shadow:0 10px 35px #1d352b25;z-index:10;transform:rotate(-2deg);backdrop-filter:blur(8px)}.feed-kit-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.feed-kit-top .eyebrow{font-size:7px;letter-spacing:1.2px}.snack-count{font-size:8px;color:#70765f}.snack-count b{color:#404936;font-size:13px}.feed-kit-main{display:flex;gap:13px;align-items:center;margin:13px 0}.melon{width:64px;flex-shrink:0;border:0;background:none;padding:0;touch-action:none;cursor:grab;transition:transform .2s}.melon:hover,.melon[aria-pressed=true]{transform:rotate(-10deg) scale(1.12)}.melon svg{width:100%;height:auto;filter:drop-shadow(0 5px 2px #8e663225)}.feed-kit-main strong{font-size:11px;line-height:1.5}.feed-kit-main p{font-size:9px;line-height:1.65;color:#6c725c;margin:5px 0 0}.feed-button{width:100%;background:var(--pink);color:#4c3b32;border-color:#a77978;box-shadow:0 3px 0 #a77978;padding:12px}.feed-hint{display:block;text-align:center;font-size:7px;margin-top:10px;color:#7c816e}.field-note{position:absolute;right:16%;bottom:225px;transform:rotate(7deg);font:italic 19px/1.2 Georgia;color:#fff7e9;text-shadow:0 1px 4px #1b352fcc;pointer-events:none}.field-note p{margin:0}.field-note>span{display:block;font-size:57px;transform:rotate(-25deg);margin-left:-35px}.dock-marker{position:absolute;bottom:145px;right:5%;background:#f8f0d9ec;border:1px solid #bca67d;border-radius:5px;box-shadow:0 4px #92764e;padding:17px 18px;font-size:9px;letter-spacing:1px;z-index:7;transform:rotate(4deg)}.scene-bottom{position:absolute;bottom:0;left:0;width:100%;padding:22px 4%;display:flex;justify-content:space-between;gap:20px;color:#f6f2de;font-size:7px;letter-spacing:1.6px;background:linear-gradient(transparent,#223e346b);z-index:5}.scene-bottom .status-dot{background:#d0dca9;box-shadow:none}.world-ripples{position:absolute;inset:0;pointer-events:none;z-index:6}.ripple{position:absolute;width:60px;height:23px;border:2px solid #edf8d59c;border-radius:50%;transform:translate(-50%,-50%);animation:touch-ripple 1.4s ease-out forwards}.bubble{position:absolute;width:10px;height:10px;border:1px solid #fff8d6aa;border-radius:50%;background:#fff8e522;animation:bubble-rise 3s ease-out forwards}.crumb{position:fixed;z-index:100;width:6px;height:6px;background:#ef9a9c;border-radius:30%;pointer-events:none;animation:crumb .7s ease-out forwards}.fireflies{position:absolute;inset:0;pointer-events:none;z-index:2}.fireflies i{position:absolute;width:3px;height:3px;background:#fff3bb;border-radius:50%;box-shadow:0 0 10px #fff4a6;animation:float 12s ease-in-out infinite;left:23%;top:43%}.fireflies i:nth-child(2){left:72%;top:48%;animation-delay:-4s}.fireflies i:nth-child(3){left:82%;top:32%;animation-delay:-8s}.fireflies i:nth-child(4){left:10%;top:67%;animation-delay:-3s}
.panel-shell{background:#f9f5e7;position:relative}.place-panel{max-width:1150px;margin:auto;padding:45px 5% 65px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:35px}.back-link{font-size:10px;font-weight:700}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:35px}h2{font:700 clamp(36px,4vw,55px)/1.08 Outfit,Arial,sans-serif;letter-spacing:-1.7px;margin:0 0 20px}h2 em{font:italic 1em Georgia;color:#a56776}h3{font:700 25px Outfit;margin:0 0 12px;letter-spacing:-.6px}.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted)}.section-heading small{font-size:10px}.dock-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.dock-layout p{font-size:12px;line-height:1.9;color:#737664}.dock-layout .lead{font-size:16px;line-height:1.6;color:var(--ink)}.place-icon{font-size:35px;display:block;margin-bottom:10px;color:#8e9b6c}.lore-tags{display:flex;gap:15px;font-size:8px;letter-spacing:1px;font-weight:700;margin-top:25px}.lore-tags span{padding:8px 10px;border:1px dashed #b8b9a1;border-radius:4px}.dock-board{background:#e5e7d3;padding:32px;border:1px solid #bac0a5;box-shadow:6px 6px 0 #b2b89440;border-radius:7px;transform:rotate(1deg)}.dock-board h3{font-size:35px;margin:12px 0 0}.dock-board .launch-label{font-size:10px;margin:9px 0 25px}.dock-board label{font-size:8px;letter-spacing:1px;font-weight:700}.ca-box{display:flex;gap:12px;align-items:center;border:1px dashed #b0b69a;padding:15px 12px;margin:10px 0 18px;border-radius:5px;background:#fff9;min-width:0}.ca-box code{font-size:10px;overflow-wrap:anywhere;flex:1;min-width:0}.ca-box button{border:0;background:none;font-size:22px}.dock-links{display:flex;flex-direction:column;gap:12px}.dock-board .fineprint,.fineprint{font-size:9px;line-height:1.8;color:#747763;margin-top:22px}details{margin-top:32px;padding:20px 0;border-top:1px solid var(--line);font-size:12px}details p{font-size:12px;line-height:1.8;color:var(--muted);max-width:700px}summary{cursor:pointer;font-weight:700}.trail-map{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;padding-top:20px}.trail-line{position:absolute;top:12px;left:0;width:100%;height:120px}.trail-map article{position:relative}.milestone{width:95px;height:95px;border-radius:50%;background:#e1e6ce;border:1px solid #a4ae89;display:flex;align-items:center;justify-content:center;gap:10px;font:600 17px Outfit;box-shadow:0 6px 0 #c5ceb0;transform:rotate(-5deg);margin-bottom:33px}.milestone span{font-size:31px}.trail-map article:nth-of-type(2) .milestone{background:#ecc9cd;border-color:#c0949e;box-shadow:0 6px #d6b0b8;transform:rotate(7deg)}.trail-map article:nth-of-type(3) .milestone{background:#efddbb;border-color:#c3aa79;box-shadow:0 6px #decb9e}.phase-label{font-size:8px;letter-spacing:1.3px;color:#798165;font-weight:700;display:block;margin-bottom:13px}.trail-map p{font-size:12px;line-height:1.8;color:var(--muted)}.trail-map ul{padding:18px 0 0;border-top:1px dashed #b5baa2;list-style:none;font-size:11px;display:grid;gap:15px}.trail-map li:before{content:'○';margin-right:8px}.trail-map li.complete:before{content:'✓'}.club-layout{display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:12%;padding:15px 0 30px}.club-portrait{position:relative;transform:rotate(-5deg);padding:12px 12px 0;background:#fff9ef;border:1px solid #c7bea8;box-shadow:7px 8px 0 #c8c4aa55}.club-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.club-portrait span{display:block;text-align:center;padding:17px;font:italic 21px Georgia}.club-layout p{font-size:13px;line-height:1.8;color:var(--muted)}.club-layout .lead{font-size:17px;color:var(--ink)}.club-layout .eyebrow{font-size:8px;color:#6b735e}.community-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:27px 4%;background:#f9f5e7;border-top:1px solid var(--line);font-size:9px;color:#7d806d}footer>a{font:800 18px Outfit;letter-spacing:-.5px;color:var(--ink)}footer>a span{color:#a56776}footer>div{display:flex;gap:20px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);max-width:90%;width:max-content;padding:16px 23px;border:1px solid #e4e5c7;background:#34432e;color:var(--paper);border-radius:9px;font-size:12px;box-shadow:0 7px 25px #10201225;z-index:150}#food-flight{position:fixed;top:0;left:0;z-index:110;font-size:42px;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 3px #372d2044)}.noscript-note{padding:25px 5%;background:#e8dfc6;font-size:14px}.js body:not([data-place=pond]) .world{height:330px;min-height:330px;max-height:330px;transition:height .7s ease}.js body:not([data-place=pond]) .landscape{transform:scale(1.15);filter:saturate(.75)}.js body:not([data-place=pond]) .scene-title{top:125px}.js body:not([data-place=pond]) .scene-title h1{font-size:85px}.js body:not([data-place=pond]) :is(.tiny-caption,.weather-note,.hippo,.world-sign,.feed-kit,.field-note,.dock-marker,.scene-bottom){display:none}.js .place-panel{animation:panel-enter .5s ease}.js body[data-place=pond] .panel-shell{display:none}[hidden]{display:none!important}
@keyframes breathe{50%{transform:translateY(-5px) scale(1.009)}}@keyframes blink{0%,42%,46%,100%{transform:translateY(-110%)}44%{transform:translateY(0)}}@keyframes ring{0%{transform:scale(.85);opacity:.1}40%{opacity:.65}100%{transform:scale(1.25);opacity:0}}@keyframes water-drift{50%{transform:translateX(18px) scaleY(.66)}}@keyframes hat-bounce{25%{transform:translateY(-16px) rotate(-5deg)}55%{transform:translateY(3px) rotate(3deg)}80%{transform:translateY(-3px) rotate(-1deg)}}@keyframes ear-wiggle{0%,85%,100%{transform:rotate(0)}88%,94%{transform:rotate(8deg)}91%,97%{transform:rotate(-5deg)}}@keyframes happy{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes chew{50%{transform:scaleY(.7)}0%,100%{transform:scaleY(.1)}}@keyframes touch-ripple{to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes bubble-rise{to{transform:translate(12px,-80px);opacity:0}}@keyframes crumb{to{transform:translate(var(--dx),var(--dy)) rotate(130deg);opacity:0}}@keyframes float{50%{transform:translate(25px,-35px);opacity:.2}}@keyframes panel-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.hippo{width:500px;height:500px;bottom:140px}.scene-title{top:140px}.feed-kit{left:8%;bottom:110px}}@media(max-width:1150px){.topbar{padding-inline:3%;gap:15px}.topbar nav{gap:17px;font-size:10px}.wordmark{font-size:25px}.top-actions{gap:12px}.sound-button #sound-label{display:none}.buy-button{font-size:9px;padding:13px 15px}.world{height:900px}.hippo{width:390px;height:390px;bottom:160px}.scene-title{top:145px}.scene-title h1{font-size:120px}.weather-note{top:310px}.trail-sign{left:5%;top:44%}.play-sign{left:7%;top:57%}.club-sign{right:4%;top:40%}.feed-kit{width:235px;bottom:70px;left:3%;padding:16px}.feed-kit-main{gap:8px}.melon{width:52px}.feed-kit-main strong{font-size:10px}.speech{right:-75px;max-width:170px;font-size:14px;padding:12px 15px}.field-note{right:9%;bottom:230px;font-size:17px}.dock-marker{right:3%;bottom:125px;font-size:8px}.scene-bottom{letter-spacing:1px;font-size:6px}}
@media(max-width:850px){.topbar{height:108px;flex-wrap:wrap;align-content:center;gap:14px;background:#fff7e5d9;padding:14px 5%}.wordmark{font-size:25px}.wordmark img{width:31px;height:31px}.topbar nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:10px}.topbar nav a{padding:4px 0 8px}.top-actions{margin-left:auto}.button.buy-button{padding:10px 12px;font-size:9px}.sound-button{padding:3px}.world{height:1020px;max-height:none}.landscape{background-position:52% 50%;background-size:auto 100%}.scene-title{top:145px}.scene-title h1{font-size:105px;letter-spacing:-6px}.scene-title h1 b{font-size:28px;margin-top:9px}.scene-tagline{font-size:19px}.scene-tagline em{font-size:21px}.weather-note{left:7%;top:325px;font-size:9px}.weather-note>span{font-size:25px}.weather-note small{font-size:7px}.hippo{width:370px;height:370px;bottom:295px}.speech{right:-22px;top:6%;max-width:160px;font-size:13px;background:#fff8eae0}.field-note{right:6%;bottom:490px;font-size:15px}.field-note>span{font-size:42px}.world-sign{min-width:115px;padding:11px 13px}.world-sign>span{font-size:11px}.world-sign small{font-size:7px}.trail-sign{left:5%;top:40%}.club-sign{right:5%;top:34%}.play-sign{left:5%;top:auto;bottom:265px}.dock-marker{right:5%;bottom:265px;font-size:7px;padding:12px}.feed-kit{bottom:75px;left:50%;transform:translateX(-50%) rotate(-1deg);width:340px;padding:15px 20px 10px}.feed-kit-main{margin:7px 0}.feed-kit-main strong{font-size:12px}.feed-kit-main p{font-size:9px}.feed-kit-main .melon{width:50px}.feed-kit-top .eyebrow{font-size:8px}.feed-kit-main p br{display:none}.feed-button{padding:10px}.scene-bottom{padding:20px 5%;font-size:6px}.scene-bottom>span:last-child{display:none}.character-label{bottom:8%}.js body:not([data-place=pond]) .world{height:315px;min-height:315px}.js body:not([data-place=pond]) .scene-title{top:142px}.js body:not([data-place=pond]) .scene-title h1{font-size:75px}.place-panel{padding:30px 6% 45px}.dock-layout{grid-template-columns:1fr;gap:30px}.dock-board{transform:none}.section-heading{gap:25px}.section-heading h2{font-size:42px}.trail-map{gap:23px}.trail-map h3{font-size:22px}.trail-map p{font-size:11px}.trail-map ul{font-size:10px}.club-layout{gap:8%}.club-portrait span{font-size:16px}.club-layout h2{font-size:39px}footer{flex-wrap:wrap;gap:15px;font-size:8px}footer>div{gap:15px}}
@media(max-width:480px){.wordmark{font-size:23px}.topbar{padding-inline:5%}.topbar nav{font-size:9px}.top-actions{gap:8px}.button.buy-button{font-size:8px;padding:10px}.wordmark img{width:28px;height:28px;margin-right:5px}.world{height:970px}.scene-title{top:148px}.scene-title .eyebrow{font-size:6px;letter-spacing:1.5px}.scene-title h1{font-size:clamp(73px,21vw,100px);letter-spacing:-4px}.scene-title h1 b{font-size:21px;margin-top:9px;margin-left:3px}.scene-tagline{font-size:17px;margin-top:12px}.scene-tagline em{font-size:19px}.tiny-caption{font-size:8px}.weather-note{top:307px;left:7%;font-size:8px}.weather-note small{font-size:6px}.weather-note>span{font-size:22px}.hippo{width:310px;height:310px;bottom:300px}.speech{top:8%;right:-8px;max-width:130px;font-size:11px;padding:10px 12px}.trail-sign{top:40%;left:5%;min-width:105px}.club-sign{top:33%;right:5%;min-width:105px}.world-sign>span{font-size:10px}.world-sign small{font-size:6px}.field-note{right:7%;bottom:390px;font-size:13px;text-align:right}.field-note>span{font-size:35px;margin:0 35px 0 0;transform:rotate(15deg)}.play-sign{bottom:260px;left:6%}.dock-marker{bottom:260px;right:6%;font-size:6px;letter-spacing:.7px}.feed-kit{width:86%;max-width:340px;bottom:62px}.feed-kit-top .eyebrow{font-size:7px}.feed-kit-main strong{font-size:11px}.feed-kit-main p{font-size:8px}.scene-bottom{padding-bottom:18px;font-size:5.5px;letter-spacing:.8px}.section-heading{display:block}.section-heading h2{font-size:41px}.section-heading>p{font-size:11px}.panel-heading .eyebrow{font-size:8px}.back-link{font-size:9px}.dock-board{padding:22px}.dock-layout h2{font-size:38px}.dock-layout .lead{font-size:15px}.lore-tags{gap:8px;font-size:7px}.trail-map{grid-template-columns:1fr;gap:30px;padding-left:20px}.trail-line{display:none}.trail-map:before{content:'';position:absolute;top:25px;bottom:30px;left:10px;border-left:2px dashed #c4c5ab}.trail-map article{padding-left:15px}.milestone{width:64px;height:64px;margin:0 0 22px;font-size:13px}.milestone span{font-size:23px}.trail-map h3{font-size:26px}.trail-map p{font-size:12px}.trail-map ul{font-size:12px}.club-layout{grid-template-columns:1fr;gap:35px}.club-portrait{width:220px;margin:10px auto}.club-layout h2{font-size:43px}.community-links{gap:10px}.community-links .button{font-size:10px;padding:13px}.club-layout .eyebrow{font-size:7px}footer>span{display:none}footer>div{width:100%;justify-content:space-between}.js body:not([data-place=pond]) .scene-title h1{font-size:70px}.toast{font-size:11px;padding:13px 17px;bottom:18px}}
.tab-hidden *{animation-play-state:paused!important}
.landscape{background-repeat:no-repeat}
.js body:not([data-place=pond]) .landscape{background-size:cover}
.js body:not([data-place=pond]) .sky-wash{background:linear-gradient(#fff7e5d9,#fff7e599 70%,#fff7e530)}
body[data-place=dock] .landscape{background-position:90% 70%}
body[data-place=trail] .landscape{background-position:10% 45%}
body[data-place=club] .landscape{background-position:100% 10%}
.weather-note{background:#fff4dc80;padding:9px 12px;border-radius:8px;backdrop-filter:blur(4px)}
.sound-button{min-width:32px;min-height:40px}
.hippo-body.failed{mask-image:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.fireflies,.water-light{display:none}.eye b{display:none}}