/* WordBar L8: the café takes centre stage. Shared by all three languages. */
@font-face{font-family:Nunito;src:url('/wordbar/nunito-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:200 1000;font-display:swap}
:root{--cream:#FBF4E5;--paper:#FFFCF5;--ink:#463A54;--ink-soft:#72667D;--berry:#B83E64;--berry-dark:#92314F;--gold:#F5BF4C;--line:#DDD1BE}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{background:var(--cream);font-family:Nunito,'PingFang TC','PingFang SC','Microsoft JhengHei','Microsoft YaHei',sans-serif;line-height:1.6;color:var(--ink)}
button,input,a{font:inherit}
img{max-width:100%;height:auto}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #376A60;outline-offset:5px}
h1,h2,h3{font-family:inherit;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
p{text-wrap:pretty}
.site-header{width:min(1180px,calc(100% - 48px));margin:16px auto 0;gap:28px;padding:8px 0 18px;align-items:center;border-bottom:1px solid var(--line)}
.site-header .brand{font-size:1.65rem;white-space:nowrap}
.site-header .brand img{width:38px;height:38px;border-radius:11px}.site-header .brand span{font-size:inherit}
.site-header nav{gap:18px;margin-left:auto}
.site-header nav a{font-size:.85rem}
.header-ctas{gap:10px;flex-wrap:nowrap}
.header-ctas>.button{min-height:42px;padding:8px 15px;font-size:.78rem;box-shadow:none;border-width:1.5px}
.header-ctas>.button:last-child{display:none}
.lang-switch{border:1px solid #BFB1A5;padding:3px;gap:1px;background:#FFFCF5}
.lang-switch a{font-size:.76rem;min-width:30px;min-height:30px;padding:2px 5px}
.hero{width:min(1180px,calc(100% - 48px));display:grid;grid-template-columns:.85fr 1.15fr;gap:28px 44px;align-items:center;min-height:0;padding:66px 0 52px;margin:auto}
.hero-copy{min-width:0;max-width:none}
.hero .eyebrow{font-size:.7rem;letter-spacing:.14em;font-weight:900;color:#8F4960;margin:0 0 18px}
.hero h1{font-size:clamp(2.8rem,4.7vw,4.15rem);font-weight:950;line-height:1.05;letter-spacing:-.055em;margin:0 0 22px}
.hero h1>span{display:block;color:var(--berry);margin-top:4px}
.hero-lead{font-size:1.02rem;line-height:1.7;margin:0 0 20px;max-width:480px}
.hero-facts{margin:20px 0 0;padding:0;gap:16px;display:flex;flex-wrap:wrap;font-size:.78rem;font-weight:850}
.hero-facts li{list-style:none;display:flex;gap:5px}
.hero-art{min-height:0;position:relative;padding:0 0 20px;width:100%;isolation:isolate}
.hero-art:before{content:'';position:absolute;inset:-25px -18px -12px 22px;background:#EAEAD9;border-radius:44% 45% 20% 30%;transform:rotate(3deg);z-index:-1}
.cafe-window{border:4px solid var(--ink);border-radius:25px;overflow:hidden;background:#F6E3C2;box-shadow:0 9px 0 #463A5414;line-height:0}
.cafe-window img{display:block;width:100%;aspect-ratio:375/270;object-fit:contain}
.cafe-welcome{position:absolute;bottom:0;right:20px;max-width:88%;margin:0;padding:9px 17px;border:1.5px solid var(--ink);border-radius:16px 16px 4px 16px;background:#FFFCF5;font-size:.8rem;font-weight:850;box-shadow:0 4px 0 #463A5412}
.play-cards{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:none;width:100%;margin:9px 0 0}
.play-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;align-items:center;border:1px solid #D9CDBA;border-radius:20px;padding:22px 24px;box-shadow:0 4px 0 #463A5408;min-width:0}
.play-card-wordbar{background:#F7E7EB}.play-card-dict{background:#E8EFED}
.play-card-head{display:flex;gap:12px;align-items:center;min-width:0;margin:0}
.play-card-head img,.play-card-icon{width:36px;height:42px;flex:0 0 auto;font-size:1.8rem;display:grid;place-items:center}
.play-card h2{font-size:1.24rem;margin:0 0 5px;letter-spacing:-.025em}
.play-card p{font-size:.72rem;line-height:1.5;margin:0;max-width:210px}
.play-card-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:0;min-width:112px}
.play-card-actions .button{font-size:.78rem;min-height:43px;padding:9px 12px;white-space:nowrap;border-radius:12px;border-width:1.5px;box-shadow:0 3px 0 #463A5422}
.play-card-actions .button-secondary{background:transparent;border:0;min-height:26px;box-shadow:none;font-size:.7rem;padding:0;text-decoration:underline;text-underline-offset:4px}
.button-primary{background:#B83E64;color:white;border-color:#97334F;box-shadow:0 4px 0 #97334F}
.section{width:min(1120px,calc(100% - 48px));padding:76px 0;margin:auto}
.section-heading{margin-bottom:32px;max-width:780px}
.section-heading h2,.rewards-heading h2{font-size:clamp(1.9rem,3.1vw,2.7rem);margin-bottom:16px}
.section-label,.eyebrow,.mini-label{letter-spacing:.1em;font-size:.72rem;font-weight:900}
.answer-strip{width:min(1120px,calc(100% - 48px));grid-template-columns:1fr 110px;gap:24px;display:grid;padding:25px 34px;border-radius:20px;background:#F0E8D8;box-shadow:none;margin:0 auto}
.answer-strip h2{font-size:1.45rem;margin:0 0 8px}.answer-strip p{font-size:.93rem;margin:0;max-width:720px;color:var(--ink-soft)}
.answer-strip>img{width:105px;height:110px;object-fit:contain;margin:0}
.steps-grid{gap:20px}.steps-grid>article{border-radius:20px;padding:25px;background:#FFFCF5;box-shadow:none}
.steps-grid h3{font-size:1.25rem}.steps-grid p{font-size:.96rem}
.vocabulary-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vocabulary-grid{gap:22px}.vocabulary-card{border-radius:24px;padding:30px}.practice-note{margin-top:24px;border-radius:16px}
.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.game-card{display:flex;flex-direction:column;align-items:stretch;gap:20px;min-height:0;border-radius:24px;padding:24px 24px 16px;border:1px solid #DED2BF;overflow:hidden}
.game-card.game-1{grid-column:span 2;display:grid;grid-template-columns:1fr minmax(160px,.7fr);align-items:center;background:#F5E2E6}
.game-card.game-2{background:#E7EDDD}.game-card.game-3{background:#F3E4CD}.game-card.game-4{background:#E4EAF0}.game-card.petpop-card{grid-column:auto;background:#EFE4EB;display:flex;min-height:0;padding:24px 24px 16px}
.game-copy{padding:0!important}.game-copy h3{font-size:1.65rem;margin:8px 0 12px}.game-copy p{font-size:.92rem;line-height:1.6;margin:0}
.game-copy .mini-label{font-size:.65rem;color:#83614E}
.petpop-card .game-copy>p:not(.mini-label){font-size:.92rem;max-width:none}
.mini-phone,.word-path-shot,.petpop-phone{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;width:100%!important;max-width:220px!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;transform:none!important;justify-self:center;align-self:center;margin:0 auto!important;overflow:visible!important;line-height:0}
.mini-phone img{width:100%;height:auto!important;max-height:none;object-fit:contain!important;border-radius:14px;border:2px solid var(--ink);box-shadow:0 4px 0 #463A5418}
.preview-caption{display:block;font-size:.58rem;line-height:1.4;text-align:center;color:#746A70;margin-top:8px}
.petpop-phone img{max-height:329px;object-fit:contain!important}.petpop-rounds{font-size:.8rem;gap:8px;margin-top:18px}.petpop-rounds li{padding:5px 0}
.dictation-card{border-radius:30px;background:#E5EEEA;min-height:0;padding:44px;gap:40px;align-items:center}
.dictation-card h2{font-size:clamp(1.9rem,3.1vw,2.65rem)}
.dictation-phones{max-width:390px;padding-bottom:20px}.dictation-phones .dictation-phone{border-width:2px;box-shadow:0 7px 0 #463A5414}
.dictation-games{max-width:none}.dictation-games li{border:0;background:#FFFCF5}.dictation-rounds{gap:7px}
.rewards-section{display:block}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.reward-panel{padding:0 0 12px;min-width:0}.reward-panel h3{font-size:1.3rem;margin:20px 0 10px}.reward-panel p{font-size:.94rem;color:var(--ink-soft);line-height:1.6;margin:0}
.reward-visual{height:220px;display:flex;align-items:flex-end;justify-content:center;gap:0;background:#F2E6D2;border-radius:24px;padding:17px 12px;overflow:hidden}
.reward-visual img{width:31%;height:185px;object-fit:contain}
.reward-panel-1 .reward-visual{padding:0;align-items:center;background:#FAECEB}.reward-panel-1 img{width:100%;height:auto;max-width:none}
.reward-panel-2 .reward-visual{background:#E9EBD9;align-items:center}.reward-panel-2 img{width:32%;height:145px}
.story-section{width:min(1180px,calc(100% - 48px));border-radius:30px;padding:46px;gap:46px;grid-template-columns:.6fr 1fr}
.story-section h2{font-size:clamp(1.9rem,3vw,2.5rem)}.story-section p{font-size:.96rem;line-height:1.8}.story-art{display:flex;align-items:center;justify-content:center;min-height:220px;gap:0}
.story-art:before,.story-blob{display:none}.story-art .story-duck,.story-art .story-rabbit{position:static;transform:none;inset:auto;width:49%;height:auto;max-height:230px;object-fit:contain}
.story-support{font-size:.87rem;box-shadow:0 4px 0 #C78B16;padding:11px 18px;min-height:42px}
.community-section{gap:42px}.community-section h2,.privacy-section h2,.install-section h2,.faq-section h2{font-size:clamp(1.8rem,2.8vw,2.4rem)}
/* Give the three filled panels their own inset, independent of .section spacing. */
.section.community-section,.section.privacy-section,.section.install-section{padding:48px clamp(22px,4vw,44px)}
.section.community-section>*,.section.privacy-section>*,.section.install-section>*{min-width:0}
.grown-up-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}
.grown-up-links>span:first-child{font-size:.76rem;font-weight:900;width:100%;color:var(--ink-soft)}
.grown-up-links>a,.grown-up-links>a:first-of-type,.grown-up-links>a:last-of-type{display:inline-flex;align-items:center;min-height:36px;width:auto;padding:5px 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#FFFCF5;box-shadow:none;font-size:.72rem;font-weight:700}
.privacy-section{padding-top:40px}.privacy-points>article{border-radius:18px}.install-section{border-top:1px solid var(--line)}
.faq-list details{border-radius:14px;box-shadow:none}.faq-list summary{font-size:1rem;line-height:1.45;padding:18px 20px}.faq-list details p{line-height:1.8;font-size:.94rem}
.final-section{width:min(1180px,calc(100% - 48px));margin:12px auto 0;padding:42px 44px;gap:30px;border-radius:30px;background:#F1DFC7;grid-template-columns:110px 1fr auto;align-items:center;display:grid}
.final-section>img{display:block;width:110px;height:175px;object-fit:contain;position:static;transform:none}
.final-section h2{font-size:2.2rem;line-height:1.12}.final-section p{font-size:.96rem}.final-actions{gap:12px}.final-actions .button{font-size:.85rem;min-height:46px;padding:10px 18px;border-radius:12px;box-shadow:0 3px 0 #463A5422}
.site-footer{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:40px 0}.site-footer nav{gap:12px 22px}.site-footer p{font-size:.78rem}
:lang(zh-Hant) h1,:lang(zh-Hans) h1,:lang(zh-HK) h1,:lang(zh-CN) h1{font-size:clamp(2.5rem,4.1vw,3.6rem);letter-spacing:-.035em;line-height:1.3}
@media(max-width:1100px){.site-header nav{display:none}.header-ctas{margin-left:auto}.hero{gap:26px}.play-card{grid-template-columns:1fr;gap:14px}.play-card-actions{flex-direction:row;align-items:center;gap:16px}.play-card-actions .button-secondary{min-width:80px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card.game-1{grid-column:auto;display:flex}.game-card.petpop-card{grid-column:1/-1;display:grid;grid-template-columns:1fr .65fr}.dictation-card{padding:34px;gap:24px}.reward-visual{height:190px}.reward-visual img{height:160px}.final-section{grid-template-columns:100px 1fr}.final-actions{grid-column:2}}
@media(max-width:760px){
 .site-header{width:calc(100% - 32px);margin-top:8px;flex-wrap:nowrap;padding-bottom:12px;gap:10px}.site-header .brand{font-size:1.2rem;gap:7px}.site-header .brand img{width:30px;height:30px}.header-ctas{gap:9px}.header-ctas>.button{display:none}.lang-switch a{min-width:28px;min-height:29px;font-size:.72rem}
 .hero{width:calc(100% - 36px);grid-template-columns:1fr;gap:22px;padding:32px 0 38px}.hero-copy{max-width:none}.hero .eyebrow{font-size:.61rem;letter-spacing:.1em;margin-bottom:14px}.hero h1{font-size:clamp(2.6rem,9.7vw,3.8rem);margin-bottom:16px}.hero-lead{font-size:.92rem;line-height:1.7;max-width:620px}.hero-facts{margin:16px 0 0;font-size:.7rem;gap:14px}.hero-art{width:100%;padding-bottom:19px}.hero-art:before{inset:-8px 2px 10px 8px;border-radius:30px}.cafe-window{border-width:2.5px;border-radius:20px}.cafe-welcome{right:12px;font-size:.67rem;padding:7px 11px}.play-cards{grid-template-columns:1fr;gap:12px;margin:0}.play-card{padding:17px 18px;border-radius:17px;grid-template-columns:minmax(0,1fr) auto;gap:10px}.play-card h2{font-size:1.07rem}.play-card p{font-size:.65rem;max-width:175px}.play-card-head{gap:9px}.play-card-head img,.play-card-icon{width:30px;height:34px;font-size:1.45rem}.play-card-actions{flex-direction:column;gap:7px;min-width:96px}.play-card-actions .button{font-size:.7rem;padding:8px 10px;min-height:40px}.play-card-actions .button-secondary{font-size:.65rem;min-height:22px}
 .section{width:calc(100% - 36px);padding:48px 0}.section-heading{margin-bottom:26px}.section-heading h2,.rewards-heading h2{font-size:1.85rem}.section-heading>p:last-child{font-size:.94rem}.answer-strip{width:calc(100% - 36px);padding:23px 20px;grid-template-columns:1fr 70px;gap:12px;border-radius:18px}.answer-strip h2{font-size:1.2rem}.answer-strip p{font-size:.82rem}.answer-strip>img{width:70px;height:90px}
 .steps-grid{grid-template-columns:1fr;gap:13px}.steps-grid>article{padding:22px}.steps-grid h3{font-size:1.18rem}.vocabulary-grid{grid-template-columns:1fr;gap:16px}.vocabulary-card{padding:26px}.practice-note{padding:21px}
 .games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-card,.game-card.petpop-card{padding:17px 13px 12px;gap:16px;border-radius:18px}.game-card.game-1{grid-column:1/-1;display:grid;grid-template-columns:1fr minmax(120px,.7fr);align-items:center;padding:21px 18px}.game-copy h3{font-size:1.13rem;line-height:1.2;margin:7px 0 9px}.game-copy p{font-size:.77rem;line-height:1.65}.game-copy .mini-label{font-size:.57rem;line-height:1.4;letter-spacing:.05em}.game-card.petpop-card{grid-column:1/-1;display:grid;grid-template-columns:1fr minmax(115px,.65fr)}.mini-phone{max-width:180px!important}.mini-phone img{border-radius:10px;border-width:1.5px}.petpop-rounds{font-size:.68rem;line-height:1.4;gap:8px;margin-top:12px}.petpop-rounds li{padding:3px 0;gap:6px}.preview-caption{font-size:.5rem}
 .dictation-card{display:grid;grid-template-columns:1fr;border-radius:24px;padding:27px 23px;gap:30px}.dictation-card h2{font-size:1.85rem}.dictation-card .game-copy p{font-size:.92rem}.dictation-games{grid-template-columns:1fr 1fr;gap:8px}.dictation-games li{padding:11px 9px;gap:6px;border-radius:12px}.dictation-games strong{font-size:.91rem}.dictation-games small{font-size:.7rem}.dictation-games .dg-icon{font-size:1.15rem}.dictation-games em{font-size:.56rem;margin-left:2px}.dictation-rounds li{font-size:.73rem}.dictation-rounds{grid-template-columns:repeat(2,1fr);gap:10px}.dictation-phones{max-width:340px;gap:5px;padding-bottom:22px}.dictation-actions .button{font-size:.84rem;min-height:45px;padding:10px 12px}.dictation-phones .dictation-phone{max-width:150px;border-radius:23px}.dictation-phones .dictation-phone img{border-radius:17px}
 .reward-grid{grid-template-columns:1fr;gap:26px}.reward-panel{display:grid;grid-template-columns:115px 1fr;column-gap:20px;align-items:center;padding:0}.reward-visual{grid-row:span 2;width:115px;height:125px;border-radius:18px;padding:8px 3px}.reward-visual img{height:106px;width:33%}.reward-panel h3{font-size:1.13rem;margin:0 0 7px;align-self:end}.reward-panel p{font-size:.84rem;align-self:start}.reward-panel-1 .reward-visual img{width:auto;height:125px;max-width:none;object-fit:cover}.reward-panel-2 .reward-visual{gap:0;flex-wrap:wrap;align-content:center}.reward-panel-2 .reward-visual img{height:65px;width:33%}
 .story-section{width:calc(100% - 36px);padding:29px 24px;grid-template-columns:1fr;gap:12px;border-radius:24px}.story-art{min-height:0;height:160px;max-width:280px;margin:0 auto}.story-art img{height:155px!important;width:auto!important}.story-copy h2{font-size:1.8rem}.story-copy p{font-size:.9rem}.story-support{width:auto;font-size:.8rem}.community-section{grid-template-columns:1fr;gap:24px}.community-section h2,.privacy-section h2,.install-section h2,.faq-section h2{font-size:1.8rem}.community-section p,.privacy-section p,.install-section p{font-size:.92rem}.grown-up-links>a{font-size:.69rem}.privacy-section{grid-template-columns:1fr;gap:25px}.privacy-points{grid-template-columns:1fr}.privacy-points>article{padding:22px}.install-grid{grid-template-columns:1fr}.faq-list summary{font-size:.91rem;padding:17px}.faq-list details p{font-size:.86rem;padding-inline:17px}.final-section{width:calc(100% - 36px);padding:26px 23px;grid-template-columns:70px 1fr;gap:18px;border-radius:24px}.final-section>img{width:70px;height:125px}.final-section h2{font-size:1.7rem}.final-section p{font-size:.83rem}.final-actions{grid-column:1/-1;flex-direction:column;align-items:stretch}.final-actions .button{width:100%;font-size:.82rem}.site-footer{width:calc(100% - 36px);padding:36px 0}.site-footer nav{gap:13px 20px;flex-wrap:wrap}.footer-brand{max-width:none}
 :lang(zh-Hant) h1,:lang(zh-Hans) h1,:lang(zh-HK) h1,:lang(zh-CN) h1{font-size:clamp(2rem,8.1vw,3rem);line-height:1.3}
}
@media(max-width:360px){.hero,.section,.answer-strip,.story-section,.final-section{width:calc(100% - 28px)}.play-card{grid-template-columns:1fr}.play-card-actions{flex-direction:row;justify-content:space-between}.play-card h2{font-size:1.1rem}.game-card.game-1,.game-card.petpop-card{grid-template-columns:1fr 110px;padding:16px 13px}.game-copy p{font-size:.73rem}.reward-panel{column-gap:15px}}
@media(max-width:760px){.petpop-card .game-copy>p:not(.mini-label){font-size:.79rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}