@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{display:block}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{color:inherit}[hidden]{display:none!important}}@layer base{:root{--paper:#f7f4ec;--ink:#202721;--muted:#60685f;--accent:#bfd8ae;--green:#dce9cb;--forest:#254f3f;--line:#d9dcd1;--radius:12px}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter Variable,Inter,sans-serif;font-size:17px;line-height:1.65}::selection{background:var(--forest);color:var(--paper)}:focus-visible{outline:3px solid var(--forest);outline-offset:5px}.dark-section :focus-visible,.english-graphic :focus-visible{outline-color:var(--green)}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance;font-weight:700;line-height:1.12}h1{font-size:clamp(52px,5.3vw,80px)}h2{font-size:44px}h3{font-size:32px}p{text-wrap:pretty}svg{flex-shrink:0}button{cursor:pointer}.container{width:min(1280px,100% - 160px);margin-inline:auto}.section{padding-block:64px}.mobile-break{display:none}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600;line-height:1.5;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:var(--paper);border-radius:4px;padding:12px 20px;position:fixed;top:16px;left:20px;transform:translateY(-200%)}.skip-link:focus{transform:none}}@layer components{.site-header{z-index:20;background:var(--paper);position:relative}.header-inner{justify-content:space-between;align-items:center;gap:28px;min-height:96px;display:flex}.wordmark{letter-spacing:-.055em;overflow-wrap:anywhere;max-width:260px;font-size:32px;font-weight:800;line-height:1.15}.desktop-nav{align-items:center;gap:32px;display:flex}.desktop-nav a{color:var(--muted);padding-block:12px;font-size:15px;font-weight:500;transition:color .2s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--ink)}.desktop-nav a[aria-current]{font-weight:700}.menu-toggle{background:0 0;border:0;border-radius:4px;width:44px;height:44px;padding:10px;display:none}.menu-toggle svg+svg,.menu-toggle[aria-expanded=true] svg:first-child{display:none}.menu-toggle[aria-expanded=true] svg+svg{display:block}.mobile-nav{background:var(--paper);border-block:1px solid var(--line);padding-block:8px 24px}.mobile-nav a{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 4px;font-size:20px;display:flex}.mobile-nav a[aria-current]{color:var(--forest);font-weight:700}.button{letter-spacing:-.015em;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;width:fit-content;min-height:54px;padding:15px 24px;font-size:15px;font-weight:600;line-height:1.45;transition:background .2s,color .2s,transform .2s;display:inline-flex}.button--dark{background:var(--ink);color:var(--paper)}.button--light{background:var(--green);color:var(--forest)}.button--forest{background:var(--forest);color:var(--paper)}.button:hover{transform:translateY(-2px)}.button--dark:hover,.button--forest:hover{background:#38614b}.button--light:hover{background:var(--accent)}.text-link{align-items:center;gap:10px;width:fit-content;font-size:15px;font-weight:600;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.home-hero{grid-template-columns:minmax(0,1fr) 570px;align-items:center;gap:56px;padding-block:64px 80px;display:grid}.hero-copy{flex-direction:column;align-items:flex-start;gap:26px;min-width:0;display:flex}.home-hero h1{letter-spacing:-.045em;font-size:76px;line-height:1.06}.hero-description{color:var(--muted);max-width:810px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.play-graphic{aspect-ratio:570/490;background:var(--accent);border-radius:16px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.play-word{letter-spacing:-.065em;font-size:19cqw;font-weight:900;line-height:1.25;position:absolute;top:1.5%;left:6%}.play-orbit{aspect-ratio:1;border:1px solid #20272140;border-radius:50%;width:49%;position:absolute;top:29.6%;left:37.5%}.play-controller{stroke-width:1.8px;width:46%;height:39%;position:absolute;top:34%;left:18%;transform:rotate(12deg)}.hello-tile{background:var(--green);width:35%;height:34%;color:var(--forest);border-radius:10px;flex-direction:column;justify-content:space-between;padding:3.8%;display:flex;position:absolute;bottom:7%;right:5%;transform:rotate(-6deg)}.hello-tile>span{letter-spacing:.16em;font-size:1.95cqw;font-weight:700}.hello-tile strong{letter-spacing:-.05em;font-size:7.2cqw;line-height:1}.hello-tile svg{width:5cqw;height:5cqw}.play-caption{letter-spacing:.1em;font-size:1.8cqw;position:absolute;bottom:4%;left:5.3%}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px;display:flex}.section-heading>p{max-width:350px;color:var(--muted);font-size:16px}.activity-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.activity-panel{border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:24px;padding:36px;display:flex}.activity-panel--games{background:var(--accent)}.activity-panel--education{background:var(--green)}.panel-top{justify-content:space-between;align-items:center;width:100%;display:flex}.panel-top .eyebrow{color:var(--ink)}.activity-panel h3{font-size:42px}.activity-panel .button{margin-top:auto}.dark-section{background:var(--ink);color:var(--paper)}.dark-section .eyebrow{color:var(--green);margin-bottom:24px}.studio-intro{grid-template-columns:420px minmax(0,1fr);gap:80px;display:grid}.studio-intro h2{font-size:46px}.studio-intro>div:last-child{flex-direction:column;align-items:flex-start;gap:26px;display:flex}.studio-intro p:not(.eyebrow){font-size:20px}.latest-section>.eyebrow{margin-bottom:26px}.article-list{gap:48px;display:grid}.article-card{grid-template-columns:550px minmax(0,1fr);align-items:center;gap:48px;display:grid}.article-cover{background:var(--green);min-height:360px;color:var(--forest);border-radius:var(--radius);flex-direction:column;justify-content:space-between;padding:38px;display:flex}.article-cover .eyebrow{color:var(--forest)}.article-cover strong{letter-spacing:-.045em;font-size:82px;line-height:1.08}.article-info{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.article-info h3{font-size:42px}.article-info h3 a:hover{text-underline-offset:6px;text-decoration:underline 2px}.article-info p{color:var(--muted);font-size:18px}.article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;display:flex}.article-card--compact{grid-template-columns:350px minmax(0,1fr);gap:40px}.article-card--compact .article-cover{border-radius:8px;min-height:220px;padding:28px}.article-card--compact .article-cover strong{font-size:52px}.article-card--compact h3{font-size:32px}.article-card--compact p{font-size:17px}.article-card--compact .article-info{gap:18px}.article-card--compact .button{color:var(--ink);background:0 0;border:0;min-height:32px;padding:0}.contact-band{background:var(--accent)}.contact-inner{justify-content:space-between;align-items:center;gap:40px;padding-block:60px;display:flex}.contact-inner>div{max-width:760px}.contact-inner h2{margin-bottom:14px;font-size:52px}.contact-inner p{font-size:16px}.contact-inner .button{flex-shrink:0}.contact-inner .contact-pending{color:var(--forest);margin-top:20px;font-size:14px}.email-link{text-underline-offset:5px;overflow-wrap:anywhere;margin-top:20px;text-decoration:underline;display:inline-block}.site-footer{padding-block:40px 24px}.footer-main{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;padding-top:30px;display:flex}.footer-main .wordmark{font-size:28px}.footer-main p{color:var(--muted);font-size:14px}.footer-main small{color:var(--muted);font-size:13px}.footer-links{color:var(--muted);flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:13px;display:flex}.footer-links a:hover{text-decoration:underline}.education-hero{background:var(--green);color:var(--forest)}.education-hero .section{padding-block:64px 72px}.education-hero .eyebrow{color:var(--forest)}.education-hero-grid{grid-template-columns:minmax(0,1fr) 460px;align-items:center;gap:60px;margin-top:30px;display:grid}.education-hero h1{font-size:68px}.education-hero .hero-description{color:var(--forest);font-size:19px}.english-graphic{border-radius:var(--radius);background:var(--forest);min-height:340px;color:var(--green);flex-direction:column;justify-content:space-between;padding:34px;display:flex}.english-graphic-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.english-graphic .eyebrow{color:var(--green)}.english-graphic strong{letter-spacing:-.05em;color:var(--paper);font-size:96px;line-height:1.2}.hello-translation{flex-wrap:wrap;gap:20px;font-size:18px;display:flex}.english-info{grid-template-columns:400px minmax(0,1fr);gap:100px;padding-block:72px;display:grid}.english-info .eyebrow{margin-bottom:20px}.english-info h2{font-size:64px}.english-copy{flex-direction:column;align-items:flex-start;gap:26px;display:flex}.english-copy p{color:var(--muted);font-size:18px}.english-copy .lead{color:var(--ink);font-size:27px;font-weight:500;line-height:1.45}.related-link{border-top:1px solid var(--line);width:100%;color:var(--forest);padding-top:26px}.about-hero{padding-block:72px}.about-hero h1{margin-block:26px}.about-hero .hero-description{font-size:21px}.about-direction{grid-template-columns:1fr 1fr;gap:80px;display:grid}.about-direction p{font-size:21px}.activity-row{border-top:1px solid var(--line);grid-template-columns:70px 1fr 420px 32px;align-items:center;gap:40px;padding-block:36px;display:grid}.activity-row h2{font-size:34px}.activity-row p{color:var(--muted)}.activity-row:hover h2{color:var(--forest)}.activity-row>svg{transition:transform .2s}.activity-row:hover>svg{transform:translate(3px,-3px)}.games-hero{background:var(--accent)}.games-hero .container{justify-content:space-between;align-items:center;gap:60px;display:flex}.games-hero .eyebrow{color:var(--ink)}.games-hero h1{margin-block:24px;font-size:104px}.games-hero p:not(.eyebrow){max-width:700px;font-size:21px}.games-hero-icon{width:240px;height:240px}.catalogue h2{margin-bottom:32px}.catalogue-empty{border-block:1px solid var(--line);align-items:center;gap:48px;padding-block:36px;display:flex}.catalogue-symbol{background:var(--green);color:var(--forest);border-radius:var(--radius);flex-shrink:0;place-items:center;width:150px;height:150px;display:grid}.catalogue-empty>div:last-child{flex-direction:column;align-items:flex-start;gap:16px;max-width:730px;display:flex}.catalogue-empty p{color:var(--muted);font-size:18px}.game-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;display:grid}.game-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.game-card img{aspect-ratio:1024/500;object-fit:contain;background:var(--green);width:100%}.game-card-art{background:var(--green);aspect-ratio:8/5;place-items:center;display:grid}.game-card-info{gap:16px;padding:28px;display:grid}.game-card h3{justify-content:space-between;align-items:center;display:flex}.game-card p{color:var(--muted)}.game-detail{gap:28px;display:grid}.game-detail-cover{object-fit:contain;border-radius:var(--radius);width:100%;max-height:650px}.screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:28px;display:grid}.screenshot-grid img{object-fit:contain;width:100%;max-height:550px}figcaption{color:var(--muted);margin-top:12px;font-size:14px}.blog-page>h1{margin-block:24px}.blog-page>.hero-description{font-size:21px}.category-filters{flex-wrap:wrap;gap:12px;margin-block:32px 48px;display:flex}.category-filters button{background:var(--green);min-height:48px;color:var(--forest);border:1px solid #0000;border-radius:6px;padding:12px 24px;font-size:15px;font-weight:600}.category-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.category-filters button:hover{border-color:var(--forest)}.blog-page .article-list{border-bottom:1px solid var(--line);padding-bottom:24px}.blog-empty{gap:24px;max-width:820px;padding-block:60px 24px;display:grid}.blog-empty p{color:var(--muted)}.post{max-width:900px}.post-header{gap:24px;margin-block:40px;display:grid}.post h1{font-size:58px}.prose{max-width:760px;font-size:19px;line-height:1.85}.prose p+p{margin-top:24px}.prose a{text-underline-offset:4px;color:var(--forest);text-decoration:underline}.prose h2{margin-block:48px 24px;font-size:32px}.prose h3{margin-block:32px 20px;font-size:26px}.prose img{border-radius:8px}.prose pre{padding:20px;overflow:auto}.toc{border:1px solid var(--line);border-radius:8px;margin-bottom:40px;padding:24px}.toc a:hover{text-decoration:underline}.post-share{border-top:1px solid var(--line);margin-top:40px;padding-top:28px}#copy-status{min-height:28px;color:var(--forest);margin-top:12px;font-size:14px}.not-found{flex-direction:column;justify-content:center;gap:28px;min-height:65vh;display:flex}.not-found p:not(.eyebrow){max-width:650px;color:var(--muted)}}@layer responsive{@media (width>=1800px){.container{width:1440px}}@media (width<=1200px){.container{width:calc(100% - 96px)}.home-hero{grid-template-columns:1fr 1fr;gap:36px}.home-hero h1{font-size:64px}.hero-actions{gap:12px}.button{gap:16px;padding-inline:20px}.desktop-nav{gap:22px}.studio-intro{grid-template-columns:1fr 1.4fr;gap:48px}.education-hero-grid{grid-template-columns:1.4fr 1fr;gap:40px}.education-hero h1{font-size:54px}.english-graphic{min-height:300px;padding:28px}.english-graphic strong{font-size:80px}.english-info{grid-template-columns:1fr 1.6fr;gap:60px}.article-card{grid-template-columns:1fr 1.1fr;gap:36px}.article-info h3{font-size:34px}.article-card--compact{grid-template-columns:300px 1fr}.activity-row{grid-template-columns:40px 1fr 1fr 28px;gap:24px}.activity-row h2{font-size:28px}.contact-inner h2{font-size:44px}}@media (width<=899px){.container{width:calc(100% - 64px)}.header-inner{min-height:80px}.desktop-nav,.header-contact{display:none}.menu-toggle{place-items:center;display:grid}.wordmark{font-size:28px}.home-hero{grid-template-columns:1fr 1fr;gap:28px;padding-block:40px 56px}.home-hero h1{font-size:50px}.hero-description{font-size:17px}h2{font-size:36px}.section{padding-block:48px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.activity-panel{padding:24px}.activity-panel h3{font-size:32px}.studio-intro{gap:32px}.studio-intro h2{font-size:36px}.studio-intro p:not(.eyebrow),.about-direction p{font-size:18px}.article-card--compact{grid-template-columns:250px 1fr;gap:28px}.article-card--compact h3{font-size:28px}.contact-inner{flex-direction:column;align-items:flex-start;gap:28px;padding-block:48px}.contact-inner h2{font-size:40px}.education-hero h1{font-size:45px}.english-graphic{min-height:270px;padding:24px}.english-graphic strong{font-size:64px}.english-graphic-top svg{display:none}.english-info{gap:36px}.english-info h2{font-size:54px}.english-copy .lead{font-size:24px}.about-direction{gap:32px}.games-hero h1{font-size:80px}.games-hero-icon{width:170px;height:170px}.catalogue-empty{gap:28px}.catalogue-symbol{width:110px;height:110px}.article-cover{min-height:280px;padding:28px}.article-cover strong{font-size:64px}.article-info h3{font-size:30px}.footer-main{flex-wrap:wrap;align-items:flex-start}}@media (width<=599px){.mobile-break{display:initial}.container{width:calc(100% - 48px)}.section{padding-block:40px}.header-inner{gap:16px}h1{font-size:48px}h2{font-size:34px}h3{font-size:28px}.home-hero{grid-template-columns:1fr;gap:24px;padding-block:28px 40px}.hero-copy{gap:24px}.home-hero h1{font-size:56px}.hero-actions{align-items:flex-start}.home-hero .hero-actions{flex-direction:column;gap:12px}.home-hero .hero-actions .button--light{background:0 0;min-height:40px;padding:4px 0}.play-graphic{aspect-ratio:342/300;border-radius:12px}.activity-section{padding-top:36px}.section-heading{margin-bottom:24px}.activity-grid{grid-template-columns:1fr}.activity-panel{gap:20px}.activity-panel h3{font-size:31px}.activity-panel p{font-size:16px}.studio-intro{grid-template-columns:1fr;gap:24px}.studio-intro p:not(.eyebrow){font-size:17px}.article-card,.article-card--compact{grid-template-columns:1fr;gap:24px}.article-card .article-cover,.article-card--compact .article-cover{min-height:220px;padding:24px}.article-cover strong{font-size:56px}.article-card--compact .article-cover strong{font-size:48px}.article-card--compact h3{font-size:28px}.article-info{gap:20px}.contact-inner{gap:28px;padding-block:40px}.contact-inner h2{font-size:36px}.contact-inner p{font-size:16px}.site-footer{padding-block:32px}.footer-main{flex-direction:column;gap:20px}.footer-main p{max-width:300px}.footer-links{gap:12px 20px}.education-hero .section{padding-block:32px 40px}.education-hero-grid{grid-template-columns:1fr;gap:26px;margin-top:26px}.education-hero h1{font-size:46px}.education-hero .hero-description{font-size:18px}.english-graphic{min-height:240px}.english-graphic strong{font-size:76px}.hello-translation{gap:16px;font-size:16px}.english-info{grid-template-columns:1fr;gap:24px}.english-info h2{font-size:48px}.english-copy{gap:24px}.english-copy .lead{font-size:23px}.english-copy p{font-size:17px}.about-hero h1{font-size:49px}.about-hero .hero-description{font-size:18px}.about-direction{grid-template-columns:1fr;gap:24px}.activity-row{grid-template-columns:1fr 28px;gap:20px;padding-block:28px}.activity-row>.eyebrow{grid-column:1}.activity-row>h2{grid-column:1;font-size:28px}.activity-row>p{grid-column:1;font-size:16px}.activity-row>svg{grid-area:2/2}.games-hero .container{flex-direction:column;align-items:flex-start;gap:24px}.games-hero h1{font-size:68px}.games-hero p:not(.eyebrow){font-size:18px}.games-hero-icon{align-self:flex-end;width:110px;height:110px}.catalogue-empty{flex-direction:column;align-items:flex-start;gap:24px}.catalogue-empty p{font-size:17px}.catalogue-symbol{width:90px;height:90px}.catalogue-symbol svg{width:46px;height:46px}.blog-page>h1{font-size:48px}.blog-page>.hero-description{font-size:18px}.category-filters{margin-block:28px 36px}.article-info h3{font-size:30px}.article-info p{font-size:17px}.post h1{font-size:40px}.prose{font-size:17px}.not-found h1{font-size:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer action-game;@layer motion{:root{--motion-spring:cubic-bezier(.22, 1, .36, 1)}.motion-toggle{appearance:none;color:inherit;font:inherit;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.motion-toggle:disabled{cursor:default;text-decoration:none}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:.14s ease-out both motion-page-out}::view-transition-new(root){animation:motion-page-in .28s var(--motion-spring) both}html:not([data-motion=reduced]){& .button,& .en-primary,& .en-secondary,& .en-listen,& .category-filters button{isolation:isolate;transition:transform .35s var(--motion-spring), box-shadow .35s var(--motion-spring), background .2s, color .2s;position:relative;overflow:hidden}& .button svg,& .text-link svg,& .activity-row>svg,& .game-card h3 svg{transition:transform .4s var(--motion-spring)}& .button:active,& .en-primary:active,& .en-secondary:active,& .en-listen:active,& .category-filters button:active{transform:translateY(1px)scale(.96)}& .button:focus-visible svg,& .text-link:focus-visible svg{transform:translate(3px,-3px)}& .motion-card{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .55s var(--motion-spring), box-shadow .55s var(--motion-spring)}& .motion-card.motion-tracking{transition-duration:.13s}& .game-card img,& .en-course-card img,& .en-hero img{transition:transform .7s var(--motion-spring)}& .en-course-card{transition:translate .45s var(--motion-spring), box-shadow .45s var(--motion-spring), border-color .25s}& .activity-row{transition:background .25s, padding .4s var(--motion-spring)}& .desktop-nav a,& .en-nav a{position:relative}& .desktop-nav a:after{content:"";background:var(--forest);transform-origin:0;height:2px;transition:transform .35s var(--motion-spring);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}& .desktop-nav a[aria-current]:after,& .desktop-nav a:focus-visible:after{transform:scaleX(1)}& .mobile-nav:not([hidden]){animation:motion-menu-in .3s var(--motion-spring)}& .mobile-nav a{animation:motion-page-in .35s var(--motion-spring) both}& .mobile-nav a:nth-child(2){animation-delay:25ms}& .mobile-nav a:nth-child(3){animation-delay:50ms}& .mobile-nav a:nth-child(4){animation-delay:75ms}& .mobile-nav a:nth-child(5){animation-delay:.1s}& .mobile-nav a:nth-child(6){animation-delay:.125s}& .play-controller{animation:5s ease-in-out infinite motion-controller}& .hello-tile{animation:6s ease-in-out infinite motion-hello}& .play-word{animation:7s ease-in-out infinite motion-word}& .play-orbit{animation:18s linear infinite motion-orbit}& .play-orbit:before{content:"";background:var(--forest);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:calc(50% - 5px);box-shadow:0 0 0 5px #254f3f0d}& .play-controller,& .hello-tile,& .play-word{translate:var(--drift-x,0px) var(--drift-y,0px)}& .english-graphic>strong{animation:6s ease-in-out infinite motion-greeting}& .english-graphic-top svg{animation:5s ease-in-out infinite motion-message}& .games-hero-icon{animation:6s ease-in-out infinite motion-gamepad}& .motion-offscreen,& .motion-offscreen *,& .motion-offscreen :before,&.motion-background *,&.motion-background :before{animation-play-state:paused!important}& .en-feedback:not([hidden]),& .en-result:not([hidden]){animation:motion-feedback .42s var(--motion-spring)}& .en-listen[aria-pressed=true]{animation:1.4s ease-in-out infinite motion-listening}}@media (hover:hover) and (pointer:fine){html:not([data-motion=reduced]){& .button:hover,& .en-primary:hover,& .en-secondary:hover,& .en-listen:hover{transform:translateY(-4px);box-shadow:0 7px 0 -3px #254f3f26}& .button:hover svg,& .text-link:hover svg,& .game-card:hover h3 svg{transform:translate(3px,-3px)}& .desktop-nav a:hover:after{transform:scaleX(1)}& .activity-panel:hover,& .game-card:hover,& .article-cover:hover{box-shadow:0 18px 36px -22px #254f3f70}& .game-card:hover img,& .en-course-card:hover img{transform:scale(1.035)}& .en-course-card:hover{border-color:var(--accent);translate:0 -5px;box-shadow:0 16px 28px -20px #254f3f80}& .activity-row:hover{background:#bfd8ae24;padding-inline:12px}& .activity-row:hover>svg{transform:translate(4px,-4px)}}}}.motion-pulse{z-index:-1;width:var(--pulse-size);height:var(--pulse-size);opacity:0;pointer-events:none;background:currentColor;border-radius:50%;animation:.55s ease-out motion-pulse;position:absolute;transform:translate(-50%,-50%)scale(0)}html[data-motion=reduced]{scroll-behavior:auto;&::view-transition-group(*),&::view-transition-old(*),&::view-transition-new(*){animation:none!important}& *,& :before,& :after{transition-duration:0s!important;animation:none!important}}@media (prefers-reduced-motion:reduce){.motion-pulse{display:none}}}@keyframes motion-controller{0%,to{transform:translateY(0)rotate(12deg)}50%{transform:translateY(-12px)rotate(7deg)}}@keyframes motion-hello{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-9px)rotate(-2deg)}}@keyframes motion-word{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes motion-orbit{to{rotate:360deg}}@keyframes motion-greeting{0%,to{translate:0;rotate:0deg}50%{translate:0 -7px;rotate:-2deg}}@keyframes motion-message{0%,80%,to{rotate:0deg}85%{rotate:-8deg}90%{rotate:8deg}95%{rotate:-4deg}}@keyframes motion-gamepad{0%,to{translate:0;rotate:0deg}50%{translate:0 -9px;rotate:-4deg}}@keyframes motion-pulse{0%{opacity:.2;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes motion-menu-in{0%{opacity:.3;translate:0 -8px}to{opacity:1;translate:0}}@keyframes motion-page-in{0%{opacity:.3;translate:0 8px}to{opacity:1;translate:0}}@keyframes motion-page-out{to{opacity:0}}@keyframes motion-feedback{0%{opacity:.4;translate:0 8px;scale:.98}to{opacity:1;translate:0;scale:1}}@keyframes motion-listening{0%,to{box-shadow:0 0 #254f3f20}50%{box-shadow:0 0 0 4px #254f3f00}}.login-reminder[data-astro-cid-npntiiez]{border:1px solid var(--line);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);z-index:120;background:#fffdf6;border-radius:20px;margin:auto;padding:32px;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 80px #20272140}.login-reminder[data-astro-cid-npntiiez]::backdrop{backdrop-filter:blur(3px);background:#17271fcc}html:has([data-login-reminder]:modal){overflow:hidden}.login-reminder-close[data-astro-cid-npntiiez]{background:0 0;border:0;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;position:absolute;top:8px;right:8px}.login-reminder-close[data-astro-cid-npntiiez]:hover{background:var(--green)}.login-reminder-eyebrow[data-astro-cid-npntiiez]{letter-spacing:.1em;color:var(--muted);margin:0 32px 12px 0;font-size:10px;font-weight:600}.login-reminder[data-astro-cid-npntiiez] h2[data-astro-cid-npntiiez]{margin-bottom:12px;font-size:24px;line-height:1.2}#login-reminder-description[data-astro-cid-npntiiez]{font-size:15px;line-height:1.65}.login-reminder-actions[data-astro-cid-npntiiez]{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.login-reminder-actions[data-astro-cid-npntiiez] .button[data-astro-cid-npntiiez]{gap:8px;min-height:44px;padding:12px;font-size:14px}@media (width<=600px){.login-reminder[data-astro-cid-npntiiez]{padding:24px}}.site-header[data-astro-cid-nen7h5rs]{border-bottom:1px solid var(--line)}.header-inner[data-astro-cid-nen7h5rs]{gap:24px;min-height:84px}.wordmark[data-astro-cid-nen7h5rs]{letter-spacing:-.055em;white-space:nowrap;max-width:none;font-size:27px}.desktop-nav[data-astro-cid-nen7h5rs]{gap:24px}.header-actions[data-astro-cid-nen7h5rs]{align-items:center;gap:16px;margin-left:auto;display:flex}.language-menu[data-astro-cid-nen7h5rs]{position:relative}.language-menu[data-astro-cid-nen7h5rs] summary[data-astro-cid-nen7h5rs]{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:56px;min-height:44px;font-size:13px;font-weight:600;list-style:none;display:flex}.language-menu[data-astro-cid-nen7h5rs] summary[data-astro-cid-nen7h5rs]::-webkit-details-marker{display:none}.language-menu[data-astro-cid-nen7h5rs] summary[data-astro-cid-nen7h5rs]:hover,.language-menu[data-astro-cid-nen7h5rs][open] summary[data-astro-cid-nen7h5rs]{background:var(--green)}.locale-en[data-astro-cid-nen7h5rs]{display:none}html[lang=en] .locale-en[data-astro-cid-nen7h5rs]{display:inline}html[lang=en] .locale-vi[data-astro-cid-nen7h5rs]{display:none}.language-switch[data-astro-cid-nen7h5rs]{border:1px solid var(--line);z-index:30;background:#fffdf8;border-radius:12px;gap:2px;width:160px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #20272114}.language-switch[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{border-radius:6px;align-items:center;min-height:44px;padding:10px 14px;font-size:14px;display:flex}.language-switch[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover{background:var(--green)}.language-switch[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current]{background:var(--forest);color:var(--paper)}.header-account[data-astro-cid-nen7h5rs],.header-contact[data-astro-cid-nen7h5rs]{white-space:nowrap;align-items:center;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.header-account[data-astro-cid-nen7h5rs]:hover,.header-contact[data-astro-cid-nen7h5rs]:hover{text-underline-offset:4px;text-decoration:underline}.header-account[data-astro-cid-nen7h5rs]{gap:7px;min-width:0;max-width:160px}.header-contact[data-astro-cid-nen7h5rs]{color:var(--muted);font-weight:500}.header-account[data-astro-cid-nen7h5rs] .account-icon{display:none}.header-user-name[data-astro-cid-nen7h5rs]{text-overflow:ellipsis;max-width:125px;overflow:hidden}.header-account-avatar[data-astro-cid-nen7h5rs]{background:var(--green);color:var(--forest);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:10px;display:grid}@media (width<=1200px){.header-contact[data-astro-cid-nen7h5rs]{display:none}.desktop-nav[data-astro-cid-nen7h5rs]{gap:18px}.header-inner[data-astro-cid-nen7h5rs]{gap:20px}.wordmark[data-astro-cid-nen7h5rs]{font-size:24px}}@media (width<=1000px) and (width>=900px){.header-inner[data-astro-cid-nen7h5rs]{gap:14px}.desktop-nav[data-astro-cid-nen7h5rs]{gap:12px}.desktop-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{font-size:13px}.wordmark[data-astro-cid-nen7h5rs]{font-size:21px}.header-actions[data-astro-cid-nen7h5rs]{gap:8px}}@media (width<=599px){.header-inner[data-astro-cid-nen7h5rs]{gap:4px;width:calc(100% - 32px);min-height:72px}.header-inner[data-astro-cid-nen7h5rs] .wordmark[data-astro-cid-nen7h5rs]{white-space:normal;min-width:0;max-width:180px;font-size:20px}.header-actions[data-astro-cid-nen7h5rs]{gap:0}.header-account[data-astro-cid-nen7h5rs]{justify-content:center;width:44px;min-width:44px}.header-account[data-astro-cid-nen7h5rs] .account-icon{display:block}.header-account[data-astro-cid-nen7h5rs]:has([data-account-avatar]:not([hidden])) .account-icon{display:none}.header-account[data-astro-cid-nen7h5rs] [data-astro-cid-nen7h5rs][data-account-guest-label],.header-user-name[data-astro-cid-nen7h5rs]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.language-menu[data-astro-cid-nen7h5rs] summary[data-astro-cid-nen7h5rs]{min-width:48px}}.theme-preview[data-astro-cid-w5hierqa]{border:1px dashed var(--line);background:var(--paper);width:min(480px,100% - 32px);color:var(--ink);border-radius:12px;margin:0 auto 28px;padding:12px 18px;font-size:13px}summary[data-astro-cid-w5hierqa]{cursor:pointer;align-content:center;min-height:32px;font-weight:600;display:list-item}label[data-astro-cid-w5hierqa]{margin-block:12px 6px;display:block}select[data-astro-cid-w5hierqa]{border:1px solid var(--line);background:var(--paper);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:6px;padding:8px 12px}p[data-astro-cid-w5hierqa]{color:var(--muted);margin-top:8px}html[data-theme=halloween]{color-scheme:dark;--paper:#181321;--ink:#fff4e1;--muted:#c2b4cf;--accent:#30213e;--green:#2b2238;--forest:#ffa352;--line:#4c3b5c;--radius:18px;--surface:#241c30;--surface-soft:#30263e}html[data-theme=halloween] body{background:radial-gradient(ellipse at 80% 12%,#30203b66,transparent 38%),var(--paper)}html[data-theme=halloween] :focus-visible{outline-color:#ffbd7d}html[data-theme=halloween] ::selection{color:#181321;background:#ffa352}html[data-theme=halloween] .site-header{background:var(--paper)}html[data-theme=halloween] .desktop-nav a[aria-current]{color:var(--forest)}html[data-theme=halloween] .header-account{border:1px solid var(--line);border-radius:9px;padding-inline:14px}html[data-theme=halloween] .language-switch{background:var(--surface);box-shadow:0 12px 32px #0005}html[data-theme=halloween] .language-switch a[aria-current]{background:var(--forest);color:var(--paper)}html[data-theme=halloween] .home-page .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;padding-block:48px 56px}html[data-theme=halloween] .home-page .home-hero h1{letter-spacing:-.05em;text-wrap:initial;font-size:clamp(42px,4.5vw,66px);line-height:1.12}html[data-theme=halloween] .hero-copy>.eyebrow,html[data-theme=halloween] .home-products .eyebrow,html[data-theme=halloween] .halloween-highlight{color:var(--forest)}html[data-theme=halloween] .home-page .hero-description{max-width:470px;font-size:18px}.home-hero-art{min-width:0}.halloween-graphic{isolation:isolate;aspect-ratio:6/5;background:#21192e;border-radius:24px;position:relative;overflow:hidden;container-type:inline-size}.halloween-graphic picture,.halloween-graphic img{object-fit:cover;width:100%;height:100%}.halloween-badge{color:#ffba70;background:#30213ef0;border:1px solid #725076;border-radius:9px;padding:8px 14px;font-size:2.8cqw;font-weight:700;position:absolute;top:5%;right:5%;transform:rotate(5deg)}.halloween-hello{color:#392641;letter-spacing:-.04em;font-size:7cqw;font-weight:800;line-height:1;position:absolute;top:32.5%;left:13%;transform:rotate(-10deg)}html[data-theme=halloween] .button{border-radius:10px}html[data-theme=halloween] :is(.button--forest,.button--dark,.en-primary){background:var(--forest);color:var(--paper);border-color:var(--forest)}html[data-theme=halloween] :is(.button--forest,.button--dark,.en-primary):hover{background:#ffb776;border-color:#ffb776}html[data-theme=halloween] .button--light{background:var(--green);color:var(--ink);border-color:var(--line)}html[data-theme=halloween] .home-learn-button{color:var(--ink);background:0 0;border-color:#c2b4cf}html[data-theme=halloween] .home-learn-button:hover{background:var(--green)}html[data-theme=halloween] .home-page .game-card{background:var(--surface);border-radius:18px}html[data-theme=halloween] .game-card-info .text-link{color:var(--forest)}html[data-theme=halloween] .home-learning{border-top:1px solid var(--line)}html[data-theme=halloween] .home-lesson-art{background:var(--surface)}html[data-theme=halloween] .home-lesson-art>div>span{color:var(--ink)}html[data-theme=halloween] .home-lesson-art>div>p{color:var(--muted)}html[data-theme=halloween] .dark-section{background:var(--surface);color:var(--ink);border-block:1px solid var(--line)}html[data-theme=halloween] .dark-section .eyebrow{color:var(--forest)}html[data-theme=halloween] .dark-section :focus-visible{outline-color:var(--forest)}html[data-theme=halloween] .contact-band{background:var(--surface-soft);border-block:1px solid var(--line)}html[data-theme=halloween] .contact-inner>div{max-width:800px}html[data-theme=halloween] .contact-inner p{color:var(--muted)}html[data-theme=halloween] .education-hero{color:var(--ink)}html[data-theme=halloween] .education-hero .hero-description{color:var(--muted)}html[data-theme=halloween] .english-graphic{color:var(--ink);background:#392743;border:1px solid #715175}html[data-theme=halloween] .english-graphic strong{color:var(--ink)}html[data-theme=halloween] .english-graphic .eyebrow{color:var(--muted)}html[data-theme=halloween] :is(.en-panel,.en-course-card,.en-phrase-index,.en-index-tools-panel,.en-secondary,.en-listen,.en-quiet,.en-input,.en-search,.en-textarea,.en-alphabet a,.ag-auto-lesson,.account-card,.login-reminder){background:var(--surface);color:var(--ink)}html[data-theme=halloween] :is(.en-audio-settings,.en-patterns span,.en-pill){background:var(--surface-soft)}html[data-theme=halloween] :is(.en-input,.en-search,.en-textarea){border-color:var(--line)}html[data-theme=halloween] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}html[data-theme=halloween] :is(.en-course-filters,.en-audio-settings,.en-row-voice) select,html[data-theme=halloween] .course-list .en-course-filters input,html[data-theme=halloween] .course-pagination button{background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme=halloween] :is(.en-primary,.en-listen[aria-pressed=true]),html[data-theme=halloween] .course-pagination button[aria-current=page]{background:var(--forest);color:var(--paper);border-color:var(--forest)}html[data-theme=halloween] :is(.en-listen,.en-secondary):hover{background:var(--surface-soft)}html[data-theme=halloween] .en-notice,html[data-theme=halloween] .en-feedback[data-correct=false]{color:#ffd1ac;background:#3d2931}html[data-theme=halloween] .login-reminder::backdrop{background:#100b1bd9}html[data-theme=halloween] :is(.ag-feedback,.ag-pause-dialog,.ag-load-error){color:#25403f}html[data-theme=halloween] .ag-pause-dialog .en-secondary{color:#25403f;background:#fffbed}@media (width<=1100px){html[data-theme=halloween] .home-page .home-hero{gap:28px}html[data-theme=halloween] .home-page .home-hero h1{font-size:clamp(37px,4.4vw,52px)}}@media (width<=850px){html[data-theme=halloween] .home-page .home-hero{grid-template-columns:1fr;gap:32px;padding-block:36px 44px}html[data-theme=halloween] .home-page .home-hero h1{font-size:clamp(42px,7vw,64px)}html[data-theme=halloween] .home-hero-art{justify-self:center;width:100%;max-width:600px}html[data-theme=halloween] .home-page .hero-description{max-width:600px}}@media (width<=599px){html[data-theme=halloween] .header-account{border:0;padding:0}html[data-theme=halloween] .home-page .hero-description{font-size:16px}.halloween-graphic{border-radius:18px}}@media (width<=359px){html[data-theme=halloween] .home-page .home-hero h1{font-size:37px}}.theme-halloween,html[data-theme=halloween] .theme-classic{display:none}html[data-theme=halloween] .theme-halloween{display:revert}@media (width<=850px){.home-hero-art{justify-self:center;width:100%;max-width:600px}}