:root{color-scheme:light;--ink:#111d2a;--muted:#53606b;--red:#cd3935;--line:#dce0df;--paper:#faf8f4;--jade:#eef8f3;--width:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a6332e;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.3}ul{padding-left:20px}.icon{width:24px;height:24px;flex-shrink:0}@media(hover:hover) and (pointer:fine){a:hover{color:#af2926}}[hidden]{display:none!important}.wrap,.section{width:min(var(--width),calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;z-index:100;top:-70px;left:20px;padding:8px 16px;background:white}.skip-link:focus{top:10px}
.site-header{position:absolute;z-index:20;inset:0 0 auto;margin:auto;width:min(1320px,calc(100% - 80px));height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:225px;height:82px;background:#fffaf0ef;border-radius:0 0 19px 19px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;align-self:flex-start}.brand img{width:200px;height:72px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:650}.desktop-nav a{white-space:nowrap}.desktop-nav a[aria-current]{border-bottom:2px solid var(--red);padding-block:6px}.desktop-nav .nav-download{background:var(--red);color:#fff;border-radius:3px;padding:10px 24px}.site-menu{display:none}.hero{max-width:1920px;margin:auto}.hero-art{width:100%;height:auto;aspect-ratio:1884/835;object-fit:cover}.hero picture{display:block}
.download-section{position:relative;background:var(--paper)}.download-inner{width:min(var(--width),calc(100% - 80px));margin:auto;display:flex;align-items:center;gap:48px;padding:26px 0}.download-choice{width:330px;flex-shrink:0;margin-top:-54px;padding:12px 12px 0;background:var(--paper);border-radius:5px}.download-main{min-height:66px;background:linear-gradient(120deg,#dd403a,#ba2e2d);display:flex;align-items:center;justify-content:center;gap:12px;color:white;border-radius:4px;font-size:26px;font-weight:750;box-shadow:inset 0 1px #ffffff30}@media(hover:hover) and (pointer:fine){.download-main:hover,.nav-download:hover,.sticky-download a:hover{background:#b82b29;color:white}}.download-main .icon{width:29px;height:29px;filter:invert(1)}.platforms{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:10px;font-size:16px}.platforms a{display:flex;gap:8px;align-items:center;min-height:36px}.platforms .icon{width:25px;height:25px}.platforms>span{color:#74808b}.quick-links{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.quick-links>a{min-width:0;display:flex;align-items:center;justify-content:center;gap:13px;padding:8px 18px;border-left:1px solid #d5d8d7}.quick-links>a:first-child{border-left:0}.quick-links .icon{width:38px;height:38px}.quick-links strong{font-size:18px;display:block;white-space:nowrap}.quick-links small{display:block;color:var(--muted);font-size:12px;white-space:nowrap}
.showcase{padding-block:56px 36px}.showcase-heading h2,.picks-heading h2{font-size:36px;font-weight:850;letter-spacing:.02em}.showcase-heading p{font-size:18px;color:var(--muted);margin-top:6px}.feature-tabs{display:flex;max-width:660px;margin:24px auto 18px}.feature-tabs button{position:relative;flex:1;padding:9px 0 13px;border:0;background:none;font-size:20px;font-weight:700;cursor:pointer}.feature-tabs button+button:before{content:"";position:absolute;left:0;top:14px;height:20px;border-left:1px solid #cdd3d7}.feature-tabs [aria-selected=true]{color:var(--red)}.feature-tabs [aria-selected=true]:after{content:"";height:3px;position:absolute;inset:auto 8px 0;background:var(--red);border-radius:2px}.feature-panel>img,.partner-portraits{width:100%;aspect-ratio:3.2;object-fit:cover;object-position:center;border-radius:4px;height:auto}.feature-panel p{text-align:center;color:var(--muted);font-size:17px;margin-top:12px}.partner-portraits{display:flex;justify-content:center;gap:45px;background:#f3f6ef;overflow:hidden}.partner-portraits img{width:24%;height:100%;object-fit:contain}.feature-panel .team-art{object-position:center 42%}
.guide-picks{background:var(--jade);padding:38px 0 44px}.picks-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.picks-heading>a{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:16px;min-height:44px}.picks-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.picks-list>a{display:block;position:relative;min-width:0}.picks-list>a>img:not(.icon){width:100%;height:160px;object-fit:cover;background:#e4efdc;border-radius:3px}.picks-list>a>img.pick-adventure{object-position:center}.picks-list>a:nth-child(2)>img{object-fit:cover}.picks-list>a:nth-child(3)>img{object-position:center}.picks-list h3{font-size:21px;margin:15px 0 6px}.picks-list p{font-size:14px;color:var(--muted)}.picks-list>a>.icon{display:none}
.game-content{padding-top:16px}.game-content .section{padding-block:42px;border-bottom:1px solid #e9ece7}.game-intro{text-align:center}.game-intro h1{font-size:32px;margin:8px 0 14px}.game-intro h1 span+span{margin-left:.18em}.game-intro .lead{font-size:17px;max-width:760px;margin:auto;color:var(--muted)}.intro-notes{display:flex;justify-content:center;gap:24px;margin-top:20px;font-size:13px;color:var(--muted)}.eyebrow,.section-heading>p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9a7163;margin-bottom:7px}.section-heading{margin-bottom:24px}.section-heading h2,.mascot-card h2,.copy-panel h2,.seo-card h2{font-size:26px}.candy-stage-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.candy-main{position:relative;background:#f5f4ed;border-radius:4px;overflow:hidden}.candy-main>img{width:100%;height:320px;object-fit:cover}.candy-main>div{position:absolute;inset:auto 0 0;padding:30px 20px 18px;color:#fff;background:linear-gradient(transparent,#152922cc)}.candy-main strong{display:block;font-size:18px}.candy-main span{font-size:12px}.candy-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.candy-side article{position:relative;overflow:hidden;border-radius:4px;background:#f7f7ef}.candy-side img{width:100%;height:150px;object-fit:contain}.candy-side b{position:absolute;bottom:9px;left:12px;padding:2px 9px;background:#fffffff0;border-radius:3px;font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.feature-grid article>span{font-size:13px;color:var(--red)}.feature-grid h3{font-size:20px;margin:6px 0 10px}.feature-grid p{font-size:14px;color:var(--muted)}.mascot-card{display:grid;grid-template-columns:340px 1fr;gap:54px;align-items:center;background:var(--paper);padding:20px 42px 20px 20px;border-radius:5px}.mascot-card>img{width:100%;height:250px;object-fit:contain}.mascot-card p:not(.eyebrow){margin-top:16px;color:var(--muted);font-size:15px}.mascot-tags{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.mascot-tags span{border:1px solid #d9d7cd;padding:3px 12px;border-radius:2px;font-size:12px}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.journey-grid article{min-width:0}.journey-grid img{width:100%;height:180px;object-fit:contain;background:#f7f7f2;border-radius:4px}.journey-grid article:first-child img{object-fit:cover}.journey-grid strong{display:block;font-size:18px;margin-top:10px}.journey-grid span{font-size:13px;color:var(--muted)}.role-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px 16px}.role-grid figure{min-width:0}.role-grid img{height:190px;width:100%;object-fit:contain;background:#f8f8f3;border-radius:4px}.role-grid figcaption{padding-top:12px;text-align:center}.role-grid b{display:block;font-size:15px}.role-grid span{display:block;font-size:12px;color:var(--muted)}.promo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.promo-grid img{width:100%;height:auto;border-radius:4px}.promo-grid figcaption{text-align:center;font-size:13px;padding-top:10px;color:var(--muted)}.album-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.album-grid img{width:100%;height:160px;object-fit:contain;background:#f8f8f3;border-radius:4px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.media-panel{position:relative;background:var(--paper);padding-bottom:50px}.media-poster{height:300px;width:100%;object-fit:contain}.media-ribbon{text-align:center;padding:10px 15px;position:absolute;inset:auto 0 0;background:#f1f2e7}.media-ribbon span{display:block;font-size:11px;color:var(--muted)}.media-ribbon strong{display:block;font-size:14px}.copy-panel>p:not(.eyebrow){color:var(--muted);margin:18px 0}.text-link{color:#b33430;font-size:14px;border-bottom:1px solid #b33430;padding-bottom:4px}.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.screenshots img{width:100%;height:215px;object-fit:cover;border-radius:4px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:650;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px;min-height:30px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-weight:400;font-size:23px;color:#929d9d}.faq details[open] summary:after{content:"−"}.faq details p{padding:12px 35px 0 0;font-size:14px;color:var(--muted)}.seo-card{display:grid;grid-template-columns:1fr 300px;gap:44px}.seo-card p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:16px}.seo-card ul{margin:0;padding:18px 24px;list-style:none;background:var(--paper);border-radius:4px;align-self:start}.seo-card li{padding:10px 0;display:flex;justify-content:space-between;gap:15px;font-size:13px;border-bottom:1px solid #e7e5de}.seo-card li:last-child{border-bottom:0}.seo-card strong{font-weight:500;color:var(--muted);white-space:nowrap}.seo-card a{color:#ad342f}.game-content .topic-links{display:flex;justify-content:center;gap:14px 32px;padding-block:26px;border-bottom:0;flex-wrap:wrap}.topic-links a{font-size:14px}.footer{background:#24323d;color:#f7f9fa;padding:35px max(40px,calc((100% - var(--width))/2));display:flex;gap:60px;justify-content:space-between;align-items:start}.footer strong{display:block;font-size:21px;margin-bottom:7px}.footer span,.footer small{display:block;font-size:12px;color:#c1c9ce}.footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;font-size:12px;padding-top:5px}@media(hover:hover) and (pointer:fine){.footer a:hover{color:#fff;text-decoration:underline}}.sticky-download{display:none}
@media(min-width:1600px){.site-header{width:1320px}.hero-art{max-height:850px}.download-inner{padding-block:30px}}
@media(max-width:1100px) and (min-width:768px){.site-header{width:calc(100% - 48px);gap:20px;height:68px}.brand{width:185px;height:65px}.brand img{width:165px;height:58px}.desktop-nav{gap:16px;font-size:13px}.desktop-nav .nav-download{padding:9px 14px}.download-inner{gap:20px}.download-choice{width:260px}.quick-links>a{padding:7px 12px;gap:7px;flex-direction:column}.quick-links strong{font-size:16px}.quick-links small{display:none}.quick-links .icon{width:30px;height:30px}.role-grid{grid-template-columns:repeat(4,1fr)}.mascot-card{grid-template-columns:260px 1fr;gap:28px}.seo-card{grid-template-columns:1fr 260px;gap:26px}}
@media(max-width:767px){
 html{scroll-padding-top:16px}body{padding-bottom:76px}.wrap,.section{width:calc(100% - 48px)}.site-header{width:100%;padding-inline:14px 20px;height:47px;gap:0}.brand{width:140px;height:43px;border-radius:0 0 12px 12px}.brand img{width:124px;height:39px}.desktop-nav{display:none}.site-menu{display:block;align-self:flex-start;margin-top:4px}.site-menu>summary{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;list-style:none;width:44px;height:44px;border-radius:3px}.site-menu>summary::-webkit-details-marker{display:none}.site-menu>summary>.icon{width:31px;height:31px}.menu-close{display:none}.site-menu[open]>summary{background:#fffaf2}.site-menu[open]>summary>.icon{display:none}.site-menu[open] .menu-close{display:block}.menu-close .icon{width:28px;height:28px}.menu-panel{position:absolute;left:14px;right:14px;top:54px;padding:20px;background:#fffdf8;border:1px solid #e7e3d8;border-radius:7px;box-shadow:0 12px 28px #20302526;max-height:calc(100svh - 78px);overflow:auto;overscroll-behavior:contain}.menu-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}.menu-columns section{min-width:0}.menu-columns strong{display:block;font-size:15px;margin-bottom:6px}.menu-columns a{display:block;font-size:13px;color:var(--muted);padding-block:7px;border-bottom:1px solid #eeeae1;min-height:36px}.hero-art{aspect-ratio:1289/1221;object-fit:cover}.download-inner{width:calc(100% - 28px);padding:0 10px 16px;display:block;background:var(--paper);border-radius:4px;position:relative;margin-top:-11px}.download-choice{width:100%;margin:0;padding:9px 0 0;border-radius:0}.download-main{min-height:42px;font-size:21px;gap:10px}.download-main .icon{width:24px;height:24px}.platforms{gap:11px;font-size:14px;margin-top:3px;margin-bottom:9px}.platforms a{min-height:32px;gap:5px}.platforms .icon{width:21px;height:21px}.quick-links{padding-top:13px;border-top:1px solid #d9dbd9}.quick-links>a{padding:0 9px;gap:7px;justify-content:flex-start}.quick-links>a:first-child{padding-left:0}.quick-links>a:last-child{padding-right:0}.quick-links .icon{width:23px;height:28px}.quick-links strong{font-size:13px;letter-spacing:-.025em}.quick-links small{font-size:9px;letter-spacing:-.02em;margin-top:1px}.showcase{padding-block:15px 13px}.showcase-heading h2,.picks-heading h2{font-size:27px;font-weight:850;letter-spacing:0}.showcase-heading p{font-size:15px;margin-top:0}.feature-tabs{margin:9px -4px 8px}.feature-tabs button{font-size:14px;padding:7px 0 8px}.feature-tabs button+button:before{top:9px;height:15px}.feature-tabs [aria-selected=true]:after{height:2px;inset-inline:4px}.feature-panel>img,.partner-portraits{aspect-ratio:3.25;border-radius:2px}.feature-panel p{font-size:13px;margin-top:4px}.partner-portraits{gap:20px}.partner-portraits img{width:24%;max-height:110px}.guide-picks{padding:11px 0 12px}.picks-heading{margin-bottom:4px;gap:12px}.picks-heading>a{font-size:13px;gap:8px;min-height:35px}.picks-heading .icon{width:19px;height:19px}.picks-list{display:block}.picks-list>a{display:flex;align-items:center;gap:11px;border-bottom:1px solid #d5e4dd;padding:5px 0}.picks-list>a:last-child{border-bottom:0}.picks-list>a>img:not(.icon){width:34%;height:49px;border-radius:2px;flex-shrink:0}.picks-list>a>span{flex:1;min-width:0}.picks-list h3{font-size:16px;margin:0 0 3px;font-weight:800}.picks-list p{font-size:11px;line-height:1.5}.game-content{padding-top:6px}.game-content .section{padding-block:28px}.game-intro .eyebrow{font-size:10px;letter-spacing:.07em}.game-intro h1{font-size:27px;margin-block:7px 12px}.game-intro .lead{font-size:14px;text-align:left}.intro-notes{display:block;text-align:left;font-size:12px;margin-top:14px}.intro-notes p+p{margin-top:5px}.section-heading{margin-bottom:17px}.section-heading>p,.eyebrow{font-size:10px;margin-bottom:5px}.section-heading h2,.mascot-card h2,.copy-panel h2,.seo-card h2{font-size:21px;line-height:1.4}.candy-stage-grid{display:block}.candy-main>img{height:200px}.candy-main strong{font-size:14px}.candy-main>div{padding:25px 14px 11px}.candy-main span{font-size:10px}.candy-side{margin-top:12px;gap:10px;grid-template-columns:repeat(4,1fr)}.candy-side img{height:83px}.candy-side b{position:static;display:block;text-align:center;padding:5px 0;font-size:10px;background:none}.feature-grid{grid-template-columns:1fr 1fr;gap:24px 20px}.feature-grid h3{font-size:17px;margin:3px 0 7px}.feature-grid p{font-size:12px;line-height:1.8}.mascot-card{grid-template-columns:1fr;gap:12px;padding:18px}.mascot-card>img{height:180px}.mascot-card p:not(.eyebrow){font-size:13px;margin-top:10px}.mascot-tags{gap:7px;margin-top:14px}.mascot-tags span{font-size:11px;padding:2px 9px}.journey-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.journey-grid img{height:125px}.journey-grid strong{font-size:15px;margin-top:6px}.journey-grid span{font-size:11px;line-height:1.7;display:block}.role-grid{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}.role-grid figure{flex:0 0 145px;scroll-snap-align:start}.role-grid img{height:175px}.role-grid figcaption{padding-top:9px}.role-grid b{font-size:14px}.role-grid span{font-size:11px}.promo-grid{display:flex;gap:14px;overflow:auto;padding-bottom:12px;scroll-snap-type:x mandatory;scrollbar-width:thin}.promo-grid figure{flex:0 0 76%;scroll-snap-align:start}.promo-grid figcaption{font-size:12px}.album-grid{grid-template-columns:repeat(3,1fr);gap:10px}.album-grid img{height:100px}.split{grid-template-columns:1fr;gap:21px}.media-panel{padding-bottom:48px}.media-poster{height:225px}.copy-panel>p:not(.eyebrow){font-size:13px;margin:13px 0}.screenshots{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory}.screenshots figure{flex:0 0 89%;scroll-snap-align:start}.screenshots img{height:180px}.faq details{padding-block:13px}.faq summary{font-size:14px;min-height:30px}.faq details p{font-size:12px;padding:9px 20px 0 0;line-height:1.9}.seo-card{display:block}.seo-card p:not(.eyebrow){font-size:12px;line-height:1.9;margin-top:13px}.seo-card ul{padding:12px 17px;margin-top:20px}.seo-card li{font-size:12px;padding-block:8px}.game-content .topic-links{gap:9px 22px;padding-block:21px}.topic-links a{font-size:12px;min-height:28px;display:flex;align-items:center}.footer{padding:24px;display:block}.footer strong{font-size:18px;margin-bottom:7px}.footer small,.footer span{font-size:10px;line-height:1.9}.footer nav{margin-top:18px;gap:9px 17px;font-size:11px}.sticky-download{display:flex;position:fixed;z-index:15;left:0;right:0;bottom:0;justify-content:space-between;align-items:center;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#fffaf5f7;border-top:1px solid #e9e1d8;box-shadow:0 -3px 14px #182c3c0b;gap:15px}.sticky-download strong{display:block;font-size:17px;line-height:1.45}.sticky-download span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.sticky-download>a{background:var(--red);color:#fff;border-radius:4px;min-height:40px;min-width:104px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:650}.sticky-download>div{min-width:0}
}
@media(max-width:359px){.wrap,.section{width:calc(100% - 36px)}.download-inner{padding-inline:4px}.quick-links>a{gap:5px;padding-inline:7px}.quick-links .icon{width:19px}.quick-links strong{font-size:12px}.quick-links small{font-size:8px}.showcase-heading h2,.picks-heading h2{font-size:25px}.picks-list p{font-size:10px}.picks-list h3{font-size:14px}.picks-list>a>img:not(.icon){height:47px}.sticky-download{padding-inline:15px}.sticky-download strong{font-size:15px}.sticky-download span{font-size:9px}.sticky-download>a{min-width:92px;font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{--width:1320px}
.site-header{width:min(1400px,calc(100% - 80px));height:100px}
.brand{width:260px;height:96px;background:transparent;border-radius:0;overflow:visible;align-self:center}
.brand img{width:250px;height:auto;object-fit:contain}
.desktop-nav{font-size:16px;gap:32px;text-shadow:0 1px 8px #ffffffd9}
.desktop-nav .nav-download{text-shadow:none}
.hero{max-width:1884px}
.showcase{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:60px;align-items:start;padding-block:64px 48px}
.showcase-heading{grid-column:1;grid-row:1/3;align-self:center}
.showcase-heading h2,.picks-heading h2{font-size:40px}
.showcase-heading p{font-size:21px;line-height:1.6;margin-top:12px}
.feature-tabs{grid-column:2;grid-row:1;width:100%;max-width:none;margin:0 0 16px}
.feature-tabs button{font-size:20px}
.feature-panel{grid-column:2;grid-row:2;min-width:0}
.feature-panel>img,.partner-portraits{aspect-ratio:2.35;object-fit:cover}
.feature-panel p{font-size:16px}
.feature-partner .partner-portraits{background:transparent;align-items:center;gap:20px}
.partner-portraits img{height:100%;width:25%;object-fit:contain}
.picks-list{gap:28px}.picks-list>a>img:not(.icon){height:auto;aspect-ratio:2.28;object-fit:cover}
.picks-list h3{font-size:23px}.picks-list p{font-size:15px;line-height:1.75}
.game-content .section{padding-block:54px}
.section-heading h2,.mascot-card h2,.copy-panel h2,.seo-card h2{font-size:30px;line-height:1.4;text-wrap:balance}
.section-heading{margin-bottom:28px}
.section-heading>p,.eyebrow{font-size:12px;letter-spacing:.1em}
.game-intro h1{font-size:36px}.game-intro .lead{font-size:18px;line-height:1.9}
.intro-notes{font-size:14px;line-height:1.9}
.candy-stage-grid{grid-template-columns:1.1fr 1fr;gap:38px;align-items:center}
.candy-main{background:transparent}.candy-main>img{height:auto;aspect-ratio:16/9;object-fit:cover}
.candy-main strong{font-size:19px}.candy-side{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.candy-side article{background:transparent;overflow:visible}
.candy-side img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:3px}
.candy-side article:first-child img{object-fit:contain}
.candy-side b{position:static;display:block;text-align:center;background:transparent;padding:10px 0 0;font-size:14px;white-space:nowrap}
.feature-grid{gap:36px}.feature-grid h3{font-size:23px}.feature-grid p{font-size:16px;line-height:1.9}
.mascot-card{grid-template-columns:360px 1fr;gap:64px;background:transparent;padding:0;max-width:1060px;margin:auto}
.mascot-card>img{height:auto;max-height:360px;object-fit:contain}
.mascot-card p:not(.eyebrow){font-size:17px;line-height:1.9}
.mascot-tags span{border:0;border-radius:0;border-left:2px solid #d4b8a8;padding:0 14px;font-size:14px}
.journey-section h2 span{display:inline-block}
.journey-grid{gap:26px}.journey-grid img{height:auto;aspect-ratio:1.65;object-fit:cover;background:transparent;border-radius:4px}
.journey-grid strong{font-size:21px;margin-top:15px}
.journey-grid span{font-size:15px;line-height:1.8;display:block;margin-top:6px}
.journey-grid article:last-child img{object-position:40% center}
.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
.role-grid img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:transparent;border-radius:4px}
.role-grid figcaption{padding-top:16px}.role-grid b{font-size:20px}.role-grid span{font-size:15px;margin-top:4px}
.gallery-note{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:9px}
.promo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}
.promo-grid img{width:100%;height:auto;border-radius:4px}
.promo-grid figcaption{font-size:16px;padding-top:14px}
.album-grid{gap:24px}.album-grid img{height:auto;aspect-ratio:1;object-fit:cover;background:transparent}
.split{gap:80px}.media-panel{background:transparent;padding:0;text-align:center}
.media-poster{width:min(100%,320px);height:auto;margin:auto}
.media-ribbon{position:static;background:transparent;padding:18px 0 0}
.media-ribbon span{font-size:12px}.media-ribbon strong{font-size:16px}
.copy-panel>p:not(.eyebrow){font-size:17px;line-height:1.9}
.screenshots{gap:24px}.screenshots img{height:auto;aspect-ratio:16/9;object-fit:cover}
.faq summary{font-size:18px}.faq details{padding-block:20px}.faq details p{font-size:16px;line-height:1.9}
.seo-card{grid-template-columns:1fr 320px}.seo-card p:not(.eyebrow){font-size:16px}
.seo-card ul{background:transparent;padding:0 0 0 26px;border-left:1px solid var(--line);border-radius:0}
.seo-card li{font-size:15px}.topic-links a{font-size:15px}
.image-link{display:block;cursor:zoom-in;border-radius:4px}
.image-link:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.image-viewer{border:0;padding:0;background:#fff;color:var(--ink);width:min(100vw - 56px,1280px);max-width:none;height:calc(100dvh - 56px);max-height:none;border-radius:6px;overflow:hidden}
.image-viewer::backdrop{background:#121b26e8}
.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid #edf0ef}
.viewer-bar p{font-size:16px;font-weight:650;line-height:1.5}
.image-viewer button{border:0;background:transparent;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;border-radius:4px}
@media(hover:hover) and (pointer:fine){.image-viewer button:hover{background:#f1f2ef}}
.viewer-stage{min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#fff;overflow:auto}
.viewer-image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.viewer-status{font-size:14px;color:var(--muted)}
.viewer-controls{display:flex;justify-content:center;gap:20px;align-items:center;padding:5px 20px 10px;font-size:14px;color:var(--muted)}
.viewer-prev img{transform:rotate(180deg)}
body.viewer-open{overflow:hidden}
@media(min-width:768px){.role-section .gallery-note,.partner .gallery-note{font-size:0}.role-section .gallery-note:after,.partner .gallery-note:after{content:"点开查看大图";font-size:13px}}
@media(max-width:1100px) and (min-width:768px){
 .site-header{height:76px;width:calc(100% - 48px)}.brand{width:195px;height:72px}.brand img{width:190px}.desktop-nav{gap:16px;font-size:13px}
 .showcase{gap:30px;grid-template-columns:.7fr 1.3fr;padding-block:44px 36px}.showcase-heading h2,.picks-heading h2{font-size:32px}.showcase-heading p{font-size:17px}.feature-tabs button{font-size:17px}
 .section-heading h2,.mascot-card h2,.copy-panel h2,.seo-card h2{font-size:26px}
 .role-grid,.promo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
 .candy-stage-grid{gap:24px}.candy-side{gap:10px}.candy-side b{font-size:12px}
 .feature-grid{gap:20px}.feature-grid h3{font-size:20px}.feature-grid p{font-size:15px}
 .journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
 .mascot-card{grid-template-columns:300px 1fr;gap:36px}.album-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
 .split{gap:36px}.seo-card{grid-template-columns:1fr 260px;gap:24px}.seo-card li{font-size:13px}
}
@media(max-width:767px){
 .hero-art{aspect-ratio:1289/1220}
 .site-header{height:49px;width:100%;padding-inline:18px 16px}.brand{width:156px;height:45px;align-self:center}.brand img{width:154px;height:auto}
 .wrap,.section{width:calc(100% - 40px)}
 .showcase{display:block;padding-block:24px 22px}.showcase-heading h2,.picks-heading h2{font-size:28px;line-height:1.25}.showcase-heading p{font-size:16px;margin-top:4px;line-height:1.6}
 .feature-tabs{margin:12px -4px 12px;width:auto}.feature-tabs button{font-size:15px}.feature-panel>img,.partner-portraits{aspect-ratio:2.3}.feature-panel p{font-size:14px;margin-top:9px}
 .partner-portraits img{height:100%;max-height:none}.feature-partner .partner-portraits{gap:14px}
 .guide-picks{padding-block:21px 20px}.picks-heading{margin-bottom:10px}.picks-list>a{gap:13px;padding-block:12px}.picks-list>a>img:not(.icon){width:35%;height:auto;aspect-ratio:1.6;object-fit:cover}.picks-list h3{font-size:17px;line-height:1.45;margin-bottom:4px}.picks-list p{font-size:12px;line-height:1.7}
 .game-content .section{padding-block:34px}.game-intro h1{font-size:28px}.game-intro .lead{font-size:15px;line-height:1.9}.intro-notes{font-size:13px;line-height:1.8}
 .section-heading{margin-bottom:21px}.section-heading h2,.mascot-card h2,.copy-panel h2,.seo-card h2{font-size:24px;line-height:1.45}.section-heading>p,.eyebrow{font-size:10px}
 .candy-stage-grid{display:block}.candy-main>img{height:auto;aspect-ratio:16/9}.candy-main strong{font-size:15px}.candy-side{margin-top:18px;gap:12px}.candy-side img{height:auto;aspect-ratio:9/16}.candy-side b{font-size:12px;padding-top:9px}
 .feature-grid{gap:25px 22px}.feature-grid h3{font-size:19px}.feature-grid p{font-size:14px;line-height:1.85}
 .mascot-card{display:block;max-width:none;padding:0}.mascot-card>img{width:min(100%,300px);height:auto;max-height:none;margin:0 auto 22px}.mascot-card p:not(.eyebrow){font-size:15px;line-height:1.85}.mascot-tags{gap:8px}.mascot-tags span{font-size:12px;padding-inline:9px}
 .journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.journey-grid img{height:auto;aspect-ratio:1.18;object-fit:cover}.journey-grid strong{font-size:18px;margin-top:12px}.journey-grid span{font-size:13px;line-height:1.75;margin-top:5px}
 .role-grid{display:flex;gap:18px;overflow:auto;padding-bottom:16px;scroll-snap-type:x mandatory;scrollbar-width:thin}.role-grid figure{flex:0 0 68%;scroll-snap-align:start}.role-grid img{height:auto;aspect-ratio:9/16}.role-grid figcaption{padding-top:13px}.role-grid b{font-size:19px}.role-grid span{font-size:14px;margin-top:3px}
 .gallery-note{font-size:12px;margin-top:8px}
 .promo-grid{display:flex;gap:18px;overflow:auto;padding-bottom:16px}.promo-grid figure{flex:0 0 82%;scroll-snap-align:start}.promo-grid figcaption{font-size:14px;padding-top:12px}
 .album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.album-grid img{height:auto;aspect-ratio:1}
 .split{gap:24px}.media-poster{width:min(100%,300px);height:auto}.media-ribbon{padding-top:14px}.media-ribbon span{font-size:11px}.media-ribbon strong{font-size:14px}.copy-panel>p:not(.eyebrow){font-size:15px;line-height:1.85}
 .screenshots{gap:16px}.screenshots figure{flex-basis:90%}.screenshots img{height:auto;aspect-ratio:1.6}
 .faq summary{font-size:16px}.faq details{padding-block:16px}.faq details p{font-size:14px;line-height:1.85}
 .seo-card{display:block}.seo-card p:not(.eyebrow){font-size:14px;line-height:1.9}.seo-card ul{border-left:0;padding:0;border-top:1px solid var(--line);margin-top:24px}.seo-card li{font-size:13px;padding-block:12px}.topic-links a{font-size:13px}
 .image-viewer{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border-radius:0}.viewer-bar{padding:8px 14px;padding-top:max(8px,env(safe-area-inset-top))}.viewer-bar p{font-size:14px}.viewer-stage{padding:12px}.viewer-controls{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(max-width:359px){.wrap,.section{width:calc(100% - 32px)}.brand{width:143px}.brand img{width:140px}.picks-list h3{font-size:16px}.picks-list p{font-size:11px}.journey-grid{gap:24px 12px}.journey-grid strong{font-size:16px}.journey-grid span{font-size:12px}.candy-side{gap:9px}.candy-side b{font-size:11px}.section-heading h2{font-size:23px}}

.promo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.hero{position:relative;isolation:isolate}
.hero-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.hero-sparkles img{position:absolute;width:22px;height:22px;opacity:0;animation:hero-twinkle 5.8s ease-in-out infinite;animation-play-state:paused}
.hero-sparkles img:nth-child(1){left:48%;top:17%;animation-delay:-1.4s;width:16px}
.hero-sparkles img:nth-child(2){left:87%;top:23%;animation-delay:-3.6s}
.hero-sparkles img:nth-child(3){left:65%;top:76%;animation-delay:-.4s;width:18px}
.hero-sparkles img:nth-child(4){left:38%;top:68%;animation-delay:-4.5s;width:14px}
.motion-active .hero-sparkles img{animation-play-state:running}
.brand,.download-main,.nav-download,.quick-links>a,.image-link,.picks-list>a,.feature-tabs button{transition:transform .22s ease,box-shadow .22s ease,color .22s ease,background-color .22s ease}
.download-main.motion-active{animation:download-glow 5.6s ease-in-out infinite}
.feature-panel:not([hidden]){animation:panel-arrive .38s ease-out}
.scroll-arrive{animation:section-arrive .55s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--reveal-delay,0ms)}
.sticky-download:not([hidden]){animation:download-arrive .3s ease-out}
.mascot-card.motion-active>img{animation:companion-float 5.2s ease-in-out infinite}
@media(hover:hover){
 .brand:hover,.quick-links>a:hover{transform:translateY(-3px)}
 .download-main:hover,.nav-download:hover{transform:translateY(-2px);box-shadow:0 7px 20px #c5353833}
 .image-link:hover{transform:translateY(-5px);box-shadow:0 9px 20px #16353b14}
 .picks-list>a:hover{transform:translateY(-3px)}
 .feature-tabs button:hover{color:var(--red);transform:translateY(-2px)}
}
.download-main:active,.image-link:active,.quick-links>a:active{transform:translateY(1px)}
@media(min-width:768px) and (max-width:1100px){.promo-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}.promo-grid figcaption{font-size:13px}}
@media(max-width:767px){
 .hero-sparkles img:nth-child(1){left:81%;top:16%}.hero-sparkles img:nth-child(2){left:87%;top:54%;width:15px}.hero-sparkles img:nth-child(3){left:23%;top:76%;width:12px}.hero-sparkles img:nth-child(4){display:none}
 .site-menu>summary{border-radius:14px;transition:background-color .2s,box-shadow .2s}
 .site-menu[open]>summary{background:#fff;box-shadow:0 3px 12px #254e3620}
 .site-menu[open] .menu-close{animation:close-arrive .3s ease-out}
 .menu-panel{top:56px;left:12px;right:12px;padding:12px;background:#fcfffd;border:1px solid #d4e8dc;border-radius:22px;box-shadow:0 16px 42px #28463326;max-height:calc(100dvh - 74px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9d8c6 transparent;transform-origin:95% 0}
 .site-menu[open] .menu-panel{animation:menu-arrive .28s cubic-bezier(.18,.75,.3,1)}
 .menu-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:94px;margin-bottom:12px;padding:12px 14px;background:#ecf7ee;border-radius:15px;overflow:hidden}
 .menu-welcome strong{display:block;font-size:22px;font-weight:800;line-height:1.35;color:#24523f}
 .menu-welcome p{font-size:12px;line-height:1.6;color:#68856f;margin-top:5px}
 .menu-mascot{width:78px;height:78px;object-fit:cover;object-position:44% center;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 10px #315c3014;flex-shrink:0}
 .site-menu[open] .menu-mascot{animation:menu-companion-float 3.8s ease-in-out infinite}
 .menu-columns{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .menu-columns section{--group-color:#3f8d6c;--group-tint:#e8f5ed;border:1px solid #e1ece5;border-radius:14px;padding:11px 10px 8px;background:#fff;min-width:0}
 .menu-columns section:nth-child(2){--group-color:#c95d4e;--group-tint:#fff0eb;border-color:#f2e4dd}
 .menu-columns section:nth-child(3){--group-color:#477f9d;--group-tint:#eaf5fc;border-color:#e1ebf1}
 .menu-columns section:nth-child(4){--group-color:#a47b36;--group-tint:#fff6dd;border-color:#eee8d9}
 .menu-columns section:nth-child(5){--group-color:#8c70a4;--group-tint:#f2edf9;border-color:#ebe4f2}
 .menu-columns section:nth-child(6){--group-color:#4e9291;--group-tint:#e9f6f3;border-color:#dfede8}
 .menu-columns strong{display:flex;align-items:center;gap:7px;color:var(--group-color);font-size:14px;margin:0 0 6px;line-height:1.4}
 .menu-group-icon{width:28px;height:28px;border-radius:9px;background:var(--group-tint);display:flex;align-items:center;justify-content:center;flex-shrink:0}
 .menu-group-icon img{width:18px;height:18px;opacity:.7}
 .menu-columns a{display:flex;align-items:center;min-height:34px;padding:6px 6px;font-size:13px;line-height:1.55;border:0;border-radius:7px;color:#52646c;transition:background-color .18s,color .18s,transform .18s;overflow-wrap:anywhere}
 .menu-columns a:focus-visible{background:var(--group-tint);color:var(--group-color);outline-offset:1px}@media(hover:hover) and (pointer:fine){.menu-columns a:hover{background:var(--group-tint);color:var(--group-color);transform:translateX(2px)}}
 .menu-columns .menu-long-link{flex-direction:column;align-items:flex-start;gap:1px}
 .menu-long-link small{font-size:11px;color:#83918a}
 .site-menu[open] .menu-columns section{animation:menu-group-arrive .32s ease-out both;animation-delay:calc(var(--group-index)*35ms)}
}
@media(max-width:359px){.menu-panel{left:10px;right:10px;padding:10px}.menu-welcome{padding:10px 12px;min-height:84px}.menu-welcome strong{font-size:20px}.menu-welcome p{font-size:11px}.menu-mascot{width:64px;height:64px}.menu-columns{gap:8px}.menu-columns section{padding:10px 8px 7px}.menu-columns strong{font-size:13px;gap:5px}.menu-columns a{font-size:12px;padding-inline:3px}.menu-group-icon{width:25px;height:25px}}
@keyframes hero-twinkle{0%,15%,75%,100%{opacity:0;transform:translateY(7px) rotate(-12deg) scale(.75)}35%,50%{opacity:.85;transform:translateY(-5px) rotate(12deg) scale(1)}}
@keyframes download-glow{0%,70%,100%{box-shadow:0 0 0 0 #d8463820}82%{box-shadow:0 0 0 7px #d8463800}}
@keyframes panel-arrive{from{opacity:.45;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes section-arrive{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes download-arrive{from{transform:translateY(100%)}to{transform:none}}
@keyframes companion-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes menu-companion-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-4px) rotate(3deg)}}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-9px) scale(.97)}to{opacity:1;transform:none}}
@keyframes menu-group-arrive{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes close-arrive{from{transform:rotate(-80deg);opacity:.3}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){
 .hero-sparkles{display:none}
 .brand,.download-main,.nav-download,.quick-links>a,.image-link,.picks-list>a,.feature-tabs button,.feature-panel:not([hidden]),.scroll-arrive,.sticky-download:not([hidden]),.mascot-card.motion-active>img,.site-menu>summary,.menu-columns a,.site-menu[open] .menu-panel,.site-menu[open] .menu-close,.site-menu[open] .menu-columns section,.site-menu[open] .menu-mascot{animation:none!important;transition:none!important}
 .image-link:hover,.picks-list>a:hover,.quick-links>a:hover,.brand:hover,.feature-tabs button:hover,.download-main:hover,.nav-download:hover,.menu-columns a:hover,.menu-columns a:focus-visible{transform:none}
}

.ambient-bubbles,.touch-effects{position:fixed;inset:0;pointer-events:none;overflow:hidden;contain:strict}
.ambient-bubbles{z-index:4;transition:opacity .2s}
.ambient-bubble{position:absolute;bottom:-100px;left:var(--bubble-left);width:var(--bubble-size);height:var(--bubble-size);opacity:0;animation:bubble-rise var(--bubble-time) linear infinite;animation-delay:var(--bubble-delay)}
.ambient-bubble img{width:100%;height:100%;animation:bubble-sway 4.8s ease-in-out infinite alternate;animation-delay:var(--bubble-delay)}
.touch-effects{z-index:60}
.touch-burst{position:absolute;left:var(--tap-x);top:var(--tap-y);width:0;height:0}
.touch-burst img{position:absolute;width:var(--drop-size);height:var(--drop-size);max-width:none;margin-left:calc(var(--drop-size)/-2);margin-top:calc(var(--drop-size)/-2);animation:touch-bubbles .65s cubic-bezier(.15,.65,.3,1) both}
.touch-burst img:last-child{animation-duration:.52s}
.touch-ready :is(.download-main,.nav-download,.sticky-download>a,.quick-links>a,.image-link,.picks-list>a,.feature-tabs button,.site-menu>summary,.menu-columns a,.image-viewer button,.faq summary){transition:scale .18s cubic-bezier(.2,.7,.3,1),transform .22s ease,background-color .18s,box-shadow .22s;-webkit-tap-highlight-color:transparent}
.touch-ready .is-touch-pressed{scale:.96}
.touch-ready .menu-columns a.is-touch-pressed{background:var(--group-tint);color:var(--group-color)}
.touch-ready .image-viewer button.is-touch-pressed,.touch-ready .faq summary.is-touch-pressed{background:#edf7f0}
.touch-ready .feature-tabs button.is-touch-pressed{color:var(--red)}
.rail-progress{display:none}
.viewer-page{display:flex;flex-direction:column;align-items:center;min-width:74px;gap:1px}
.viewer-swipe-hint{display:none;color:#87948e;font-size:11px;letter-spacing:.04em;white-space:nowrap}
.viewer-stage{touch-action:pan-y pinch-zoom}
.viewer-image{transform:translateX(var(--swipe-x,0px));transition:transform .2s ease-out}
.viewer-stage.is-swiping .viewer-image{transition:none}
body.viewer-open .ambient-bubbles{opacity:0}
body.viewer-open .ambient-bubble,body.viewer-open .ambient-bubble img{animation-play-state:paused}
body.motion-paused *{animation-play-state:paused!important}
@media(max-width:767px){
 .rail-progress:not([hidden]){display:block;width:72px;height:3px;margin:17px auto 0;background:#e7eeea;border-radius:3px;overflow:hidden;contain:layout paint}
 .rail-progress span{display:block;height:100%;min-width:8px;border-radius:3px;background:#79b49a}
 .touch-ready .viewer-swipe-hint{display:block}
}
@media(pointer:coarse){.touch-ready .viewer-swipe-hint{display:block}}
@keyframes bubble-rise{
 0%{opacity:0;transform:translate3d(0,0,0) scale(.8)}
 8%{opacity:.78}
 80%{opacity:.58}
 100%{opacity:0;transform:translate3d(var(--bubble-drift),calc(-100vh - 160px),0) scale(1.05)}
}
@supports(height:100svh){
 @keyframes bubble-rise{
  0%{opacity:0;transform:translate3d(0,0,0) scale(.8)}
  8%{opacity:.78}
  80%{opacity:.58}
  100%{opacity:0;transform:translate3d(var(--bubble-drift),calc(-100svh - 160px),0) scale(1.05)}
 }
}
@keyframes bubble-sway{from{transform:translateX(-9px) rotate(-9deg)}to{transform:translateX(9px) rotate(9deg)}}
@keyframes touch-bubbles{
 0%{opacity:0;transform:translate(0,0) scale(.35)}
 18%{opacity:.9}
 100%{opacity:0;transform:translate(var(--drop-x),var(--drop-y)) scale(1.15)}
}
@media(prefers-reduced-motion:reduce){
 .ambient-bubbles,.touch-effects{display:none}
 .touch-ready .is-touch-pressed{scale:1}
 .touch-ready :is(.download-main,.nav-download,.sticky-download>a,.quick-links>a,.image-link,.picks-list>a,.feature-tabs button,.site-menu>summary,.menu-columns a,.image-viewer button,.faq summary),.viewer-image{transition:none!important}
}

.opening{position:fixed;inset:0;margin:0;padding:0;border:0;max-width:none;max-height:none;width:100%;height:100%;height:100dvh;background:#effaf5;color:#173c35;overflow:hidden;isolation:isolate}
.opening:focus{outline:none}
.opening::backdrop{background:#effaf5}
.opening[open]{display:flex;align-items:center;justify-content:center}
.opening-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#ffffffed 0%,#ffffff00 54%),linear-gradient(155deg,#d7f2f4 0%,#e9f7e9 53%,#fff3d4 100%)}
.opening-landscape{position:absolute;inset:auto 0 0;width:100%;height:45%;object-fit:cover;object-position:center bottom;opacity:.44;mask-image:linear-gradient(transparent,#000 65%);animation:opening-landscape-in 1.3s ease-out both}
.opening-skip{position:absolute;right:max(22px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid #52776b2a;border-radius:24px;background:#ffffffa6;font-size:13px;color:#46655e;cursor:pointer;z-index:5}
.opening-skip img{width:17px;height:17px;opacity:.6}
.opening-content{position:relative;width:min(100%,580px);padding:54px 24px 32px;text-align:center}
.opening-eyebrow{font-size:12px;letter-spacing:.26em;color:#6a8e7c;font-weight:650;margin-bottom:33px;animation:opening-copy-in .65s ease .08s both}
.opening-deck{position:relative;height:280px;width:100%;perspective:1000px;margin:auto}
.opening-card{position:absolute;left:calc(50% - 83px);top:6px;width:166px;height:246px;border:5px solid #fff;border-radius:26px;overflow:hidden;background:#edf8ed;box-shadow:0 22px 45px -15px #18544b4d,0 4px 9px #18544b15;transform-origin:50% 88%;animation:opening-card-deal 1s cubic-bezier(.17,.8,.24,1.08) both;transform:translate3d(var(--card-x),var(--card-y),0) rotate(var(--card-turn))}
.opening-card img{width:100%;height:100%;object-fit:cover;max-width:none}
.opening-card:after{content:"";position:absolute;inset:-25% -120%;pointer-events:none;background:linear-gradient(112deg,transparent 37%,#ffffff8c 48%,#ffffff0d 59%,transparent 65%);transform:translateX(-35%);animation:opening-card-light 1.05s ease-in-out 1.1s both}
.opening-card-left{--card-x:-100px;--card-y:24px;--card-turn:-15deg;animation-delay:.13s;z-index:1}
.opening-card-middle{--card-x:0px;--card-y:-8px;--card-turn:0deg;animation-delay:.02s;z-index:3}
.opening-card-middle img{object-position:52% center}
.opening-card-right{--card-x:100px;--card-y:24px;--card-turn:15deg;animation-delay:.24s;z-index:2}
.opening-star{position:absolute;opacity:0;pointer-events:none;animation:opening-star-in 1.35s ease .65s both;filter:drop-shadow(0 2px 5px #b38e3d25)}
.opening-star-one{left:12%;top:5px}.opening-star-two{right:11%;top:77%}
.opening-copy{position:relative;margin:23px auto 0;animation:opening-copy-in .75s cubic-bezier(.2,.7,.2,1) .45s both}
.opening-logo{width:310px;height:auto;max-width:100%;margin:auto;filter:drop-shadow(0 4px 0 #ffffffcc)}
.opening-title{font-size:27px;font-weight:800;line-height:1.45;letter-spacing:.06em;margin-top:19px;color:#244a3d}
.opening-note{margin-top:7px;color:#6d8376;font-size:13px;letter-spacing:.04em}
.opening-enter{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;margin:23px auto 0;border:1px solid #bbd8c4;border-radius:30px;background:#ffffffe6;color:#3f7160;min-height:46px;min-width:174px;padding:10px 24px;font-size:14px;font-weight:650;cursor:pointer;box-shadow:0 8px 24px #3d776719;transition:scale .2s}
.opening-enter img{opacity:.6}.opening-enter:active,.opening-skip:active{scale:.96}
.opening-bubbles{position:absolute;inset:0;pointer-events:none}
.opening-bubbles img{position:absolute;opacity:0;animation:opening-bubble-in 2.9s ease-out both}
.opening-bubbles img:nth-child(1){left:3%;top:53%;width:110px;animation-delay:.05s}
.opening-bubbles img:nth-child(2){right:8%;top:13%;width:62px;animation-delay:.28s}
.opening-bubbles img:nth-child(3){left:17%;top:14%;width:38px;animation-delay:.4s}
.opening-bubbles img:nth-child(4){right:1%;top:75%;width:90px;animation-delay:.16s}
.opening.opening-leave{animation:opening-exit .44s cubic-bezier(.3,0,.2,1) forwards;pointer-events:none}
body.opening-active{overflow:hidden}
body.opening-active .ambient-bubble,body.opening-active .ambient-bubble img{animation-play-state:paused}
.opening-replay{display:flex;align-items:center;gap:7px;align-self:center;background:none;border:1px solid #ffffff36;border-radius:20px;padding:8px 13px;min-height:40px;color:#e4ece8;font-size:12px;white-space:nowrap;cursor:pointer}
.opening-replay img{filter:invert(1);opacity:.75}
.home-arrival .hero picture{animation:home-hero-arrive .95s cubic-bezier(.2,.75,.2,1) both;transform-origin:50% 65%}
.home-arrival .site-header .brand{animation:home-header-arrive .65s ease .22s backwards}
.home-arrival .download-inner{animation:home-download-arrive .7s cubic-bezier(.2,.75,.2,1) .24s backwards}
.hero{overflow:hidden}
.hero-sparkles{mix-blend-mode:screen}
.hero-sparkles img{width:26px;animation-duration:4.8s;filter:drop-shadow(0 0 5px #fceebc88)}
.download-main,.sticky-download>a{position:relative;overflow:hidden;isolation:isolate}
.download-main:after,.sticky-download>a:after{content:"";position:absolute;inset:-50% -90%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffff30 49%,transparent 58%);transform:translateX(-42%);animation:button-light-pass 6.4s ease-in-out infinite;animation-play-state:paused}
.download-main.motion-active:after,.sticky-download:not([hidden])>a:after{animation-play-state:running}
.tabs-enhanced{position:relative}
.tabs-enhanced [aria-selected=true]:after{display:none}
.tab-indicator{position:absolute;left:0;bottom:0;height:3px;border-radius:4px;background:var(--red);width:var(--tab-width);transform:translateX(var(--tab-left));pointer-events:none;transition:width .4s cubic-bezier(.22,.72,.25,1),transform .4s cubic-bezier(.22,.72,.25,1)}
.feature-panel:not([hidden]){animation:feature-scene-in .6s cubic-bezier(.2,.75,.2,1)}
.scroll-arrive{animation-duration:.72s;animation-timing-function:cubic-bezier(.16,.75,.25,1)}
.role-grid .image-link,.promo-grid .image-link,.album-grid .image-link{position:relative;isolation:isolate;overflow:hidden}
.role-grid .image-link:after,.promo-grid .image-link:after,.album-grid .image-link:after{content:"";position:absolute;inset:-25% -90%;background:linear-gradient(110deg,transparent 40%,#ffffff40 49%,transparent 58%);opacity:0;pointer-events:none;transform:translateX(-36%)}
.role-grid .scroll-arrive .image-link:after,.promo-grid .scroll-arrive .image-link:after,.album-grid .image-link.scroll-arrive:after{animation:card-arrive-light 1.2s ease-out .2s both}
.menu-welcome>div,.menu-mascot{position:relative;z-index:1}
.menu-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.menu-bubbles img{position:absolute;right:29%;bottom:-24px;opacity:0;animation:menu-bubble-float 5.4s ease-in-out infinite;animation-play-state:paused}
.menu-bubbles img+img{right:37%;animation-delay:-2.7s}
.site-menu[open] .menu-bubbles img{animation-play-state:running}
.site-menu[open] .menu-group-icon img{animation:menu-icon-pop .6s cubic-bezier(.2,.8,.3,1.2) backwards;animation-delay:calc(var(--group-index)*45ms + 120ms)}
.faq details[open] p{animation:faq-text-in .3s ease-out}
.touch-ready .is-touch-pressed{scale:.965}
body.touch-input :is(a,button,summary,[tabindex]):focus-visible{outline:none}
@media(max-width:767px){html{scroll-padding-top:88px}}
body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}
.touch-ready :is(.download-main,.nav-download,.sticky-download>a,.quick-links>a,.image-link,.picks-list>a,.feature-tabs button,.site-menu>summary,.menu-columns a,.image-viewer button,.faq summary){transition:scale .24s cubic-bezier(.2,.8,.3,1.35),transform .22s ease,background-color .18s,box-shadow .22s}
@media(min-width:768px){.opening-landscape{height:60%;opacity:.3;object-position:center 64%}.opening-content{padding-top:25px}.opening-deck{height:300px}.opening-card{width:184px;height:270px;left:calc(50% - 92px)}.opening-card-left{--card-x:-130px}.opening-card-right{--card-x:130px}.opening-title{font-size:30px}.opening-logo{width:350px}.opening-skip{right:40px;top:28px}}
@media(max-width:767px){.opening-content{padding-top:60px;padding-bottom:30px}.opening-eyebrow{margin-bottom:28px}.opening-deck{height:248px}.opening-card{width:146px;height:222px;left:calc(50% - 73px);border-width:4px;border-radius:23px}.opening-card-left{--card-x:clamp(-72px,calc(20px - 22vw),-56px);--card-y:24px;--card-turn:-11deg}.opening-card-right{--card-x:clamp(56px,calc(22vw - 20px),72px);--card-y:24px;--card-turn:11deg}.opening-logo{width:282px}.opening-title{font-size:24px}.opening-copy{margin-top:25px}.opening-landscape{height:40%;object-position:50% bottom}.opening-replay{margin-top:20px;width:max-content}.menu-bubbles img{right:28%}}
@media(max-width:359px){.opening-content{padding-inline:14px}.opening-card{width:126px;height:196px;left:calc(50% - 63px);border-radius:20px}.opening-card-left{--card-x:-52px;--card-turn:-10deg}.opening-card-right{--card-x:52px;--card-turn:10deg}.opening-deck{height:218px}.opening-title{font-size:21px}.opening-logo{width:250px}.opening-note{font-size:12px}.opening-copy{margin-top:16px}.opening-enter{margin-top:18px}}
@media(max-height:690px){.opening-content{padding-top:52px;padding-bottom:16px}.opening-eyebrow{margin-bottom:16px}.opening-deck{height:210px}.opening-card{width:128px;height:192px;left:calc(50% - 64px)}.opening-card-left{--card-x:-56px;--card-y:13px}.opening-card-right{--card-x:56px;--card-y:13px}.opening-logo{width:250px}.opening-copy{margin-top:15px}.opening-title{font-size:21px;margin-top:12px}.opening-note{font-size:12px;margin-top:4px}.opening-enter{margin-top:16px;min-height:42px}}
@media(max-height:470px) and (min-width:600px){.opening-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;max-width:760px;padding:26px}.opening-eyebrow{grid-column:1/-1;margin:0}.opening-deck{height:215px}.opening-copy{margin:0}.opening-card{width:116px;height:179px;left:calc(50% - 58px)}.opening-card-left{--card-x:-65px}.opening-card-right{--card-x:65px}.opening-title{font-size:20px}.opening-logo{width:260px}.opening-note{font-size:11px}.opening-skip{top:8px;right:12px}}
@keyframes opening-card-deal{from{opacity:0;transform:translate3d(0,80px,-130px) rotate(0deg) scale(.72)}28%{opacity:1}to{opacity:1;transform:translate3d(var(--card-x),var(--card-y),0) rotate(var(--card-turn))}}
@keyframes opening-card-light{0%{opacity:0;transform:translateX(-35%)}30%{opacity:.8}100%{opacity:0;transform:translateX(35%)}}
@keyframes opening-copy-in{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:none}}
@keyframes opening-star-in{0%,100%{opacity:0;transform:scale(.4) rotate(-25deg)}40%,70%{opacity:.85;transform:scale(1) rotate(15deg)}}
@keyframes opening-bubble-in{0%{opacity:0;transform:translateY(45px) scale(.7)}25%{opacity:.65}100%{opacity:.25;transform:translateY(-70px) scale(1.1)}}
@keyframes opening-landscape-in{from{opacity:0;transform:translateY(20px)}to{opacity:.44;transform:none}}
@keyframes opening-exit{to{opacity:0;transform:scale(1.04);visibility:hidden}}
@keyframes home-hero-arrive{from{opacity:.7;transform:scale(1.025) translateY(9px)}to{opacity:1;transform:none}}
@keyframes home-header-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes home-download-arrive{from{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes button-light-pass{0%,67%{transform:translateX(-42%)}88%,100%{transform:translateX(42%)}}
@keyframes feature-scene-in{from{opacity:.3;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes section-arrive{from{opacity:.1;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes card-arrive-light{0%{opacity:0;transform:translateX(-36%)}30%{opacity:.7}100%{opacity:0;transform:translateX(36%)}}
@keyframes menu-bubble-float{0%{opacity:0;transform:translateY(0) scale(.7)}25%,65%{opacity:.55}100%{opacity:0;transform:translateY(-95px) scale(1.05)}}
@keyframes menu-icon-pop{from{opacity:0;transform:scale(.6) rotate(-18deg)}to{opacity:.7;transform:none}}
@keyframes faq-text-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.opening,.menu-bubbles{display:none!important}.home-arrival .hero picture,.home-arrival .site-header .brand,.home-arrival .download-inner,.download-main:after,.sticky-download>a:after,.feature-panel:not([hidden]),.role-grid .image-link:after,.promo-grid .image-link:after,.album-grid .image-link:after,.site-menu[open] .menu-group-icon img,.faq details[open] p{animation:none!important}.tab-indicator{transition:none}.touch-ready .is-touch-pressed{scale:1}.touch-ready :is(.download-main,.nav-download,.sticky-download>a,.quick-links>a,.image-link,.picks-list>a,.feature-tabs button,.site-menu>summary,.menu-columns a,.image-viewer button,.faq summary){transition:none!important}}