@charset "UTF-8";
:root{--ink:#12362f;--muted:#596b63;--paper:#f5f3eb;--green:#174d3a;--lime:#d4f77e;--line:#d8ded0;--white:#fffef9;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}a:focus-visible,summary:focus-visible{outline:3px solid #c76431;outline-offset:6px}.skip{position:absolute;left:16px;top:-90px;background:white;padding:15px;z-index:10}.skip:focus{top:12px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-weight:900;font-size:25px;letter-spacing:-4px;display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--ink);border-radius:50%;padding-right:4px}.brand-name{font-weight:800;font-size:18px;letter-spacing:-.5px}.brand-name small{display:block;font-size:10px;letter-spacing:3px;margin-top:3px;font-weight:600}.nav-links{display:flex;gap:30px;font-size:13px;font-weight:700;align-items:center}.nav-links a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;background:#61924b;border-radius:50%;display:inline-block}.hub-intro{padding:80px 0 46px}.hub-intro h1{font-size:clamp(48px,6vw,80px);line-height:1.04;letter-spacing:-4px;margin:24px 0}.hub-intro p{max-width:540px}.lead{font-size:18px;line-height:1.65;color:var(--muted)}.feature-game{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;background:var(--green);color:var(--white);min-height:550px;margin-bottom:80px}.feature-copy{padding:54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-copy h2{font-size:clamp(48px,5.4vw,74px);letter-spacing:-3px;line-height:.97;margin:24px 0}.feature-copy p{color:#cedcd1;line-height:1.7;max-width:350px;margin-bottom:30px}.feature-copy .eyebrow{color:var(--lime)}.game-icon{width:60px;height:60px;border-radius:16px;box-shadow:0 6px 20px #0b201b30}.game-art{position:relative;overflow:hidden;min-height:460px;background:#6591a0}.game-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 50%;transition:transform .5s}.feature-game:hover .game-art img{transform:scale(1.025)}.photo-label{position:absolute;bottom:24px;left:24px;color:white;font-size:11px;letter-spacing:1px;text-transform:uppercase;background:#102923cf;padding:10px 13px;border-radius:30px}.btn{display:inline-flex;gap:18px;align-items:center;justify-content:center;padding:17px 23px;border-radius:100px;background:var(--green);color:white;font-size:14px;font-weight:700;min-height:52px}.btn:hover{background:#236447}.btn.light{background:var(--lime);color:var(--ink)}.btn.light:hover{background:#e4ffad}.btn.secondary{background:transparent;color:var(--ink);border:1px solid #b7c2b1}.btn.secondary:hover{background:#e9eedf}.arrow{font-size:21px;font-weight:400}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:64px 0 74px}.hero h1{font-size:clamp(62px,6.8vw,94px);letter-spacing:-5px;line-height:.96;margin:27px 0}.hero h1 em{font-style:normal;color:#6a8053}.hero .lead{max-width:430px;font-size:17px}.hero-titleline{display:flex;gap:15px;align-items:center;margin-bottom:22px}.hero-titleline strong{font-size:16px}.hero-titleline span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.hero-art{position:relative;border-radius:110px 110px 28px 28px;height:620px;background:#acd6d6;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}.hero-art .photo-label{left:auto;right:22px;bottom:22px}.actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:28px}.availability{display:inline-flex;flex-direction:column;gap:4px;background:var(--ink);color:white;padding:14px 22px;border-radius:13px;font-weight:700;font-size:17px;line-height:1.15}.availability small{font-weight:400;color:#cedcd1;font-size:11px;letter-spacing:.4px}.fine{font-size:12px;line-height:1.7;color:var(--muted);margin-top:17px}.stats{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0;gap:18px}.stats>div{display:flex;gap:17px;align-items:center}.stats b{font-size:33px;letter-spacing:-1.5px}.stats span{max-width:150px;font-size:12px;line-height:1.5;color:var(--muted)}.section{padding:86px 0}.section-head{display:flex;gap:40px;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.section-head h2,.split h2,.support h2{font-size:clamp(36px,4vw,53px);letter-spacing:-2px;line-height:1.1;margin:17px 0 0}.section-head>p{max-width:350px;line-height:1.7;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.step{border-top:2px solid var(--ink);padding-top:22px}.step-num{font-size:12px;color:var(--muted);letter-spacing:2px}.step h3{font-size:24px;letter-spacing:-.7px;margin:23px 0 12px}.step p{font-size:15px;line-height:1.75;color:var(--muted);margin:0}.worlds{background:#e9eee2}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.world-image{height:330px;border-radius:90px 90px 14px 14px;overflow:hidden;margin-bottom:18px}.world-image img{width:100%;height:100%;object-fit:cover;object-position:50% 34%}.world-card h3{margin:0 0 7px;font-size:18px;letter-spacing:-.3px}.world-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.world-tag{display:block;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:12px;font-weight:700;color:#43683a}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.custom-art{background:#d8e5c7;border-radius:28px;display:grid;place-items:center;padding:56px;min-height:400px}.custom-art img{width:280px;border-radius:60px;box-shadow:0 25px 50px #17372726;transform:rotate(-5deg)}.split p{line-height:1.8;color:var(--muted);font-size:16px}.swatches{display:flex;gap:10px;padding-top:15px}.swatches i{width:28px;height:28px;border-radius:50%;border:3px solid var(--white);box-shadow:0 0 0 1px #ccd5c5}.faq{max-width:840px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-weight:700;font-size:17px;cursor:pointer;padding-right:20px;line-height:1.5}.faq details p{font-size:15px;line-height:1.8;color:var(--muted);max-width:730px;margin-bottom:0}.faq details a{text-decoration:underline}.support{display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--green);color:white;padding:46px 50px;border-radius:25px;margin-bottom:65px}.support h2{font-size:35px;margin:0 0 12px}.support p{font-size:14px;line-height:1.8;color:#d2dfd3;max-width:550px;margin:0}.footer{border-top:1px solid var(--line);padding:28px 0 36px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.hub-end{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:0 0 70px}.hub-end h2{font-size:27px;letter-spacing:-1px}.hub-end p{color:var(--muted);font-size:14px}.text-link{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.policy{max-width:780px;padding:65px 0}.policy h1{font-size:46px;letter-spacing:-2px}.policy h2{font-size:23px;margin-top:35px}.policy p,.policy li{font-size:16px;line-height:1.8;color:var(--muted)}.policy a{text-decoration:underline}.empty{min-height:65vh;padding-block:80px}.empty h1{font-size:60px;letter-spacing:-3px}
@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:85px}}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero h1{font-size:70px}.hero-art{height:570px}.world-grid{grid-template-columns:repeat(2,1fr);gap:35px 22px}.world-image{height:350px}.feature-copy{padding:35px}.split{gap:40px}.custom-art{padding:35px;min-height:330px}.steps{gap:25px}.section-head{gap:25px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.nav{height:80px;gap:14px}.nav-links{gap:17px;font-size:12px}.brand-name{font-size:16px}.brand-mark{width:37px;height:37px;font-size:22px}.nav-links .desktop{display:none}.hub-intro{padding:55px 0 26px}.hub-intro h1{font-size:51px;letter-spacing:-2.7px}.lead{font-size:16px}.feature-game{grid-template-columns:1fr;margin-bottom:50px}.feature-copy{padding:32px}.feature-copy h2{font-size:60px}.game-art{height:440px;min-height:0}.hero{grid-template-columns:1fr;gap:32px;padding:36px 0 40px}.hero h1{font-size:70px;letter-spacing:-3.5px}.hero .lead{max-width:none}.hero-art{height:540px;border-radius:85px 85px 22px 22px}.hero-art img{object-position:50% 62%}.hero-titleline{margin-bottom:26px}.stats{gap:16px;padding:25px 0}.stats>div{flex-direction:column;gap:6px;align-items:flex-start}.stats b{font-size:29px}.stats span{font-size:11px}.section{padding:55px 0}.section-head{display:block}.section-head h2,.split h2{font-size:39px}.section-head>p{max-width:none;margin-top:20px}.steps{grid-template-columns:1fr;gap:30px}.step h3{margin:14px 0 10px}.world-grid{gap:28px 16px}.world-image{height:250px;border-radius:65px 65px 12px 12px}.world-card h3{font-size:17px}.world-card p{font-size:12px}.split{grid-template-columns:1fr;gap:32px}.custom-art{min-height:290px}.custom-art img{width:220px;border-radius:47px}.faq summary{font-size:16px}.support{display:block;padding:30px 25px;margin-bottom:40px}.support h2{font-size:30px;letter-spacing:-1px}.support .btn{margin-top:22px}.footer{align-items:flex-start;flex-direction:column;line-height:1.7;gap:14px}.footer-links{gap:20px}.hub-end{display:block;padding-bottom:42px}.hub-end .text-link{display:inline-block;margin-top:14px}.policy h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Show the complete opening artwork, including the title and bicycle. */
.game-art,.hero-art{background:#eedfc6}
.game-art img,.hero-art img{object-fit:contain;object-position:center}
.hero-art{border-radius:28px}
.feature-game:hover .game-art img{transform:none}

/* Current five-world release, 22 September 2026. */
.world-overview{display:grid;grid-template-columns:minmax(210px,.8fr) 1.4fr;gap:55px;align-items:start}.world-overview>img{height:auto;width:100%;max-width:340px;border-radius:24px;justify-self:center}.world-list{display:grid;gap:25px}.world-text{padding:0 0 23px;border-bottom:1px solid var(--line)}.world-text h3{font-size:25px;margin-top:9px}.world-text p{font-size:15px}.screen-pair{display:flex;gap:16px;align-items:center}.screen-pair img{height:auto;width:calc(50% - 8px);border-radius:22px;box-shadow:0 12px 30px #17372720}.policy{overflow-wrap:anywhere}.policy section{scroll-margin-top:20px}.policy h1{line-height:1.15}.hero h1{font-size:clamp(50px,5.7vw,82px)}
@media(max-width:680px){.world-overview{grid-template-columns:1fr;gap:35px}.world-overview>img{max-width:270px}.world-list{grid-template-columns:1fr 1fr;gap:25px 20px}.world-text h3{font-size:20px}.hero h1{font-size:58px}.policy{padding-top:35px}.policy h1{font-size:36px}.nav-links{gap:12px}}
a.availability{text-decoration:none}a.availability:hover{background:#000;text-decoration:none}