@font-face{font-family:Wonder;src:url('/assets/wonder-font.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fffdf7;color:#254655;font-family:Wonder,'Microsoft JhengHei',sans-serif;font-size:18px;line-height:1.8}a{color:inherit;text-underline-offset:6px}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a.button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d84c88;outline-offset:5px}button{border:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;letter-spacing:.02em}h2{font-size:40px;margin-bottom:20px}em{font-style:normal;color:#df6799}.wrap{max-width:1240px;padding-inline:30px;margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:15px;gap:25px}.brand{width:220px}.header nav{display:flex;gap:36px;font-size:20px;font-weight:bold}.header nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:590px;padding-block:28px 65px}.hero h1{font-size:clamp(48px,5.7vw,78px);line-height:1.3;font-weight:900}.hero h1 span{color:#1689aa}.hero p{margin:22px 0 30px;font-size:21px}.hero-art{position:relative;isolation:isolate;min-width:0}.hero-art:before{content:'';position:absolute;inset:5% 0 3% 0;background:#fff0b7;border-radius:47% 53% 42% 58%;z-index:-1}.hero-art .lion{width:100%}.cloud{position:absolute;width:42%;bottom:1%;left:-12%;filter:drop-shadow(0 5px 0 #fffdf7)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:2px solid #1689aa;border-radius:99px;padding:12px 25px;text-decoration:none;background:#fffdf7;font-size:19px;font-weight:bold;line-height:1.5;min-height:52px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px);background:#e0f5f7}.primary{background:#1689aa;color:white}.primary:hover{background:#106e89}.yellow{background:#ffe17c;border-color:#254655}.section{padding-block:76px}.find{background:#f0faf9}.find h2{text-align:center}.mode{display:flex;justify-content:center;gap:8px;margin:28px 0 0}.mode button{padding:14px 35px;background:#f5d7e2;border-radius:25px 25px 0 0;font-size:24px;font-weight:bold}.mode button[aria-pressed=true]{background:#1689aa;color:#fff}.game{background:#def4f6;border-radius:30px;display:grid;grid-template-columns:26% 1fr;align-items:center;padding:30px;gap:24px}.game-friend{width:100%;align-self:end}.game-body{text-align:center;min-width:0}.game h3{font-size:27px;margin-bottom:22px}.game h3 strong{font-family:'Microsoft JhengHei',sans-serif;font-size:60px;color:#1689aa;display:inline-block;padding:0 8px}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.answers button{font-family:'Microsoft JhengHei',Arial,sans-serif;background:#fffdf7;border:3px solid #b6e4ec;border-radius:23px;font-size:65px;line-height:1.5;min-height:110px}.answers button:hover{border-color:#1689aa}.answers button.correct{background:#ddf2ce;border-color:#579142}.answers button.retry{background:#fbe4ec;border-color:#cc6d91}.feedback{min-height:58px;padding:15px 0;font-weight:bold}.game .actions{justify-content:center}.note{font-size:14px;line-height:1.8;opacity:.88;margin-block:14px}.picker{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;background:#fff2c3;border-radius:20px;padding:18px;margin-top:20px}.picker button{font-family:'Microsoft JhengHei',sans-serif;min-width:38px;min-height:42px;border-radius:10px;background:#fffdf7;font-size:20px}.picker button[aria-pressed=true]{background:#1689aa;color:#fff}.more-play{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;padding-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading img{width:140px}.section-heading p{margin-bottom:24px}.video-tools{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:7px 20px;background:#e0f5f7;border-radius:30px;font-size:17px}.filters button:nth-child(2n){background:#fbe0e7}.filters button[aria-pressed=true]{background:#1689aa;color:#fff}.search input{width:230px;border:2px solid #aecbd1;border-radius:30px;background:#fff;padding:9px 18px;font-size:17px}.video-list{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px;margin:24px 0 35px}.video-card{text-decoration:none;display:block;min-width:0}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:17px;background:#e0f5f7}.video-card h3{font-size:17px;font-weight:normal;margin-top:12px;line-height:1.65}.video-card:hover h3{color:#1689aa;text-decoration:underline}.center{text-align:center}.worksheets{background:#fff0b7}.worksheet-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.worksheet-layout figure{margin:0;transform:rotate(-3deg)}.worksheet-layout figure img{max-height:440px;width:100%;object-fit:contain;background:#fffdf7;padding:10px;box-shadow:0 8px 25px #745b2c18}.worksheet-layout figcaption{font-size:14px;text-align:center;margin-top:16px}.worksheet-layout h2{font-size:44px}.worksheet-layout .actions{margin-block:25px}.text-link{font-size:21px;font-weight:bold;color:#147d9a}.cooperation{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:35px}.cooperation h2{font-size:31px}.cooperation p{font-size:17px;margin-bottom:24px}.footer{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;font-size:13px;border-top:1px solid #dce8e4;padding-block:25px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;z-index:10;background:white}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:800px){.wrap{padding-inline:22px}.header{gap:10px}.brand{width:155px}.header nav{gap:15px;font-size:15px}.hero{min-height:0;grid-template-columns:1fr 1fr;padding-block:30px 50px}.hero h1{font-size:47px}.hero p{font-size:17px}.desktop{display:none}.button{font-size:16px;padding:10px 18px}.section{padding-block:50px}h2{font-size:32px}.game{grid-template-columns:1fr;padding:23px}.game-friend{display:none}.video-list{grid-template-columns:repeat(2,1fr)}.worksheet-layout{gap:30px}.worksheet-layout h2{font-size:32px}.cooperation{grid-template-columns:1fr}.cooperation>img{width:230px}.answers button{font-size:55px}}@media(max-width:520px){.header{flex-direction:column;padding-bottom:12px}.brand{width:170px}.header nav{gap:30px}.hero{display:flex;flex-direction:column;padding-top:25px;text-align:center}.hero h1{font-size:48px}.hero p{margin-block:20px}.hero .actions{justify-content:center}.hero-art{width:80%;max-width:310px;margin:26px 0 0 30px}.hero .cloud{left:-15%}.mode button{padding:12px 17px;font-size:20px}.game{padding:20px 15px}.game h3{font-size:20px}.game h3 strong{font-size:45px}.answers{grid-template-columns:repeat(2,1fr)}.answers button{min-height:85px;font-size:53px}.game .actions{gap:10px}.picker{gap:7px;padding:13px}.picker button{min-width:36px}.section-heading img{width:85px}.section-heading p{font-size:16px}.section-heading h2{font-size:29px}.search,.search input{width:100%}.video-list{gap:24px 14px}.video-card h3{font-size:14px}.worksheet-layout{grid-template-columns:1fr}.worksheet-layout figure{max-width:240px;margin:auto}.worksheet-layout figure img{max-height:310px}.worksheet-layout h2{font-size:34px}.cooperation h2{font-size:27px}.footer{font-size:12px}.more-play{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important}}

.worksheet-groups{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.worksheet-groups h3{font-size:20px}.worksheet-groups p{font-size:14px;margin:8px 0}.subject-links{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:16px}.extra-sheets{font-size:15px;margin-block:20px}.extra-sheets summary{cursor:pointer}.worksheet-layout figure{align-self:center}@media(max-width:520px){.worksheet-groups{grid-template-columns:1fr;gap:20px}}


.find{background:#fffdf7;border-block:1px solid #e7eee6}.activity-heading{display:flex;align-items:center;justify-content:center;gap:16px}.activity-heading h2{margin:0}.activity-heading>img{width:92px}.activity-intro{text-align:center;margin:12px 0 38px}.activity-menu{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.activity-menu a{display:flex;align-items:center;flex-direction:column;text-align:center;text-decoration:none;border-radius:24px;padding:12px 3px 20px;transition:transform .18s,background .18s}.activity-menu a:hover{background:#f1f8f3;transform:translateY(-5px)}.activity-art{display:block;width:100%;aspect-ratio:1;position:relative;max-width:210px}.activity-art:before{content:'';position:absolute;inset:58% 4% 3%;background:#e0f5f7;border-radius:50%;z-index:0}.flower:before{background:#e7f2da}.clock:before{background:#fff0bd}.lion:before{background:#fde6cc}.cloud:before{background:#eee4f5}.activity-art img{position:relative;width:100%;height:100%;object-fit:contain}.sprite{position:relative;display:block;width:100%;height:100%;background-image:url('/assets/activity-friends.png');background-repeat:no-repeat;background-size:300% 100%}.fish .sprite{background-position:left center}.flower .sprite{background-position:center}.clock .sprite{background-position:right center}.activity-menu strong{font-size:23px;margin-top:14px;white-space:nowrap}.play-label{font-size:16px;margin-top:12px;border-bottom:3px solid #bde4e9;padding:2px 10px;color:#126d86}.all-play-link{text-align:center;margin:32px 0 0;font-size:16px}.practice{max-width:1000px;padding-block:22px 50px}.practice h1{text-align:center;font-size:34px}.practice-intro{text-align:center;margin-top:12px}.practice-page .game{grid-template-columns:18% 1fr}.choose-symbol{margin-top:24px}.choose-symbol summary{cursor:pointer;padding:12px;text-align:center}.practice-page .header{max-width:1000px}.practice-page .brand{width:150px}@media(max-width:1000px){.activity-menu{gap:12px}.activity-menu strong{font-size:20px}}@media(max-width:650px){.activity-menu{grid-template-columns:repeat(2,1fr);gap:14px}.activity-heading>img{width:65px}.activity-heading h2{font-size:28px}.activity-intro{font-size:16px;margin-bottom:22px}.activity-menu a{padding:8px 8px 18px}.activity-art{max-width:155px}.activity-menu strong{font-size:21px}.activity-menu a:last-child{grid-column:1/-1;justify-self:center;width:50%}.practice-page .header{flex-direction:row}.practice-page .brand{width:115px}.practice h1{font-size:28px}.practice-intro{font-size:16px}.practice-page .game{grid-template-columns:1fr}.practice-page .game-friend{display:none}.all-play-link{margin-top:20px}}
.fish .sprite{background-size:275% 100%;background-position:left center}.flower .sprite{background-size:350% 100%;background-position:52% center}