@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito+Sans:wght@400;600;700;800;900&display=swap');
:root{--navy:#081e51;--deep:#0b1740;--aqua:#65f2e6;--yellow:#ffd258;--white:#f5fcff;--body:#c4d7ee;--display:'Baloo 2','Arial Rounded MT Bold',sans-serif;--sans:'Nunito Sans',Avenir,sans-serif;color-scheme:dark;font-family:var(--sans);color:var(--white);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#153f66}body{min-height:100svh;isolation:isolate;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p{margin:0;line-height:1.65}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.05;margin:0;letter-spacing:-.7px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.world-backdrop{position:fixed;inset:0;z-index:-3;overflow:hidden}.world-image{position:absolute;inset:-2%;background:#42bcd4 url('assets/portal-world.webp') center 55%/cover no-repeat;transform:scale(1.015);transition:filter 1.1s,transform 8s cubic-bezier(.2,.5,.2,1)}.world-light{position:absolute;inset:0;background:linear-gradient(180deg,#07163816 0%,transparent 35%,#06153a36 100%)}.world-shade{position:absolute;inset:0;background:#03153765;opacity:1;transition:opacity 1s,background 1s}.is-intro .world-shade{opacity:0}.is-intro .world-image{transform:scale(1.055)}.is-gateway .world-image{filter:blur(5px);transform:scale(1.035)}.is-gateway .world-shade{background:#03153748}.fireflies{position:absolute;inset:0;pointer-events:none}.fireflies i{width:5px;height:5px;background:#fff8ba;box-shadow:0 0 16px #ffef99;border-radius:50%;position:absolute;animation:mote 7s ease-in-out infinite;opacity:.7}.fireflies i:nth-child(1){left:8%;top:55%}.fireflies i:nth-child(2){right:9%;top:32%;animation-delay:-2s;width:3px;height:3px}.fireflies i:nth-child(3){left:23%;top:72%;animation-delay:-5s}.fireflies i:nth-child(4){right:23%;top:82%;animation-delay:-1s;width:3px;height:3px}.fireflies i:nth-child(5){left:65%;top:15%;animation-delay:-3s}.topbar{position:absolute;z-index:30;top:0;left:0;right:0;padding:23px 35px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.topbar>*{pointer-events:auto}.small-logo{font-family:var(--display);font-size:40px;font-weight:800;letter-spacing:-2px;line-height:1;color:#ffefbb;filter:drop-shadow(0 3px 0 #023249);-webkit-text-stroke:1px #123b59;position:relative}.small-logo>span{position:absolute;right:-11px;top:-9px;font-size:19px;color:var(--yellow);-webkit-text-stroke:0}.top-controls{display:flex;align-items:center;gap:9px}.control{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;background:#082550d6;border:1px solid #7fd6f34d;border-radius:10px;min-height:42px;box-shadow:0 3px 0 #03143477;backdrop-filter:blur(8px);transition:background .2s,transform .2s}.control:hover{background:#12467c;transform:translateY(-2px)}.control svg{width:18px;height:18px;stroke-width:2}.replay-control{font-size:10px;font-weight:900;letter-spacing:.1px}.language-control{font-size:11px;font-weight:900;min-width:43px;padding:10px}.icon-control{width:44px;padding:10px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 35px 17px;font-size:9px;color:#f4fbff;letter-spacing:.3px;background:linear-gradient(transparent,#052449ad);text-shadow:0 1px 3px #002b57}.bottom-bar>div{display:flex;align-items:center;gap:12px}.bottom-bar button{padding:5px 0;background:none;font-size:10px;font-weight:800}.bottom-bar button:hover{color:var(--yellow)}.footer-dot{opacity:.55}.location{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:900;letter-spacing:1.3px}.location-dot,.online-dot{display:inline-block;width:5px;height:5px;background:var(--aqua);border-radius:50%;box-shadow:0 0 8px #55f9eb}.is-intro .bottom-bar{opacity:0;pointer-events:none}.screen{min-height:100svh;padding:100px 30px 85px;display:grid;place-items:center;animation:screen-enter .6s cubic-bezier(.2,.8,.2,1) both}.intro-stage{position:fixed;inset:0;overflow:hidden;z-index:10}.intro-title{position:absolute;top:17%;left:20px;right:20px;text-align:center;animation:intro-title 1.1s .3s both;filter:drop-shadow(0 6px 5px #004a6740)}.intro-title>span{font-size:11px;font-weight:900;letter-spacing:4px;text-shadow:0 2px 4px #19526b}.intro-wordmark{font-family:var(--display);font-weight:800;font-size:clamp(100px,12vw,190px);letter-spacing:-8px;line-height:1.05;color:#fff1c8;-webkit-text-stroke:3px #086177;paint-order:stroke fill;text-shadow:0 7px 0 #063e58,0 10px 0 #04334b,0 15px 28px #00335044}.intro-title p{font-family:var(--display);font-weight:700;font-size:clamp(18px,2vw,28px);color:#fff3be;text-shadow:0 2px 0 #083b5f}.intro-caption{position:absolute;bottom:32px;left:20px;right:20px;display:flex;justify-content:center;align-items:center;gap:11px;color:white;text-shadow:0 2px 4px #123e53;font-size:11px;font-weight:900;letter-spacing:.4px}.loading-ring{display:block;width:13px;height:13px;border:2px solid #ffffff50;border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite}.intro-running .loading-ring{animation:none;background:var(--yellow);width:6px;height:6px;border:0;box-shadow:0 0 15px #ffe56d}.skip-button{position:absolute;right:35px;bottom:24px;display:flex;align-items:center;gap:6px;background:#082a59b3;border:1px solid #a7e3ec55;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:900;backdrop-filter:blur(8px)}.skip-button svg{width:15px;height:15px}.dino-rig{position:absolute;left:0;bottom:1%;width:var(--dino-width,1000px);height:var(--dino-height,1333px);will-change:transform;opacity:0;pointer-events:none}.dino-sprite{position:absolute;inset:0;background-image:url('assets/dino-walk.webp');background-repeat:no-repeat;background-size:400% 200%;will-change:background-position;filter:drop-shadow(2px 8px 4px #003c4e22)}.dino-shadow{position:absolute;bottom:18%;left:7%;width:85%;height:6%;background:radial-gradient(ellipse,#3a3d3466 0%,#3a3d341c 45%,transparent 72%);filter:blur(7px)}.dust-puffs{position:absolute;left:50%;bottom:18%;width:30%;height:5%}.dust-puffs i{position:absolute;width:18px;height:9px;border-radius:50%;background:#ffedc787;filter:blur(4px);animation:dust .7s infinite}.dust-puffs i:nth-child(2){animation-delay:-.3s;left:35%}.dust-puffs i:nth-child(3){animation-delay:-.5s;left:70%}.gateway-shell{width:min(960px,100%);position:relative;padding-top:95px}.gateway-brand{position:absolute;top:-3px;left:50%;transform:translateX(-50%);z-index:3;text-align:center;white-space:nowrap;filter:drop-shadow(0 5px 3px #02173580)}.main-logo{font-family:var(--display);font-size:112px;font-weight:800;letter-spacing:-6px;line-height:.95;color:#fff0c1;-webkit-text-stroke:4px #086378;paint-order:stroke fill;text-shadow:0 6px 0 #024258,0 9px 0 #022a45;transform:rotate(-3deg)}.brand-ribbon{position:relative;display:block;width:max-content;margin:7px auto 0;background:var(--yellow);color:#073f5a;padding:5px 16px 4px;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);font-size:9px;font-weight:1000;letter-spacing:1.6px;transform:rotate(-3deg)}.brand-star{position:absolute;top:22px;color:var(--yellow);font-size:34px;text-shadow:0 3px 0 #086378}.left-star{left:-43px;transform:rotate(-20deg)}.right-star{right:-42px;top:45px;font-size:24px;transform:rotate(15deg)}.gateway-frame{position:relative;padding:4px;background:linear-gradient(135deg,#98f9f4,#25b9ee 25%,#2372dc 65%,#64d9eb);clip-path:polygon(35px 0,calc(100% - 35px) 0,100% 35px,100% calc(100% - 35px),calc(100% - 35px) 100%,35px 100%,0 calc(100% - 35px),0 35px);filter:drop-shadow(0 20px 35px #001634aa)}.gateway-inner{background:radial-gradient(ellipse at 50% 0%,#153c75 0%,#0d2255 45%,#0c1844 100%);padding:51px 45px 22px;clip-path:polygon(33px 0,calc(100% - 33px) 0,100% 33px,100% calc(100% - 33px),calc(100% - 33px) 100%,33px 100%,0 calc(100% - 33px),0 33px);position:relative;text-align:center}.gateway-inner:before{content:'';position:absolute;inset:10px;border:1px solid #65d7ec1c;clip-path:polygon(30px 0,calc(100% - 30px) 0,100% 30px,100% calc(100% - 30px),calc(100% - 30px) 100%,30px 100%,0 calc(100% - 30px),0 30px);pointer-events:none}.panel-eyebrow{font-size:9px;font-weight:900;letter-spacing:2px;color:var(--aqua);line-height:1.6}.gateway-inner>.panel-eyebrow{font-size:8px;letter-spacing:2.2px;color:#9dbbda;margin-bottom:7px}.gateway-inner>h1{font-size:36px;line-height:1.1;color:#fff9e7;margin-bottom:24px}.gateway-paths{display:grid;grid-template-columns:1fr 30px 1fr;gap:20px}.gateway-path h2{font-size:27px;color:var(--aqua);margin-bottom:16px}.gateway-path p{font-size:13px;line-height:1.7;color:#d6e4f6;max-width:275px;min-height:66px;margin:16px auto 23px}.game-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 27px 13px;border:0;border-radius:4px;min-height:48px;font-size:15px;font-weight:1000;font-family:var(--sans);color:#07314f;position:relative;box-shadow:0 5px 0 #bf8b20;transition:transform .2s,filter .2s,box-shadow .2s;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}.game-button:hover{transform:translateY(-3px);filter:brightness(1.1)}.game-button:active{transform:translateY(2px)}.game-button svg{width:19px;height:19px;stroke-width:2.5}.yellow-button{background:linear-gradient(#ffe27c,#ffcb45);border-bottom:4px solid #c79229}.aqua-button{background:linear-gradient(#8cfff0,#41dcca);border-bottom:4px solid #1b9fae}.game-button svg use[href='#i-play']{fill:currentColor;stroke:none}.discovery-emblem,.play-emblem{width:240px;height:185px;position:relative;margin:auto}.emblem-orbit{position:absolute;inset:11px 25px;border:1px dashed #62e8dd66;border-radius:50%;transform:rotate(-25deg);background:radial-gradient(ellipse,#2b8fb833,transparent 70%)}.discovery-emblem>.avatar{position:absolute;filter:drop-shadow(0 8px 4px #000b2f66);width:94px;transition:transform .3s}.discovery-emblem>.avatar:nth-of-type(1){left:7px;top:22px;transform:rotate(-14deg)}.discovery-emblem>.avatar:nth-of-type(2){right:3px;top:0;transform:rotate(12deg);width:100px}.discovery-emblem>.avatar:nth-of-type(3){left:84px;bottom:-5px;width:90px}.discovery-emblem>svg{position:absolute;left:99px;top:28px;width:42px;height:42px;color:var(--yellow);transform:rotate(18deg)}.emblem-star{color:var(--yellow);position:absolute;left:21px;bottom:12px;font-size:28px}.gateway-path:hover .discovery-emblem>.avatar:nth-of-type(1){transform:rotate(-5deg) translateY(-4px)}.gateway-path:hover .discovery-emblem>.avatar:nth-of-type(2){transform:rotate(7deg) translateY(-4px)}.play-emblem{height:185px;width:235px;transform:rotate(3deg)}.play-emblem>img{width:100%;height:100%;object-fit:cover;object-position:50% 29%;border-radius:43% 45% 34% 40%;border:3px solid #52d9e466;box-shadow:0 6px 0 #041b3d;transition:transform .3s}.gateway-path:hover .play-emblem>img{transform:rotate(-3deg) scale(1.025)}.play-emblem-paw{position:absolute;bottom:-9px;right:-4px;display:flex;justify-content:center;align-items:center;width:51px;height:51px;background:var(--yellow);border:3px solid #123464;border-radius:50%;color:#0c4961;transform:rotate(-3deg)}.play-emblem-paw svg{fill:currentColor;stroke:none;width:23px;height:23px}.gateway-divider{display:flex;flex-direction:column;gap:12px;align-items:center;padding-block:10px}.gateway-divider>i{display:block;width:1px;flex:1;background:linear-gradient(transparent,#54c8dc,#54c8dc)}.gateway-divider>i:last-child{transform:rotate(180deg)}.gateway-divider svg{fill:#4a94b0;stroke:none;width:17px;height:17px}.gateway-bottom{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:28px;padding-top:15px;border-top:1px solid #60acd322;color:#8fafd0;font-size:9px;letter-spacing:.2px}.gateway-bottom .online-dot{height:4px;width:4px}.adventure-shell,.pups-shell,.play-shell{width:min(1160px,100%);background:linear-gradient(135deg,#123865ed,#081a46f5);border:2px solid #3a9bc5;border-radius:24px;box-shadow:0 20px 70px #00153377,0 0 0 6px #0a255c44;padding:25px 30px 23px;position:relative;overflow:hidden}.screen-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid #76b8da26}.back-button{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;color:#d5ebfb}.back-button svg{width:18px;height:18px;color:var(--aqua)}.back-button:hover{color:var(--yellow)}.screen-kicker{font-size:8px;font-weight:900;letter-spacing:2px;color:#8bbada}.inline-link{display:flex;align-items:center;gap:9px;background:none;font-size:10px;font-weight:900;padding:0;color:var(--aqua)}.inline-link svg{width:17px;height:17px}.inline-link:hover{color:var(--yellow)}.explore-heading{text-align:center;margin:26px 0}.explore-heading h1{font-size:48px;margin-top:7px}.feature-stage{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center}.feature-image{height:330px;border-radius:14px;overflow:hidden;position:relative;border:2px solid #3b7fae;background:#163e67}.feature-image>img{width:100%;height:100%;object-fit:cover}.feature-image>span{position:absolute;bottom:12px;left:12px;background:#08224acb;border:1px solid #59a3c555;border-radius:5px;padding:5px 9px;font-size:8px;font-weight:800;backdrop-filter:blur(5px)}.image-expand{position:absolute;right:12px;bottom:12px;background:#062355cc;border:1px solid #59a3c577;border-radius:8px;width:34px;height:34px;font-size:23px;line-height:1}.feature-tabs{display:flex;gap:7px;margin-bottom:27px}.feature-tabs>button{background:#123d6b;border:1px solid #3f6e97;border-radius:7px;padding:7px 15px;font-size:11px;font-weight:900;color:#a5c7e7}.feature-tabs>button[aria-pressed=true]{background:var(--aqua);border-color:var(--aqua);color:#064354}.feature-number{font-size:8px;letter-spacing:1.8px;font-weight:900;color:var(--yellow)}.feature-description h2{font-size:37px;margin:10px 0 15px;max-width:350px}.feature-description>p{font-size:13px;color:var(--body);margin-bottom:25px;min-height:65px;max-width:370px}.feature-description .game-button{font-size:12px;min-height:44px;padding:12px 20px 10px}.explore-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-top:18px;border-top:1px solid #76b8da26}.explore-bottom>span{font-size:9px;color:#94bada;display:flex;align-items:center;gap:10px}.explore-bottom>span>svg{fill:#78accc;stroke:none;width:15px;height:15px}.pups-shell{max-width:1050px}.pups-shell .screen-top h1{font-size:26px}.pup-stage{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:35px;--pup-color:#65f2e6}.pup-picture{height:340px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.pup-halo{position:absolute;width:285px;height:285px;border-radius:50%;border:1px dashed #5da4c677;background:radial-gradient(#63d7e933,transparent 68%);box-shadow:0 0 60px #36a7cf0d}.pup-picture>img{width:300px;height:300px;object-fit:cover;border-radius:50%;border:6px solid #5083a333;box-shadow:0 15px 35px #000e2d55}.pup-star{position:absolute;color:var(--yellow);font-family:var(--display);z-index:1}.star-a{top:14%;left:8%;font-size:47px;transform:rotate(-15deg)}.star-b{right:7%;bottom:14%;font-size:57px;transform:rotate(10deg)}.pup-stamp{position:absolute;right:12%;bottom:15%;width:47px;height:47px;background:var(--pup-color);border:3px solid #154271;border-radius:50%;display:grid;place-items:center;transform:rotate(12deg);color:#072e53}.pup-stamp svg{fill:currentColor;stroke:none;width:24px;height:24px}.pup-profile{padding-right:15px}.pup-profile>.panel-eyebrow{font-size:8px;color:var(--pup-color)}.pup-profile h2{font-size:43px;line-height:1.08;margin:12px 0 15px}.pup-profile>p{font-size:13px;color:var(--body);min-height:65px}.pup-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:23px 0}.pup-facts dt{font-size:7px;font-weight:900;letter-spacing:1.7px;color:#7a9fc2;margin-bottom:7px}.pup-facts dd{margin:0;font-size:12px;font-weight:900;color:#d8ecfc}.pup-profile .game-button{font-size:12px;padding:11px 20px 9px;min-height:42px}.pup-picker{display:flex;justify-content:center;gap:28px;padding-top:12px;border-top:1px solid #76b8da26}.pup-picker>button{background:none;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;font-weight:900;color:#94b8d8;padding:9px 5px;border-radius:10px;transition:transform .2s,color .2s}.pup-picker .avatar{width:67px;height:67px;border-radius:50%;transition:filter .2s,transform .2s;filter:grayscale(.2) brightness(.8)}.pup-picker button[aria-pressed=true]{color:var(--yellow)}.pup-picker button[aria-pressed=true] .avatar{filter:none;transform:translateY(-4px);outline:2px solid var(--yellow);outline-offset:3px}.pup-picker button:hover .avatar{filter:none;transform:translateY(-4px)}.play-shell{max-width:1070px}.play-heading{display:flex;align-items:center;gap:16px;margin:23px 0}.play-heading>img{height:65px;width:65px}.play-heading h1{font-size:36px}.play-heading p{font-size:12px;color:#a8c8e2;margin-top:7px}.game-counter{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--yellow);font-family:var(--display);font-size:38px;font-weight:800;white-space:nowrap}.game-counter small{font-size:23px;color:#81afcd}.game-counter svg{width:22px;height:22px;fill:var(--yellow);stroke:none;margin-left:5px}.duck-pond{height:350px;position:relative;border-radius:15px;overflow:hidden;border:2px solid #6acada;background:linear-gradient(180deg,#00a1b8,#32d3d3 52%,#15a9c8);isolation:isolate}.duck-pond:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 10%,#b3ffff77,transparent 35%),repeating-linear-gradient(175deg,transparent 0 45px,#e5ffff18 46px 48px,transparent 49px 70px)}.pond-sun{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 50% 0%,#d8fff856,transparent 70%)}.pond-island{position:absolute;width:260px;height:170px;background:#8fd575;border:14px solid #d7b889;border-top:20px solid #a7df69;border-radius:50%;transform:rotate(20deg);box-shadow:0 13px 0 #007f9b33}.island-one{left:-150px;bottom:-100px}.island-two{right:-100px;top:-110px;transform:rotate(-25deg);width:300px}.pond-ripples{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 45px,#efffff10 46px 48px,transparent 49px 110px);animation:water 10s ease-in-out infinite alternate}.duck{position:absolute;width:100px;height:115px;background:none;padding:0;transform-origin:center bottom;animation:duck-bob 2.5s ease-in-out infinite;cursor:pointer}.duck img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 2px #006c8870);transition:transform .3s,opacity .3s}.duck:hover img{transform:scale(1.12) rotate(-5deg)}.duck-ripple{position:absolute;bottom:5%;left:5%;width:90%;height:17%;border:2px solid #c5ffff8c;border-radius:50%;box-shadow:0 0 0 8px #c5ffff13}.duck-one{left:9%;top:12%;animation-delay:-.3s}.duck-two{left:32%;top:47%;animation-delay:-1.2s}.duck-three{left:46%;top:4%;animation-delay:-.7s}.duck-four{left:65%;top:45%;animation-delay:-2.2s}.duck-five{left:81%;top:4%;animation-delay:-1.5s}.found-star{display:none;position:absolute;top:20%;left:30%;font-size:44px;color:var(--yellow);text-shadow:0 3px 0 #b26d18}.duck.found{pointer-events:none;animation:none}.duck.found img{transform:translateY(-35px) scale(.5);opacity:0}.duck.found .found-star{display:block;animation:found .7s both}.duck.found .duck-ripple{opacity:0}.game-win{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:25px;text-align:center;background:#063b69e6;backdrop-filter:blur(7px);animation:screen-enter .4s both}.win-stars{font-size:40px;letter-spacing:10px;color:var(--yellow);text-shadow:0 4px 0 #bf8b20}.game-win h2{font-size:36px}.game-win p{font-size:13px;color:#b8dff0}.game-win .game-button{font-size:12px;padding:11px 21px;margin-top:5px}.game-note{text-align:center;font-size:9px;color:#88aec9;margin-top:16px}.found-confetti{position:fixed;width:9px;height:15px;z-index:90;pointer-events:none;animation:confetti-fall 2s ease-in forwards}.modal-heading{display:flex;align-items:center;justify-content:space-between}.close-modal{width:35px;height:35px;display:grid;place-items:center;background:#1a4874;border:1px solid #4b93b9;border-radius:50%;color:#dff8ff}.close-modal svg{width:18px;height:18px}dialog{border:2px solid #59b5dd;border-radius:20px;background:linear-gradient(135deg,#123b68,#0b1c4c);color:var(--white);max-width:550px;width:calc(100% - 30px);max-height:85svh;padding:27px;box-shadow:0 20px 80px #001632a6}dialog::backdrop{background:#021737b8;backdrop-filter:blur(8px)}dialog h2{font-size:35px;margin:17px 0 20px}#info-content p{font-size:13px;line-height:1.8;color:#c6dbf0;margin-bottom:16px}#info-content strong{color:var(--aqua)}#info-content h3{font-size:22px;color:var(--aqua);margin:22px 0 10px}.close-info{font-size:13px;margin-top:7px;min-height:43px;padding:10px 24px}#image-dialog{max-width:1100px;padding:20px}#image-dialog>.close-modal{position:absolute;right:28px;top:28px;z-index:1}#image-dialog>img{width:100%;max-height:73svh;object-fit:contain;border-radius:10px}#image-dialog>p{font-size:10px;text-align:center;color:var(--body);margin-top:14px}body:has(dialog[open]){overflow:hidden}
@keyframes screen-enter{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}@keyframes intro-title{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dust{0%{opacity:0;transform:translate(0,0) scale(.5)}25%{opacity:.6}100%{opacity:0;transform:translate(-40px,-18px) scale(2)}}@keyframes mote{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(10px,-30px);opacity:.8}}@keyframes duck-bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes water{to{transform:scale(1.1) translateY(5px)}}@keyframes found{0%{opacity:1;transform:scale(.5)}40%{opacity:1;transform:translateY(-25px) scale(1.15)}100%{opacity:0;transform:translateY(-60px) scale(.6)}}@keyframes confetti-fall{to{transform:translate(var(--drift),95vh) rotate(700deg);opacity:0}}
@media(min-width:1450px){.gateway-shell{width:1000px}.gateway-inner{padding:58px 55px 27px}.gateway-inner>h1{font-size:40px}.gateway-paths{gap:30px}.gateway-path h2{font-size:30px}.discovery-emblem,.play-emblem{height:205px}.play-emblem{width:255px}.discovery-emblem{width:255px}.gateway-path p{font-size:14px;min-height:72px;margin-top:20px}.gateway-inner>h1{margin-bottom:28px}.gateway-bottom{margin-top:32px}}
@media(max-width:1050px){.gateway-shell{max-width:820px}.gateway-inner{padding:50px 30px 20px}.gateway-paths{gap:10px}.gateway-path p{font-size:12px;max-width:255px}.adventure-shell,.pups-shell,.play-shell{padding:22px}.feature-stage{gap:25px}.feature-description h2{font-size:33px}.feature-image{height:300px}.pup-stage{gap:20px}.pup-profile h2{font-size:37px}.pup-picker{gap:24px}.pup-picture>img{width:270px;height:270px}.pup-profile>p{font-size:12px}.pup-profile{padding-right:0}.play-heading h1{font-size:32px}}
@media(max-width:800px){.topbar{padding:20px 23px}.bottom-bar{padding:13px 23px 16px}.location{font-size:7px;letter-spacing:.8px}.bottom-bar>div{gap:8px}.bottom-bar button{font-size:9px}.bottom-bar{font-size:8px}.screen{padding:100px 22px 80px}.gateway-shell{padding-top:85px}.main-logo{font-size:97px;letter-spacing:-5px}.brand-ribbon{font-size:8px;margin-top:7px}.gateway-brand{top:0}.gateway-inner{padding:43px 24px 19px}.gateway-inner>h1{font-size:33px;margin-bottom:25px}.gateway-path h2{font-size:26px}.gateway-paths{grid-template-columns:1fr 20px 1fr;gap:8px}.discovery-emblem,.play-emblem{width:205px;height:170px}.discovery-emblem>.avatar:nth-of-type(1){width:85px;left:0}.discovery-emblem>.avatar:nth-of-type(2){width:90px;right:0}.discovery-emblem>.avatar:nth-of-type(3){width:82px;left:73px;bottom:-3px}.discovery-emblem>svg{left:85px;top:28px;width:34px;height:34px}.gateway-path p{font-size:11px;min-height:70px;max-width:220px}.game-button{font-size:13px;padding:12px 20px 10px;min-height:44px;gap:15px}.gateway-bottom{font-size:8px;margin-top:25px}.feature-stage{grid-template-columns:1fr;gap:23px}.feature-image{height:320px}.feature-description{display:grid;grid-template-columns:1fr auto;gap:12px 20px}.feature-tabs{grid-column:1/-1;margin-bottom:4px}.feature-number{grid-column:1/-1}.feature-description h2{grid-column:1;max-width:100%;margin:0}.feature-description>p{grid-column:1;max-width:100%;margin:0;font-size:12px;min-height:0}.feature-description>.game-button{grid-column:2;grid-row:3/5;align-self:center;font-size:10px;max-width:155px;gap:10px;text-align:center}.explore-heading{margin-block:23px}.explore-heading h1{font-size:42px}.screen-kicker{font-size:7px;letter-spacing:1px}.pups-shell .screen-top h1{font-size:23px;max-width:280px;text-align:center}.pup-stage{grid-template-columns:1fr 1.2fr;gap:10px}.pup-picture{height:310px}.pup-picture>img{width:230px;height:230px}.pup-halo{width:240px;height:240px}.pup-profile h2{font-size:32px}.pup-profile .panel-eyebrow{font-size:7px;letter-spacing:1px}.pup-profile>p{font-size:11px;min-height:75px}.pup-facts{gap:12px}.pup-facts dd{font-size:10px}.pup-facts dt{font-size:6px;letter-spacing:1px}.pup-profile .game-button{font-size:10px;min-height:39px;gap:9px;padding:10px 15px 8px}.pup-picker{gap:18px}.pup-picker .avatar{width:57px;height:57px}.pup-picker>button{font-size:9px}.star-a{font-size:30px;left:3%}.star-b{font-size:40px;right:3%;bottom:20%}.pup-stamp{right:3%;bottom:18%;width:39px;height:39px}.play-heading h1{font-size:28px}.play-heading p{font-size:11px;max-width:350px}.play-heading>img{width:53px;height:53px}.game-counter{font-size:32px}.game-counter small{font-size:19px}.duck-pond{height:360px}.duck{width:85px;height:100px}.duck-five{left:78%}.duck-four{left:65%}}
@media(max-width:600px){.topbar{padding:16px 18px}.small-logo{font-size:33px;-webkit-text-stroke:.8px #123b59}.small-logo>span{font-size:15px;right:-8px;top:-6px}.top-controls{gap:6px}.control{min-height:35px;padding:8px 10px;border-radius:8px}.icon-control{width:36px}.control svg{width:16px;height:16px}.language-control{min-width:35px;font-size:10px;padding:8px}.replay-control>span{display:none}.replay-control{width:36px}.bottom-bar{padding:10px 17px 13px;justify-content:center;gap:10px;background:linear-gradient(transparent,#052449d6)}.bottom-bar .location{display:none}.bottom-bar>div{gap:9px;font-size:8px}.bottom-bar button{font-size:9px}.world-image{background-position:58% center}.is-gateway .world-image{filter:blur(3px)}.screen{padding:83px 15px 67px}.gateway-shell{padding-top:77px;max-width:440px}.gateway-brand{top:-1px}.main-logo{font-size:88px;letter-spacing:-5px;-webkit-text-stroke:3px #086378;text-shadow:0 5px 0 #024258,0 8px 0 #022a45}.brand-ribbon{font-size:7px;letter-spacing:1.3px;padding:4px 12px 3px;margin-top:6px}.brand-star.left-star{font-size:25px;left:-31px;top:20px}.brand-star.right-star{font-size:19px;right:-28px;top:36px}.gateway-frame{padding:3px;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px)}.gateway-inner{padding:37px 20px 17px;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}.gateway-inner>.panel-eyebrow{font-size:6px;letter-spacing:1.2px;margin-bottom:7px}.gateway-inner>h1{font-size:31px;margin-bottom:22px}.gateway-paths{display:flex;flex-direction:column;gap:19px}.gateway-path{display:grid;grid-template-columns:99px 1fr;gap:7px 17px;align-items:center;text-align:left}.gateway-path h2{grid-column:2;grid-row:1;font-size:22px;margin:0}.gateway-path>div{grid-column:1;grid-row:1/4;width:105px;height:120px;margin:0}.gateway-path p{grid-column:2;grid-row:2;margin:0;min-height:0;max-width:none;font-size:10px;line-height:1.6}.gateway-path .game-button{grid-column:2;grid-row:3;justify-self:start;font-size:11px;padding:9px 15px 7px;min-height:36px;gap:11px;margin-top:4px}.gateway-path .game-button svg{height:15px;width:15px}.gateway-divider{display:none}.gateway-path+.gateway-divider+.gateway-path{border-top:1px solid #64cee433;padding-top:20px}.discovery-emblem>.avatar:nth-of-type(1){width:65px;left:-6px;top:20px}.discovery-emblem>.avatar:nth-of-type(2){width:62px;right:-4px;top:-3px}.discovery-emblem>.avatar:nth-of-type(3){width:58px;left:35px;bottom:-8px}.discovery-emblem>svg{display:none}.discovery-emblem .emblem-star{font-size:18px;left:2px;bottom:0}.emblem-orbit{inset:8px 0}.play-emblem>img{border-radius:43% 45% 34% 40%;object-position:47% 32%}.play-emblem-paw{width:33px;height:33px;right:-7px;bottom:-5px;border-width:2px}.play-emblem-paw svg{width:15px;height:15px}.gateway-bottom{font-size:7px;gap:6px;margin-top:20px;padding-top:13px}.intro-title{top:22%}.intro-title>span{font-size:8px;letter-spacing:2px}.intro-wordmark{font-size:110px;letter-spacing:-6px;-webkit-text-stroke:2px #086177;text-shadow:0 5px 0 #063e58,0 8px 0 #04334b}.intro-title p{font-size:17px;margin-top:8px}.intro-caption{bottom:85px;font-size:9px;left:10px;right:10px;gap:8px}.skip-button{bottom:27px;right:50%;transform:translateX(50%);font-size:10px;padding:9px 12px;white-space:nowrap}.adventure-shell,.pups-shell,.play-shell{border-radius:17px;padding:19px 17px 18px;border-width:1px;box-shadow:0 15px 45px #00153377,0 0 0 4px #0a255c44}.screen-top{gap:12px;padding-bottom:17px}.screen-top .screen-kicker{font-size:6px;letter-spacing:1px;max-width:100px;text-align:center}.back-button{font-size:10px;gap:6px}.back-button svg{height:16px;width:16px}.inline-link{font-size:9px;gap:6px}.inline-link svg{height:15px;width:15px}.explore-heading{margin:22px 0}.explore-heading .panel-eyebrow{font-size:7px;letter-spacing:1.1px}.explore-heading h1{font-size:37px;margin-top:8px}.feature-image{height:235px;border-radius:11px}.feature-image>span{font-size:7px;bottom:10px;left:10px}.image-expand{right:10px;bottom:10px;width:29px;height:29px;font-size:21px}.feature-stage{gap:20px}.feature-description{display:block}.feature-tabs{gap:7px;margin-bottom:20px}.feature-tabs>button{font-size:10px;padding:7px 14px}.feature-number{font-size:7px;letter-spacing:1.4px}.feature-description h2{font-size:31px;margin:10px 0 13px}.feature-description>p{font-size:12px;line-height:1.8;margin-bottom:19px}.feature-description>.game-button{max-width:none;min-height:42px;font-size:11px;gap:15px;padding:12px 18px 10px}.explore-bottom{margin-top:23px;padding-top:17px;gap:15px}.explore-bottom>span{font-size:8px;max-width:200px;gap:8px}.explore-bottom .inline-link{font-size:8px;white-space:nowrap}.pups-shell .screen-top{align-items:center}.pups-shell .screen-top h1{font-size:18px;max-width:155px}.pups-shell .screen-top .inline-link>span{display:none}.pups-shell .screen-top .inline-link{border:1px solid #3980a6;border-radius:50%;width:29px;height:29px;justify-content:center}.pup-stage{grid-template-columns:1fr;gap:0}.pup-picture{height:235px}.pup-picture>img{width:213px;height:213px}.pup-halo{width:222px;height:222px}.star-a{left:10%;top:13%;font-size:36px}.star-b{right:10%;bottom:12%;font-size:43px}.pup-stamp{right:16%;bottom:8%;width:39px;height:39px}.pup-profile{padding:10px 5px 25px;text-align:center}.pup-profile h2{font-size:35px;margin:10px 0 12px}.pup-profile>.panel-eyebrow{font-size:7px;letter-spacing:1.25px}.pup-profile>p{font-size:12px;line-height:1.75;min-height:0}.pup-facts{gap:16px;margin:21px 0}.pup-facts dt{font-size:6px;letter-spacing:1px}.pup-facts dd{font-size:10px}.pup-profile .game-button{font-size:10px;padding:11px 16px 9px;min-height:39px}.pup-picker{gap:0;justify-content:space-between;padding-top:12px}.pup-picker .avatar{width:clamp(34px,10.5vw,47px);height:clamp(34px,10.5vw,47px)}.pup-picker>button{font-size:8px;padding:7px 3px;gap:7px}.pup-picker button[aria-pressed=true] .avatar{outline-offset:2px}.play-shell .screen-top{gap:10px}.play-shell .screen-kicker{display:none}.play-heading{gap:10px;margin:20px 0}.play-heading>img{width:43px;height:43px}.play-heading h1{font-size:23px;letter-spacing:-.4px;max-width:190px}.play-heading p{font-size:9px;line-height:1.7;max-width:200px}.game-counter{font-size:29px;gap:2px}.game-counter small{font-size:17px}.game-counter svg{display:none}.duck-pond{height:370px}.duck{width:77px;height:90px}.duck-one{left:3%;top:8%}.duck-two{left:8%;top:60%}.duck-three{left:38%;top:30%}.duck-four{left:65%;top:64%}.duck-five{left:67%;top:4%}.game-note{font-size:8px;line-height:1.7;margin-top:13px}.game-win{gap:12px;padding:20px}.win-stars{font-size:32px;letter-spacing:6px}.game-win h2{font-size:30px}.game-win p{font-size:11px}.game-win .game-button{font-size:11px;min-height:40px}.game-win .game-button svg{height:16px;width:16px}dialog{padding:23px;max-height:85svh;border-radius:16px}dialog h2{font-size:31px}#info-content p{font-size:12px}#image-dialog{padding:12px}#image-dialog>.close-modal{right:18px;top:18px}#image-dialog>p{font-size:9px}}
@media(max-width:350px){.screen{padding-inline:10px}.gateway-inner{padding-inline:16px}.gateway-path{grid-template-columns:83px 1fr;gap:7px 13px}.gateway-path>div{width:90px;height:112px}.gateway-path p{font-size:9px}.gateway-inner>h1{font-size:28px}.gateway-path h2{font-size:21px}.discovery-emblem>.avatar:nth-of-type(1){width:55px;left:-4px}.discovery-emblem>.avatar:nth-of-type(2){width:55px}.discovery-emblem>.avatar:nth-of-type(3){width:53px;left:30px;bottom:-3px}.gateway-bottom{font-size:6px}.small-logo{font-size:30px}.topbar{padding:17px 15px}.top-controls{gap:5px}.bottom-bar>div{gap:6px}.bottom-bar button{font-size:8px}.bottom-bar{font-size:7px}.pup-picker .avatar{width:35px;height:35px}.pups-shell .screen-top h1{font-size:17px}.duck-pond{height:350px}.duck{width:68px;height:82px}.play-heading>img{width:35px;height:35px}.play-heading h1{font-size:21px}.game-counter{font-size:26px}.game-counter small{font-size:15px}.play-heading{gap:8px}}
@media(max-height:750px) and (min-width:801px){.screen{padding-top:77px;padding-bottom:60px}.gateway-shell{padding-top:68px;max-width:840px}.gateway-brand{top:-4px}.main-logo{font-size:86px}.brand-ribbon{font-size:7px;margin-top:3px}.brand-star.left-star{font-size:25px;left:-29px;top:15px}.brand-star.right-star{font-size:19px;right:-27px;top:28px}.gateway-inner{padding:38px 35px 16px}.gateway-inner>h1{font-size:30px;margin-bottom:14px}.gateway-inner>.panel-eyebrow{font-size:7px}.gateway-path h2{font-size:24px;margin-bottom:8px}.discovery-emblem,.play-emblem{height:135px;width:180px}.discovery-emblem>.avatar:nth-of-type(1){width:77px;left:0;top:10px}.discovery-emblem>.avatar:nth-of-type(2){width:78px;right:0}.discovery-emblem>.avatar:nth-of-type(3){width:69px;left:63px;bottom:-3px}.discovery-emblem>svg{left:77px;top:22px;width:28px;height:28px}.emblem-star{font-size:22px;left:7px;bottom:3px}.gateway-path p{font-size:11px;min-height:51px;margin:12px auto 16px;max-width:255px}.gateway-path .game-button{min-height:39px;font-size:12px;padding:10px 22px 8px}.gateway-bottom{margin-top:19px;padding-top:12px;font-size:8px}.explore-heading{margin-block:19px}.explore-heading h1{font-size:37px}.feature-image{height:260px}.feature-description h2{font-size:32px}.feature-description>p{font-size:12px}.feature-tabs{margin-bottom:20px}.explore-bottom{margin-top:20px;padding-top:15px}.pup-picture{height:280px}.pup-picture>img{height:245px;width:245px}.pup-halo{height:250px;width:250px}.pup-profile h2{font-size:36px}.pup-picker .avatar{height:52px;width:52px}.pup-picker>button{font-size:9px;padding-block:7px}.play-heading{margin-block:18px}.duck-pond{height:290px}.play-heading h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.world-image{transform:none!important}}

.avatar{display:block;border:3px solid #d9f5ffbb;border-radius:50%;overflow:hidden;background:#c6d9e1;aspect-ratio:1}.avatar>img{display:block;width:100%;height:155%;max-width:none;object-fit:cover;object-position:top}.pup-picker .avatar>img{width:100%;height:155%;border:0;filter:none;transform:none}.discovery-emblem>.avatar{aspect-ratio:1;height:auto}

.duck-pond{contain:layout paint;transform:translateZ(0)}

/* Cloud Bay welcome convoy */
.convoy-vehicle{position:absolute;left:0;width:340px;height:auto;aspect-ratio:1;opacity:0;will-change:transform;pointer-events:none}.convoy-vehicle>img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 2px #123d4c30)}.scout-vehicle{z-index:3}.ember-vehicle{z-index:3}.kite-vehicle{z-index:4}.dino-rig{z-index:2}.intro-running .scout-vehicle>img{animation:vehicle-bob .45s ease-in-out infinite}.intro-running .ember-vehicle>img{animation:vehicle-bob .55s -.2s ease-in-out infinite}.vehicle-shadow{position:absolute;z-index:0;left:9%;bottom:15%;width:83%;height:9%;background:radial-gradient(ellipse,#4d4e3f66,transparent 70%);filter:blur(4px)}.intro-title{z-index:1}.intro-caption,.skip-button{z-index:8}@keyframes vehicle-bob{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-3px) rotate(.4deg)}}@media(prefers-reduced-motion:reduce){.intro-running .convoy-vehicle>img{animation:none}}

.scout-vehicle .vehicle-shadow{bottom:5.5%;height:5%}.ember-vehicle .vehicle-shadow{bottom:10%;height:5%}

#convoy-canvas{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}.convoy-vehicle{display:none}

/* Kite pulls the wordmark by its hitch, then leaves it centered in Cloud Bay. */
.intro-title{z-index:4;animation:none}
.intro-wordmark{position:relative;width:max-content;margin-inline:auto;transform:translate3d(var(--tow-x,-160vw),var(--tow-y,0px),0) rotate(var(--tow-angle,0deg));transform-origin:95% 50%;will-change:transform}
.intro-title>span,.intro-title>p{opacity:0;transition:opacity .45s ease}
.logo-delivered .intro-title>span,.logo-delivered .intro-title>p{opacity:1}
#logo-hitch{position:absolute;right:-8px;top:52%;width:12px;height:12px;border:3px solid #f5d99b;border-radius:50%;box-shadow:0 1px 2px #07395788;background:#12617a;-webkit-text-stroke:0;transition:opacity .2s}
.logo-parked #logo-hitch{opacity:0}
#tow-rope{position:absolute;inset:0;width:100%;height:100%;z-index:5;overflow:visible;pointer-events:none;opacity:0;fill:none;stroke-linecap:round;stroke-linejoin:round}
#tow-rope .rope-shadow{stroke:#203e4c;stroke-width:6;opacity:.3}
#tow-rope .rope-fiber{stroke:#f6d596;stroke-width:3.5}
#tow-rope .rope-braid{stroke:#ab824a;stroke-width:1.5;stroke-dasharray:2 5;opacity:.65}
#rope-knot{stroke:#f6d596;stroke-width:2;fill:#86653d}
@media(max-width:600px){#logo-hitch{width:9px;height:9px;border-width:2px;right:-6px}#tow-rope .rope-fiber{stroke-width:2.5}#tow-rope .rope-shadow{stroke-width:4}}

/* Store links are configured in store-links.js. Keep both badges on one row. */
.gateway-path .store-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 auto;width:min(100%,300px);height:auto;align-items:start}
.store-link-wrap{display:flex;min-width:0;flex-direction:column;align-items:center;gap:6px}
.store-badge{position:relative;display:block;width:100%;aspect-ratio:3;overflow:hidden;border-radius:8px;transition:transform .2s}
.store-badge>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.google-play-badge>img{position:absolute;width:114.54%;height:148.81%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:fill}
.store-badge[href]:hover{transform:translateY(-3px)}
.store-badge[aria-disabled=true]{cursor:default}
.store-status{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#ffe4a0}
/* Each scene fits between the navigation and footer without page scrolling. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
.screen{position:fixed;inset:0;min-height:0;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.screen>:first-child{flex-shrink:0;transform:scale(var(--screen-scale,1));transform-origin:center}
@media(max-width:600px){
 .gateway-path .store-links{grid-column:1/-1;grid-row:4;width:100%;max-width:300px;height:auto;margin:10px auto 0;gap:10px}
 .play-path .play-emblem{grid-row:1/4;height:105px}
 .store-status{font-size:8px;letter-spacing:.7px}
 .store-link-wrap{gap:5px}
 .gateway-screen{padding-top:75px;padding-bottom:55px}
 .gateway-inner{padding-top:32px;padding-bottom:14px}
 .gateway-inner>h1{margin-bottom:18px}
 .gateway-paths{gap:15px}
 .gateway-path+.gateway-divider+.gateway-path{padding-top:16px}
 .gateway-bottom{margin-top:16px;padding-top:10px}
}