.account-page,.account-loading{color:#3c3d47;background:#faf9f6;min-height:100dvh;font-family:DM Sans Variable,sans-serif}.session-refresh-note{z-index:100;color:#674c22;background:#fff8e9;border:1px solid #e5d5af;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #3c30451a}.session-refresh-note button{min-height:44px;color:inherit;font:inherit;background:#fff;border:1px solid #c6ab7b;border-radius:10px;padding:8px 12px;font-weight:700}.account-page{grid-template-columns:1fr 1fr;display:grid}.account-story{background:#efebfa;padding:60px clamp(28px,6vw,100px);position:relative;overflow:hidden}.account-brand{align-items:center;gap:9px;margin-bottom:68px;font-family:Nunito Variable,sans-serif;font-size:28px;font-weight:850;display:flex}.account-brand span{color:#725ab5;margin-left:-9px}.account-brand small{letter-spacing:2px;margin-left:14px;font:700 10px DM Sans Variable,sans-serif}.account-eyebrow{letter-spacing:2px;color:#66538d;font-size:11px;font-weight:800}.account-story h1{max-width:520px;margin:20px 0;font-family:Nunito Variable,sans-serif;font-size:clamp(36px,4vw,60px);line-height:1.1}.account-story p{max-width:450px;line-height:1.8}.account-orbit{max-width:440px;height:230px;margin-top:30px;position:relative}.account-orbit strong{font-size:100px;position:absolute;top:15px;left:38%;transform:rotate(-8deg)}.account-orbit b,.account-orbit i{background:#fff;border-radius:24px;padding:12px 22px;font-style:normal;position:absolute;box-shadow:0 8px 28px #7961c512}.account-orbit b{color:#66538d;top:25px;left:0;transform:rotate(-8deg)}.account-orbit i{color:#3f7865;top:130px;right:0;transform:rotate(8deg)}.account-orbit>span{color:#b08c44;font-size:32px;position:absolute;top:10px;right:15px}.account-footnote{align-items:center;gap:10px;font-size:12px;display:flex}.account-form-side{align-content:center;padding:70px clamp(24px,6vw,90px);display:grid;position:relative}.account-language{color:#66538d;background:#fff;border:1px solid #ddd7e7;border-radius:20px;padding:9px 16px;position:absolute;top:26px;right:28px}.account-form-card{width:100%;max-width:430px;margin:auto}.account-form-card h2{margin:16px 0 8px;font-family:Nunito Variable,sans-serif;font-size:32px}.account-form-card>p{color:#706775;margin-bottom:28px;line-height:1.6}.account-form-card form,.account-menu form{gap:18px;display:grid}.account-form-card label,.account-menu label{gap:8px;font-size:13px;font-weight:650;display:grid}.account-form-card input,.account-menu input{color:#3c3d47;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #d9d3e2;border-radius:12px;padding:13px}.account-form-card small{color:#716577;font-size:12px;font-weight:400;line-height:1.5}.account-primary{color:#fff;background:#735abc;border:0;border-radius:13px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:14px 20px;font:700 14px inherit;display:flex}.account-link{color:#65508f;font:inherit;background:0 0;border:0;margin:24px auto 0;font-size:13px;text-decoration:underline;display:block}.account-help{text-align:center;color:#706775;font-size:12px;line-height:1.6}.account-error{color:#963d31;background:#fff1ed;border-radius:10px;padding:12px;font-size:13px;line-height:1.6}.account-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.account-loading h1{font-family:Nunito Variable,sans-serif}.account-loading button{color:#fff;background:#735abc;border:0;border-radius:12px;padding:12px 24px}.account-mark{color:#735abc;font-size:50px}.account-menu{min-width:90px;font-size:12px;position:relative}.account-menu>summary{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:700;list-style:none;overflow:hidden}.account-menu>summary>span{color:#716577;margin-top:3px;font-size:10px;display:block}.account-menu-panel{z-index:30;white-space:normal;background:#fff;border:1px solid #ded8e8;border-radius:18px;width:min(320px,85vw);padding:22px;position:absolute;top:40px;right:0;box-shadow:0 15px 60px #30283d20}.account-menu-panel>p{color:#706775;overflow-wrap:anywhere;line-height:1.6}.account-notice{color:#245f4c;background:#edf6f1;border-radius:12px;padding:16px;line-height:1.6}.registration-mail-icon{color:#245f4c;background:#edf6f1;border-radius:24px;place-items:center;width:76px;height:76px;margin-bottom:24px;display:grid}.registration-mail-icon.warning{color:#963d31;background:#fff1ed}.registration-confirmation h2{outline:none}.registration-confirmation .registration-email{overflow-wrap:anywhere;color:inherit;margin-top:8px;display:block}.registration-confirmation>.account-notice{color:#245f4c;margin-bottom:20px}.registration-confirmation>.account-error{color:#963d31}.registration-next-steps{gap:16px;margin:24px 0;padding-left:24px;font-size:14px;line-height:1.6;display:grid}.registration-next-steps li{padding-left:6px}.registration-next-steps li::marker{color:#66538d;font-weight:800}.registration-confirmation>.account-primary{width:100%}.account-page button:disabled{cursor:wait;opacity:.7}.account-recovery-links{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.account-email-page{background:#f5f4ef;place-items:center;min-height:100dvh;padding:24px;display:grid}.account-email-card{background:#fff;border-radius:24px;width:min(100%,480px);padding:32px;box-shadow:0 10px 50px #243b3610}.account-email-card h1{font-size:30px}.account-email-card p{line-height:1.6}.account-email-card .account-eyebrow{margin-top:20px;display:block}.account-email-page button:focus-visible,.account-email-page input:focus-visible{outline-offset:3px;outline:3px solid #66538d}.account-menu-panel a{color:#65508f;margin:16px 0;display:block}.account-menu-panel button{color:#57437e;font:inherit;background:#efebfa;border:0;border-radius:9px;min-height:40px;padding:10px 15px;font-weight:600}.account-menu-panel>button{margin-top:18px}.account-menu-panel details>summary{cursor:pointer;padding:12px 0}.account-menu-panel form{gap:12px}.game-card.plan-locked .card-play{color:#fff;background:#706775}.plan-badge{color:#66538d;background:#f1edf8;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:700}.account-language:focus-visible,.account-page button:focus-visible,.account-page input:focus-visible,.account-menu summary:focus-visible,.account-menu-panel button:focus-visible,.account-menu-panel input:focus-visible{outline-offset:3px;outline:3px solid #66538d}@media (width<=760px){.account-page{grid-template-columns:1fr}.account-story{min-height:280px;padding:28px}.account-brand{margin-bottom:25px}.account-story h1{margin:14px 0;font-size:32px}.account-orbit,.account-footnote{display:none}.account-story p{margin-bottom:0}.account-form-side{padding:65px 24px 40px}.account-menu>summary{max-width:86px}.account-form-card h2{font-size:27px}}@media (prefers-reduced-motion:reduce){.account-page *{animation:none!important}}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#3c3d47;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--purple:#7961c5;--text:#3c3d47;--muted:#756b80;--border:#edeae4;--heading:"Nunito Variable", sans-serif;background:#faf9f6;font-family:DM Sans Variable,sans-serif;font-weight:450}*{box-sizing:border-box}body{margin:0}html{scrollbar-gutter:stable}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button,a,input{touch-action:manipulation}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #8a71d2}button{transition:background .18s,box-shadow .18s,transform .18s}button:disabled{opacity:.7}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);line-height:1.25}button svg{flex-shrink:0}svg{vertical-align:middle}.purple{--tint:#eee9f8;--accent:#8b75bd;--deep:#7961bd}.peach{--tint:#faeadf;--accent:#c28a65;--deep:#bd8059}.mint{--tint:#e7f1e9;--accent:#77a38a;--deep:#5c8d73}.yellow{--tint:#fbf3d9;--accent:#b89a53;--deep:#ac8e41}.pink{--tint:#f9e7eb;--accent:#c58b9b;--deep:#b7778b}.blue{--tint:#e5f0f6;--accent:#7b9fb8;--deep:#628aa3}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:10;background:#fffefa;flex-direction:column;width:232px;padding:33px 22px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;margin-bottom:56px;display:flex}.brand-mark{color:#fff;background:#7b64c2;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 3px #e9e0f6}.brand-mark i{clip-path:polygon(50% 0,61% 35%,100% 50%,65% 61%,50% 100%,36% 64%,0 50%,34% 36%);background:#eac26e;width:12px;height:12px;position:absolute;top:-6px;right:-4px}.brand>div{font-family:var(--heading);letter-spacing:-1.2px;font-size:25px;font-weight:900;line-height:1}.brand>div>span{color:#8b75bd}.brand small{letter-spacing:1.2px;color:#9a929d;margin-top:9px;font-family:DM Sans,sans-serif;font-size:7px;font-weight:600;display:block}.sidebar-label{letter-spacing:1.6px;color:#a3a0a5;margin:0 13px 13px;font-size:9px;font-weight:650}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{text-align:left;color:#827d85;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:49px;padding:15px 14px;font-size:13px;font-weight:550;display:flex}.nav-item:hover{background:#f4f1f9}.nav-item.active{color:#8062bd;background:#eee8f7;font-weight:650}.nav-dot{background:#9376c8;border-radius:50%;width:6px;height:6px;margin-left:auto;display:none}.nav-item.active .nav-dot{display:block}.sidebar-grow{text-align:center;background:#f7f6ee;border:1px solid #ececde;border-radius:14px;margin:61px 9px 0;padding:16px 13px 19px;position:relative}.plant-art{width:70px;height:87px;margin:0 auto 8px;position:relative}.plant-art span{color:#c7b3d7;z-index:2;font-size:54px;line-height:1.2;position:absolute;top:-13px;left:13px}.plant-art i{background:#9baf88;width:3px;height:42px;position:absolute;top:29px;left:34px}.plant-art i:before,.plant-art i:after{content:"";background:#a9be94;border-radius:100% 0;width:22px;height:11px;position:absolute;top:16px;left:-21px;transform:rotate(35deg)}.plant-art i:after{top:9px;left:1px;transform:rotate(-20deg)}.plant-art b{background:#e2ba99;border-top:5px solid #d3aa88;border-radius:3px 3px 13px 13px;width:39px;height:29px;position:absolute;top:58px;left:16px}.sidebar-grow h3{margin-bottom:8px;font-size:14px;font-weight:800}.sidebar-grow p{color:#98958b;font-size:11px;line-height:1.8}.little-sprouts{justify-content:center;gap:4px;margin-top:14px;display:flex}.little-sprouts span{background:#cabed9;border-radius:50%;width:4px;height:4px}.little-sprouts span:nth-child(2){background:#a8b998}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-bottom .nav-item{padding-left:10px;font-size:12px}.made-with{color:#a49ca8;justify-content:center;align-items:center;gap:6px;margin-top:21px;font-size:10px;display:flex}.workspace{margin-left:232px}.topbar{border-bottom:1px solid var(--border);background:#fffefaa6;justify-content:space-between;align-items:center;height:82px;padding:0 43px;display:flex}.topbar-greeting{color:#908994;align-items:center;gap:9px;font-size:11px;display:flex}.topbar-greeting svg{color:#b6a67f}.topbar-actions{align-items:center;gap:12px;display:flex}.icon-button{color:#8c8591;background:0 0;border:1px solid #0000;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{color:#7961bd;background:#eee8f7}.topbar .icon-button{width:32px;height:38px}.topbar-divider{background:#e9e5e1;width:1px;height:23px;margin:0 8px}.profile-avatar{background:#e9eedd;border:3px solid #fff;border-radius:50%;place-items:center;width:37px;height:37px;font-size:21px;display:grid;box-shadow:0 0 0 1px #e8e8db}.main-content{max-width:1500px;margin:auto;padding:35px 43px 0}.eyebrow{letter-spacing:1.6px;color:#a29aa8;font-size:9px;font-weight:650;line-height:1.5}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-heading .eyebrow span{color:#d9b461;margin-left:5px;font-size:14px}.page-heading h1{letter-spacing:-.6px;margin-top:8px;font-size:27px;font-weight:850}.page-heading p{color:#96909b;margin-top:9px;font-size:12px;line-height:1.7}.language-switch{background:#fffefa;border:1px solid #eae5df;border-radius:12px;flex-shrink:0;gap:4px;padding:4px;display:flex}.language-switch button{color:#99919e;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:9px 12px;font-size:11px;font-weight:550;display:flex}.language-switch button>span{font-size:16px}.language-switch button.selected{color:#7e64b5;background:#eee7f6}.language-switch button:hover{background:#f4eff9}.hero{background:#eee9f7;border:1px solid #e6e0f1;border-radius:19px;grid-template-columns:1.2fr 1fr;min-height:295px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:29px 0 25px 32px}.hero-tag{letter-spacing:1.1px;color:#8c75b2;background:#ffffff73;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;font-size:8px;font-weight:700;display:inline-flex}.hero h2{letter-spacing:-.8px;margin:15px 0 12px;font-size:41px;font-weight:900;line-height:1.15}.hero h2>span{color:#8e72be}.hero p{color:#9a8ea7;max-width:350px;font-size:11px;line-height:1.9}.hero p strong{color:#887497;font-weight:600}.button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:11px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.button.primary{color:#fff;background:#8063c5;box-shadow:0 3px #6c50ad}.button.primary:hover{background:#7153b8;transform:translateY(-1px);box-shadow:0 4px #60459f}.button.primary:active{transform:translateY(2px);box-shadow:0 1px #6c50ad}.button.secondary{color:#86709f;background:#fffefa;border:1px solid #e4dfeb}.button.secondary:hover{background:#f1ecf8}.hero .button{min-height:40px;margin-top:17px;padding:10px 16px;font-size:11px}.hero-detail{color:#b0a4bb;align-items:center;gap:6px;margin-top:14px;font-size:8px;display:flex}.mini-sparkle{color:#bba6d5;font-size:15px}.hero-art{justify-content:center;align-items:center;min-width:0;padding:12px 12px 0 0;display:flex;position:relative}.mascot{width:100%;max-width:385px;overflow:visible}.mascot.small{max-width:260px}.floating-label{z-index:2;color:#a88fba;font-family:var(--heading);background:#fffdf9;border:1px solid #e3dbe9;border-radius:12px;padding:10px 15px;font-size:14px;font-weight:800;position:absolute;transform:rotate(-8deg);box-shadow:0 4px #d8cfe73d}.floating-label span{margin-left:7px;font-size:13px}.floating-label.hello{top:23px;left:12%}.floating-label.bonjour{font-size:12px;bottom:28px;right:10%;transform:rotate(7deg)}.floating-label.bonjour span{color:#d7b76b}.learning-strip{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-bottom:15px;padding:23px 5px;display:grid}.learning-strip>div{border-right:1px solid var(--border);align-items:center;gap:12px;padding-left:20px;display:flex}.learning-strip>div:first-child{padding-left:3px}.learning-strip>div:last-child{border-right:0}.stat-icon{background:var(--tint);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.learning-strip strong{font-size:11px;font-weight:600;display:block}.learning-strip small{color:#a29ba6;margin-top:5px;font-size:9px;display:block}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.4px;font-size:21px;font-weight:850}.section-heading h2 span{color:#baadce;margin-left:6px;font-weight:600}.section-heading p{color:#a39ba8;margin-top:5px;font-size:11px}.search-box{color:#b0a8b4;background:#fffefa;border:1px solid #e9e4e1;border-radius:9px;align-items:center;gap:8px;height:37px;padding:0 11px;display:flex}.search-box input{color:#6f657a;background:0 0;border:0;outline:none;width:123px;font-size:10px}.search-box button{color:#a399af;background:0 0;border:0;place-items:center;padding:0;display:grid}.filter-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.filter-buttons{flex-wrap:wrap;gap:7px;display:flex}.filter{color:#9b929f;white-space:nowrap;background:#fffefa;border:1px solid #e9e4de;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:8px 12px;font-size:10px;display:flex}.filter.selected{color:#8a6dba;background:#ede6f6;border-color:#e6def3;font-weight:600}.filter:hover{background:#f0eaf8}.game-count{color:#ada5b1;white-space:nowrap;font-size:9px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.game-card{text-align:left;background:#fffefa;border:1px solid #eae5df;border-radius:13px;min-width:0;padding:0;overflow:hidden;box-shadow:0 2px 2px #413d4c02}.game-card:hover{border-color:#d7cae9;transform:translateY(-4px);box-shadow:0 8px 20px #5142660b}.card-picture{background:var(--tint);height:151px;color:var(--accent);position:relative;overflow:hidden}.card-tag{letter-spacing:1px;z-index:1;color:var(--deep);background:#ffffff82;border:1px solid #ffffff60;border-radius:4px;padding:5px 7px;font-size:7px;font-weight:700;position:absolute;top:13px;left:14px}.game-art{width:100%;height:100%;display:block}.card-picture .game-art{padding:5px 7px 0}.card-play{width:28px;height:28px;color:var(--deep);opacity:0;background:#ffffff91;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;bottom:11px;right:12px;transform:translate(-5px)}.game-card:hover .card-play,.game-card:focus-visible .card-play{opacity:1;transform:none}.card-content{padding:18px 17px 13px}.card-content h3{letter-spacing:-.2px;font-size:16px;font-weight:850}.card-content p{color:#a19aa7;max-width:240px;min-height:36px;margin:7px 0 14px;font-size:10px;line-height:1.8}.card-footer{border-top:1px solid #f0ece7;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.card-duration{color:#a7a0ac;align-items:center;gap:5px;font-size:9px;display:flex}.tiny-clock{border:1px solid #b8afbd;border-radius:50%;width:11px;height:11px;position:relative}.tiny-clock:after{content:"";border:0 solid #b8afbd;border-width:0 0 1px 1px;width:3px;height:3px;position:absolute;top:2px;left:4px}.stars{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.board-banner{background:#f2f3eb;border:1px solid #e9ebdf;border-radius:12px;align-items:center;gap:17px;margin:29px 0 0;padding:19px 21px;display:flex}.board-banner-icon{color:#94a27f;background:#e4e9da;border-radius:11px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.board-banner h3{font-size:13px;font-weight:800}.board-banner p{color:#9aa08e;margin-top:5px;font-size:9px;line-height:1.8}.board-banner .text-button{color:#929c7f;flex-shrink:0;margin-left:auto;font-size:10px}.text-button{color:#937ab4;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:9px 1px;font-size:12px;display:inline-flex}.text-button:hover{color:#62478b;text-decoration:underline}.page-footer{color:#b3aab9;justify-content:space-between;align-items:center;gap:15px;padding:28px 0 24px;font-size:8px;display:flex}.page-footer>span:first-child{align-items:center;gap:7px;display:flex}.page-footer svg{color:#b7bea4}.footer-dot{color:#c4bbc9;padding:0 5px}.empty-state{text-align:center;color:#93849f;background:#f5f1f8;border-radius:12px;padding:55px 20px}.empty-state h3{margin:13px 0 8px}.empty-state p{margin-bottom:20px;font-size:13px}.notice{color:#fff;z-index:100;background:#51455f;border-radius:12px;align-items:center;gap:20px;width:max-content;max-width:90vw;padding:16px 20px;font-size:12px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #3c284f30}.notice button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.panel{border:1px solid var(--border);background:#fffefa;border-radius:15px;padding:25px}.panel h2{align-items:center;gap:10px;margin-bottom:24px;font-size:20px;font-weight:850;display:flex}.panel h2 svg{color:#9b83c2}.teacher-page{grid-template-columns:1.1fr 1fr;gap:22px;display:grid}.teacher-side{flex-direction:column;gap:20px;display:flex}.learning-settings fieldset{border:0;margin:0;padding:0}.learning-settings legend{font-family:var(--heading);padding:0;font-size:16px;font-weight:800}.learning-settings fieldset>p{color:#9a91a1;margin-top:9px;font-size:12px;line-height:1.8}.level-options{flex-direction:column;gap:9px;margin:20px 0 27px;display:flex}.level-options button{text-align:left;background:#fffefa;border:1px solid #e9e3ed;border-radius:10px;align-items:center;gap:13px;min-height:64px;padding:15px;display:flex}.level-options button.selected{background:#f4eefb;border-color:#b29bd4}.radio-dot{border:1.5px solid #d6ccdf;border-radius:50%;flex-shrink:0;place-items:center;width:17px;height:17px;display:grid}.selected .radio-dot{border-color:#9676c6}.selected .radio-dot:after{content:"";background:#9676c6;border-radius:50%;width:9px;height:9px}.level-options strong{font-size:13px;font-weight:600;display:block}.level-options small{color:#a79aad;margin-top:5px;font-size:10px;display:block}.setting-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:21px 0;display:flex}.setting-row strong{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.setting-row strong svg{color:#a998b8}.setting-row p{color:#a296ab;margin-top:7px;font-size:11px;line-height:1.7}.toggle{background:#ddd7e3;border:0;border-radius:20px;flex-shrink:0;align-items:center;width:46px;height:27px;padding:3px;display:flex}.toggle span{background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s;box-shadow:0 1px 3px #0001}.toggle.on{background:#977dc7}.toggle.on span{transform:translate(19px)}.settings-note{color:#ac9db6;background:#f7f4fa;border-radius:9px;padding:15px;font-size:11px;line-height:1.9}.teacher-guide h2{margin:14px 0;font-size:19px}.guide-icon{color:#9aa582;background:#edf0e3;border-radius:15px;place-items:center;width:55px;height:55px;display:grid}.teacher-guide>p,.progress-controls>p{color:#9c92a3;font-size:12px;line-height:1.9}.teacher-guide ol{color:#8c8294;margin:14px 0 22px;padding-left:18px;font-size:11px;line-height:1.9}.teacher-guide li{padding:4px 0 4px 5px}.progress-controls h2{margin-bottom:13px;font-size:17px}.session-total{color:#947fa8;margin:15px 0;font-size:12px;display:block}.reset-button{color:#b38387;margin-top:10px;font-size:11px;display:block}.reset-confirm{background:#fbf0ef;border-radius:10px;margin-top:15px;padding:13px}.reset-confirm p{color:#b07f83;margin-bottom:13px;font-size:11px;line-height:1.8}.button.danger{color:#fff;background:#bd7a7e;font-size:11px}.reset-confirm .text-button{margin-left:10px;font-size:11px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#3e324d65;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-dialog{background:#fffefa;border:1px solid #eae3f0;border-radius:21px;width:540px;max-width:100%;max-height:90dvh;padding:30px;overflow:auto;box-shadow:0 25px 80px #36264530}.dialog-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:27px;display:flex}.dialog-header h2{margin-top:5px;font-size:25px}.settings-done{width:100%;margin-top:22px;display:flex}.progress-hero{background:#f0f3e9;border:1px solid #e4e8da;border-radius:17px;align-items:center;gap:20px;padding:28px 30px;display:flex}.progress-hero>div{flex:1}.progress-hero h2{letter-spacing:-.6px;margin:10px 0 11px;font-size:28px}.progress-hero p{color:#95a085;max-width:460px;font-size:12px;line-height:1.9}.progress-hero .mascot{max-width:230px}.progress-metrics{gap:45px;margin-top:20px;display:flex}.progress-metrics>span{color:#929e85;font-size:11px}.progress-metrics strong{font-family:var(--heading);color:#75816a;margin-bottom:5px;font-size:30px;display:block}.progress-metrics small{color:#b0bba5;margin-left:5px;font-size:16px}.standalone-heading{margin:29px 0 18px;font-size:21px}.badge-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.badge-card{color:#bbb0c3;background:#f4f1f5;border:1px solid #eae5ed;border-radius:13px;align-items:center;gap:12px;padding:20px 16px;display:flex}.badge-card.earned{color:#bb9b56;background:#faf4e2;border-color:#eee2c0}.badge-icon{flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.badge-card h3{font-size:13px}.badge-card p{margin:6px 0;font-size:10px;line-height:1.8}.badge-card small{font-size:9px;font-weight:600}.badge-card>svg{flex-shrink:0;margin-left:auto}.progress-list{grid-template-columns:1fr 1fr;gap:13px;display:grid}.progress-list>button{border:1px solid var(--border);text-align:left;background:#fffefa;border-radius:11px;align-items:center;gap:13px;min-width:0;padding:12px;display:flex}.progress-list>button:hover{background:#f7f2fa}.progress-game-icon{background:var(--tint);width:63px;height:55px;color:var(--accent);border-radius:8px;flex-shrink:0;display:block;overflow:hidden}.progress-list>button>span:nth-child(2){flex:1}.progress-list strong{font-size:12px;font-weight:600;display:block}.progress-list small{color:#ab9db5;margin-top:6px;font-size:10px;display:block}.progress-list>button>svg{color:#b7a8c1;flex-shrink:0}.privacy-note{color:#aaa0b2;align-items:center;gap:7px;margin-top:23px;font-size:10px;line-height:1.8;display:flex}.session{max-width:1200px;min-height:100dvh;margin:auto;padding:30px 40px 20px}.session-header{align-items:center;gap:16px;padding-bottom:22px;display:flex}.session-header h1{margin-top:4px;font-size:22px;font-weight:850}.session-header .icon-button{background:#fffefa;border:1px solid #e7e1ed;flex-shrink:0;width:46px;height:46px}.session-header .language-pill{margin-left:auto}.language-pill{color:#9985a9;background:#fffefa;border:1px solid #eae3ef;border-radius:30px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex}.language-pill span{font-size:18px}.round-progress{color:#a499ad;align-items:center;gap:18px;margin-bottom:23px;font-size:11px;display:flex}.progress-track{background:#eae4f2;border-radius:10px;flex:1;height:7px;overflow:hidden}.progress-track>div{background:#a78bce;border-radius:10px;height:100%;transition:width .3s}.playground{text-align:center;background:#fffefa;border:1px solid #ebe4ef;border-radius:22px;min-height:580px;padding:30px 30px 20px;box-shadow:0 5px 30px #66507105}.game-instruction h2{letter-spacing:-.6px;margin:8px 0 11px;font-size:29px;font-weight:850}.game-instruction p{color:#a497af;font-size:12px;line-height:1.8}.question-area{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:210px;padding:16px 0;display:flex}.alphabet-question{align-items:center;gap:40px;display:flex}.big-letter{background:var(--tint);color:var(--accent);width:135px;height:143px;font-family:var(--heading);border:1px solid #e2d8f1;border-radius:20px;place-items:center;font-size:103px;font-weight:900;display:grid;transform:rotate(-5deg);box-shadow:0 5px #dfd4ef}.letter-arrow{color:#d4c9e2}.drop-slot{color:#ac95c3;min-width:79px;min-height:82px;font-size:30px;font-family:var(--heading);background:#faf7fd;border:2px dashed #d7cbe5;border-radius:13px;place-items:center;padding:15px 20px;font-weight:800;transition:background .2s,border-color .2s;display:grid}.drop-slot.letter-slot{color:#d1c3df;width:135px;height:143px;font-size:94px}.drop-slot.ready{background:#f0e8fb;border-color:#a58ac9;box-shadow:0 0 0 4px #e9dff540}.drop-slot.filled{color:#86a176;background:#eff6ea;border:2px solid #b5cba5}.slot-placeholder{color:#d9d0e2;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400}.sized-answer{vertical-align:middle;place-items:center;display:inline-grid}.answer-measure,.answer-content{grid-area:1/1}.answer-measure{visibility:hidden}.hear-button{color:#9b80ba;background:#f4eff9;border:0;border-radius:30px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:9px 15px;font-size:11px;display:flex}.hear-button:hover{background:#e9e0f4}.picture-prompt{flex-direction:column;align-items:center;gap:10px;display:flex}.prompt-emoji{filter:drop-shadow(0 5px #3d224505);font-size:84px;line-height:1.2}.picture-prompt strong{font-family:var(--heading);color:#7c6a8c;font-size:24px;font-weight:800}.sequence-slots{flex-wrap:wrap;justify-content:center;gap:11px;margin:0 0 25px;display:flex}.train-slots .drop-slot{background:#fff1e4;border-color:#dec3ad;border-radius:10px;min-width:100px;margin-bottom:13px;padding:15px 24px;position:relative}.train-slots .drop-slot:before,.train-slots .drop-slot:after{content:"";background:#b49a86;border:3px solid #fffefa;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-13px;left:12px}.train-slots .drop-slot:after{left:auto;right:12px}.train-slots .drop-slot.filled{color:#b18a68;background:#f8e0cd;border:2px solid #d7b08f}.tile-tray{background:#f7f4fa;border:1px solid #eee8f3;border-radius:15px;flex-wrap:wrap;justify-content:center;gap:14px;max-width:850px;min-height:99px;margin:auto;padding:20px;display:flex}.word-tile{min-width:72px;min-height:63px;font-family:var(--heading);color:#9680ac;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;cursor:grab;background:#fffefa;border:2px solid #dbd0e7;border-radius:11px;padding:10px 20px;font-size:28px;font-weight:800;transition:background .15s,box-shadow .15s;position:relative;box-shadow:0 4px #dcd0e9}.word-tile:hover{background:#eee5f8}.word-tile.selected{background:#eee5fa;border:2px solid #9c7fc0;box-shadow:0 4px #ac91c8,0 0 0 4px #e7d9f340}.word-tile.dragging{z-index:20;pointer-events:auto;cursor:grabbing;box-shadow:0 12px 20px #6b51852b}.word-tile.wrong{background:#fff4e0;border-color:#ad7430}.drop-slot:disabled{opacity:1}.drop-slot.next-space:not(.filled){border-color:#aa8bc5}.word-tile[aria-disabled=true]{opacity:.25;box-shadow:0 2px #dcd0e9}.feedback{justify-content:space-between;align-items:center;gap:15px;max-width:850px;min-height:88px;margin:24px auto 0;font-size:13px;display:flex}.feedback>span{text-align:left;align-items:center;gap:8px;min-width:0;min-height:3.3em;line-height:1.65;display:flex}.next-challenge:disabled,.is-solved .game-help,.is-solved .arcade-ready,.is-solved .hint-text{visibility:hidden}.feedback>span>svg{flex-shrink:0}.feedback .button{flex-shrink:0}.game-help{color:#b4a5c1;justify-content:space-between;align-items:center;gap:10px;max-width:850px;margin:2px auto 0;font-size:10px;display:flex}.game-help>span{align-items:center;gap:7px;display:flex}.game-help .text-button{color:#b1a0bd;font-size:10px}.hint-text{color:#a28db3;background:#f7f1fb;border-radius:8px;max-width:850px;margin:12px auto 0;padding:12px;font-size:13px}.audio-message{color:#b198c4;max-width:450px;min-height:3.6em;font-size:11px;line-height:1.8}.session-note{color:#b5a5be;text-align:center;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:11px;line-height:1.8;display:flex}.color-blob{border-radius:46% 54% 58% 42%/38% 39% 61% 62%;outline:2px solid #68748b45;width:150px;height:143px;transform:rotate(-8deg);box-shadow:inset 0 -8px #00000008}.counting-items{gap:8px;width:min(100%,290px);margin:auto;display:grid}.counting-picture{width:100%}.counting-row{background:#f6f1e8;border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px;display:grid}.counting-apple{touch-action:manipulation;background:#fffefa;border:2px solid #0000;border-radius:10px;place-items:center;min-width:0;min-height:44px;padding:0;display:grid;position:relative}.counting-apple span{font-size:34px;line-height:1.2}.counting-apple.counted{background:#e3f0de;border-color:#86a978}.counting-apple>svg{color:#416638;background:#fffefa;border-radius:50%;position:absolute;bottom:1px;right:1px}.counting-tip{color:#71616f;margin-top:10px;font-size:12px;line-height:1.6}.number-order-cue{color:#72548d;font-family:var(--heading);justify-content:center;align-items:center;gap:clamp(10px,3vw,24px);font-size:clamp(17px,3vw,28px);font-weight:850;display:flex}.number-order-cue>svg{flex-shrink:0}@media (width>=768px){.board-mode .counting-items{width:335px}.board-mode .counting-apple{min-height:52px}.board-mode .counting-apple span{font-size:40px}}@media (width>=900px){.counting-items.many-apples{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,590px)}.board-mode .counting-items.many-apples{width:min(100%,680px)}}.listening-orb{color:#b79b52;background:#fbf3d9;border:1px solid #ead9a0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:170px;height:170px;display:flex;box-shadow:0 5px #f1e6bf}.listening-orb span{font-size:11px}.listening-orb:hover{background:#f7ebbf;transform:scale(1.02)}.answer-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:850px;margin:auto;display:grid}.answer-choice{min-height:87px;font-family:var(--heading);color:#9480a8;background:#fbf8fd;border:1px solid #e1d8eb;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:24px;font-weight:800;display:flex;box-shadow:0 4px #e7dfed}.answer-choice:hover:not(:disabled){background:#ede4f8;transform:translateY(-2px)}.answer-choice.correct{color:#8ba278;opacity:1;background:#eff5e9;border-color:#bfcfaf;box-shadow:0 4px #cbd8bd}.answer-choice.wrong{color:#b79a71;background:#fff3e2;border-color:#e8d7b8;box-shadow:0 4px #e8d7b8}.picture-choices .answer-choice{flex-direction:column;min-height:125px}.picture-choices .answer-choice>span{font-size:57px;line-height:1.3}.picture-choices .answer-choice small{font-size:14px}.celebration{text-align:center;background:#fffefa;border:1px solid #e9e1ed;border-radius:23px;padding:40px 25px}.celebration-stars{justify-content:center;align-items:center;gap:14px;display:flex}.celebration-stars svg:first-child{transform:rotate(-16deg)}.celebration-stars svg:last-child{transform:rotate(16deg)}.celebration-stars svg:nth-child(2){width:69px;height:69px;margin-bottom:18px}.celebration h2{color:#8f74af;margin:12px 0;font-size:35px;font-weight:900}.celebration>p{color:#aa9ab5;max-width:580px;margin-inline:auto;font-size:13px;line-height:1.9}.celebration .mascot{margin:15px auto 5px;display:block}.completion-details{color:#a38db2;justify-content:center;gap:25px;margin:0 0 25px;font-size:12px;display:flex}.completion-details span{align-items:center;gap:7px;display:flex}.completion-actions{justify-content:center;gap:15px;display:flex}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:710px;margin:27px auto 18px;display:grid}.memory-card{color:#819f70;background:#b2c8a5;border:2px solid #c4d5bd;border-radius:13px;place-items:center;min-height:125px;padding:12px;transition:background .25s,transform .25s;display:grid;position:relative;box-shadow:0 4px #9eb48f}.memory-card:hover:not(:disabled){transform:translateY(-3px)}.card-flower{color:#e5eddf;font-size:54px}.memory-card.flipped{opacity:1;background:#fff9ec;border-color:#ebe3d0;box-shadow:0 4px #e4dcc5}.memory-card.matched{opacity:.85;background:#eef5e7;border-color:#c1d3b1;box-shadow:0 4px #bfd0b2}.memory-card strong{font-family:var(--heading);overflow-wrap:anywhere;font-size:24px;font-weight:800}.memory-emoji{font-size:53px}.matched-check{color:#96af83;position:absolute;top:8px;right:8px}.memory-status{color:#a1b08e;min-height:55px;font-size:12px;line-height:1.8}.memory-status>p{font-size:11px}.many-cards{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px}.many-cards .memory-card{min-height:110px}.board-mode .word-tile{min-width:95px;min-height:88px;padding:16px 25px;font-size:36px}.board-mode .drop-slot{min-width:105px;min-height:105px;font-size:38px}.board-mode .letter-slot{width:156px;height:156px;font-size:100px}.board-mode .game-instruction h2{font-size:37px}.board-mode .game-instruction p{font-size:17px}.board-mode .answer-choice{min-height:110px;font-size:33px}.board-mode .picture-choices .answer-choice{min-height:150px}.board-mode .answer-choice>span{font-size:72px}.board-mode .hear-button,.board-mode .game-help .text-button{min-height:49px;padding:12px 18px;font-size:15px}.board-mode .button{min-height:53px;font-size:16px}.board-mode .game-help,.board-mode .feedback{font-size:15px}.board-mode .memory-card{min-height:160px}.board-mode .memory-card strong{font-size:31px}.board-mode .session{max-width:1400px}.board-mode .game-card .card-content h3{font-size:19px}.board-mode .game-card .card-content p{min-height:47px;font-size:13px}.board-mode .filter{min-height:44px;font-size:12px}.board-mode .nav-item{min-height:57px;font-size:15px}.board-mode .language-switch button{min-height:47px;font-size:13px}.board-mode .topbar .icon-button{width:45px;height:45px}@media (width>=1500px){.main-content{padding-top:44px}.hero{min-height:340px}.hero-copy{padding:36px 0 30px 40px}.hero h2{font-size:49px}.hero p{max-width:410px;font-size:13px}.hero-tag{font-size:9px}.hero .button{margin-top:22px;font-size:13px}.hero-detail{font-size:10px}.hero-art .mascot{max-width:440px}.hero-art .hello{top:28px;left:14%}.hero-art .bonjour{bottom:36px;right:13%}.page-heading h1{font-size:32px}.page-heading p{font-size:14px}.card-picture{height:181px}.card-content{padding:21px 21px 17px}.card-content h3{font-size:20px}.card-content p{min-height:42px;font-size:12px}.learning-strip strong{font-size:13px}.learning-strip small{font-size:11px}.learning-strip{margin-bottom:27px;padding:27px 5px}.section-heading h2{font-size:25px}.section-heading p{font-size:13px}.filter{padding:10px 15px;font-size:12px}.game-count{font-size:11px}.search-box{height:43px}.search-box input{width:160px;font-size:12px}.card-duration{font-size:11px}.card-tag{font-size:8px}.board-banner p{font-size:11px}.board-banner h3{font-size:16px}.board-banner .text-button{font-size:12px}.hero-art .floating-label{font-size:17px}}@media (width<=1180px){.sidebar{width:203px;padding:30px 15px 18px}.workspace{margin-left:203px}.brand>div{font-size:23px}.brand{gap:8px}.brand-mark{width:37px;height:39px}.main-content{padding:28px 28px 0}.topbar{padding:0 28px}.page-heading h1{font-size:23px}.page-heading{align-items:flex-start}.language-switch{margin-top:22px}.language-switch button{padding:8px;font-size:10px}.language-switch button>svg{display:none}.hero h2{font-size:36px}.hero-copy{padding-left:25px}.hero{min-height:290px}.hero-art .hello{top:25px;left:5%}.hero-art .bonjour{right:5%}.game-grid{gap:15px}.card-content{padding:16px 13px 12px}.card-content h3{font-size:14px}.card-picture{height:136px}.filter{padding:8px 9px;font-size:9px}.filter-row{gap:8px}.filter-buttons{gap:5px}.game-count{font-size:8px}.board-banner{gap:11px;padding:17px 16px}.board-banner p{max-width:340px}.board-banner .text-button{font-size:9px}.badge-grid{grid-template-columns:1fr}.badge-card{padding:15px 20px}.badge-card p{margin-right:10px;display:inline-block}.badge-card h3{font-size:15px}.progress-list,.teacher-page{grid-template-columns:1fr}.teacher-side{grid-template-columns:1fr 1fr;display:grid}.progress-hero .mascot{max-width:180px}}@media (width<=950px){.sidebar{width:175px;padding-left:12px;padding-right:12px}.workspace{margin-left:175px}.brand>div{font-size:20px}.brand-mark{border-radius:10px;width:33px;height:33px}.brand-mark svg{width:21px}.brand small{letter-spacing:1px;font-size:5.9px}.brand{gap:7px}.sidebar-label{margin-left:8px;font-size:8px}.nav-item{gap:9px;padding:13px 9px;font-size:12px}.sidebar-grow{margin:49px 0 0;padding:13px 10px}.hero-art{padding:0}.hero h2{font-size:32px}.hero-tag{font-size:6.5px}.hero p{font-size:10px}.hero-detail{font-size:7px}.floating-label{padding:7px 9px;font-size:11px}.floating-label.bonjour{font-size:10px;bottom:44px}.hero{grid-template-columns:1.25fr 1fr}.page-heading{flex-direction:column;gap:14px}.language-switch{margin-top:0}.learning-strip>div{gap:7px;padding-left:10px}.learning-strip strong{font-size:9px}.learning-strip small{font-size:8px}.stat-icon{width:33px;height:33px}.stat-icon svg{width:17px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-count{display:none}.section-heading h2{font-size:18px}.section-heading p{font-size:10px}.search-box input{width:95px}.card-picture{height:155px}.card-content h3{font-size:16px}.card-content p{font-size:11px}.board-banner{flex-wrap:wrap}.board-banner>div{flex:1}.board-banner .text-button{margin-top:-5px;margin-left:61px}.page-footer>span:last-child{display:none}.topbar-greeting{font-size:10px}.topbar-actions{gap:5px}.session{padding:22px 25px}.teacher-side{grid-template-columns:1fr}.progress-hero{padding:25px}.progress-hero .mascot{display:none}.progress-hero h2{font-size:25px}}@media (width<=700px){.sidebar{border-bottom:1px solid var(--border);border-right:0;flex-direction:row;justify-content:space-between;align-items:center;gap:15px;width:100%;height:auto;padding:16px 20px;position:relative}.brand{margin:0}.brand>div{font-size:22px}.brand small{display:none}.brand-mark{width:34px;height:34px}.sidebar-label,.sidebar-grow,.made-with,.nav-dot{display:none!important}.sidebar nav{flex-direction:row;gap:5px;margin-left:auto}.nav-item{gap:6px;width:auto;min-height:40px;padding:9px 10px;font-size:11px}.nav-item svg{width:18px}.sidebar-bottom{margin:0;padding:0}.sidebar-bottom .nav-item{padding:10px;font-size:0}.sidebar-bottom .nav-item svg{width:19px}.workspace{margin-left:0}.topbar{height:57px;padding:0 21px}.topbar-greeting{font-size:9px}.topbar-greeting svg{width:16px}.topbar-actions{gap:5px}.profile-avatar{width:29px;height:29px;font-size:17px}.topbar-divider{height:19px;margin:0 4px}.topbar .icon-button{width:28px;height:30px}.main-content{padding:25px 21px 0}.page-heading{flex-flow:wrap;gap:15px;margin-bottom:23px}.page-heading>div:first-child{width:100%}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.page-heading .eyebrow{font-size:8px}.language-switch{padding:4px}.language-switch button{min-height:36px;padding:7px 13px;font-size:11px}.language-switch button>svg{display:block}.hero-copy{padding:26px 0 24px 25px}.hero h2{font-size:35px}.hero p{max-width:270px;font-size:11px}.hero-art .hello{top:40px;left:6%}.hero-art .bonjour{bottom:57px;right:5%}.hero-tag{letter-spacing:.8px;font-size:7px}.hero-art{margin-right:-10px}.hero-detail{font-size:7px}.hero{grid-template-columns:1.3fr 1fr;min-height:295px}.hero .button{font-size:10px}.learning-strip>div{padding-left:13px}.learning-strip{padding:21px 0}.learning-strip strong{font-size:10px}.learning-strip small{font-size:8px}.learning-strip .stat-icon{display:none}.section-heading h2{font-size:20px}.filter-row{margin-bottom:18px;padding:4px 0;overflow:auto}.filter-buttons{gap:6px}.filter{min-height:38px;padding:9px 10px;font-size:10px}.section-heading{margin-top:22px;margin-bottom:15px}.search-box{flex-shrink:0;height:37px}.search-box input{width:91px}.game-grid{gap:15px}.card-content h3{font-size:17px}.card-content p{min-height:40px;font-size:11px}.card-picture{height:160px}.card-content{padding:16px 15px 13px}.card-play{opacity:1;transform:none}.board-banner{padding:16px}.board-banner h3{font-size:13px}.board-banner p{font-size:10px}.board-banner .text-button{font-size:11px}.page-footer{font-size:9px}.session{padding:18px 15px}.session-header{gap:11px}.session-header h1{font-size:18px}.session-header .eyebrow{letter-spacing:1px;font-size:7px}.session-header .language-pill{padding:8px 10px;font-size:10px}.session-header .icon-button{width:40px;height:40px}.session-header .restart-button{width:35px}.session-header .language-pill span{font-size:15px}.playground{border-radius:17px;min-height:580px;padding:26px 18px 20px}.game-instruction h2{font-size:26px}.game-instruction p{font-size:11px}.game-instruction .eyebrow{font-size:8px}.alphabet-question{gap:25px}.big-letter,.drop-slot.letter-slot{width:110px;height:120px;font-size:84px}.question-area{min-height:205px}.word-tile{min-width:61px;min-height:60px;padding:10px 15px;font-size:26px}.tile-tray{gap:10px;padding:17px 13px}.sequence-slots{gap:9px}.drop-slot{min-width:63px;min-height:69px;padding:13px 17px;font-size:25px}.train-slots .drop-slot{min-width:80px;padding:13px 20px}.feedback{flex-direction:column;justify-content:center;min-height:50px;margin-top:20px;font-size:12px}.feedback .button{width:100%;margin-top:6px}.game-help{gap:7px;margin-top:15px;font-size:9px}.answer-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.answer-choice{min-height:72px;font-size:25px}.picture-choices .answer-choice{min-height:112px}.picture-choices .answer-choice>span{font-size:49px}.counting-items{gap:7px;max-width:325px}.counting-items span{font-size:42px}.prompt-emoji{font-size:78px}.picture-prompt strong{font-size:21px}.completion-actions{flex-direction:column;max-width:350px;margin:auto}.completion-details{gap:15px;font-size:10px}.celebration{padding:35px 16px}.celebration h2{font-size:29px}.celebration>p{font-size:12px}.celebration-stars svg{width:43px}.celebration-stars svg:nth-child(2){width:59px}.celebration .mascot{max-width:220px}.memory-grid{gap:10px}.memory-card{min-height:103px;padding:8px}.memory-card strong{font-size:18px}.memory-emoji{font-size:43px}.card-flower{font-size:42px}.many-cards .memory-card{min-height:94px}.memory-status{font-size:11px}.session-note{margin-top:17px;font-size:9px}.settings-dialog{padding:23px}.dialog-header h2{font-size:22px}.progress-hero{padding:23px}.progress-hero h2{font-size:25px}.progress-hero p{font-size:11px}.progress-metrics{gap:40px}.badge-grid{gap:12px}.panel{padding:23px}.panel h2{font-size:19px}.progress-list .stars svg{width:18px}.board-mode .game-instruction h2{font-size:29px}.board-mode .game-instruction p{font-size:14px}.board-mode .word-tile{min-width:75px;min-height:76px;padding:12px 18px;font-size:29px}.board-mode .drop-slot{min-width:72px;min-height:82px;font-size:29px}.board-mode .letter-slot{width:125px;height:135px;font-size:89px}.board-mode .memory-card{min-height:123px}.board-mode .memory-card strong{font-size:22px}.board-mode .game-help{font-size:11px}.board-mode .game-card .card-content h3{font-size:17px}.board-mode .game-card .card-content p{font-size:11px}.board-mode .nav-item{min-height:44px;font-size:11px}.board-mode .sidebar-bottom .nav-item{font-size:0}.board-mode .topbar .icon-button{width:32px;height:38px}.board-mode .language-switch button{min-height:42px}.board-mode .answer-choice{min-height:87px;font-size:28px}}@media (width<=470px){.sidebar{gap:7px;padding:14px 16px}.brand>div{font-size:20px}.brand-mark{width:30px;height:32px}.brand-mark svg{width:19px}.brand{gap:7px}.nav-item{gap:5px;padding:9px 7px;font-size:10px}.nav-item svg{width:16px}.sidebar-bottom .nav-item{padding:8px}.main-content{padding:22px 16px 0}.topbar{padding:0 16px}.topbar-greeting{gap:5px;font-size:8px}.topbar-greeting svg{width:14px}.topbar-actions{gap:3px}.topbar-divider,.fullscreen-control{display:none}.page-heading h1{font-size:24px}.page-heading p{max-width:320px;font-size:11px}.hero{grid-template-columns:1fr;min-height:360px}.hero-copy{max-width:275px;padding:26px 23px 22px}.hero h2{font-size:35px}.hero p{max-width:222px;font-size:11px}.hero-art{opacity:.94;width:185px;position:absolute;bottom:4px;right:-18px}.hero-art .hello{display:none}.hero-art .bonjour{padding:6px 8px;font-size:9px;bottom:4px;right:25px}.hero-detail{max-width:180px;margin-top:17px;font-size:8px}.hero .button{z-index:3;margin-top:20px;position:relative}.learning-strip{margin-bottom:9px}.learning-strip>div{padding-left:9px}.learning-strip strong{max-width:98px;font-size:9px;line-height:1.5}.learning-strip small{max-width:100px;font-size:7px;line-height:1.6}.section-heading{flex-wrap:wrap;gap:13px}.section-heading h2{font-size:21px}.search-box,.search-box input{width:100%}.search-box button{flex-shrink:0}.game-grid{gap:12px}.card-picture{height:122px}.card-picture .game-art{padding:12px 0 0}.card-tag{letter-spacing:.5px;padding:4px 5px;font-size:6px;top:9px;left:10px}.card-content{padding:13px 11px 11px}.card-content h3{min-height:35px;font-size:14px}.card-content p{min-height:55px;margin:4px 0 11px;font-size:10px;line-height:1.8}.card-footer{gap:5px;padding-top:10px}.stars{gap:2px}.card-footer .stars svg{width:12px}.card-duration{gap:3px;font-size:8px}.tiny-clock{width:9px;height:9px}.tiny-clock:after{width:2px;height:2px;left:3px}.card-play{width:24px;height:24px;bottom:9px;right:9px}.card-play svg{width:15px}.board-banner{gap:12px}.board-banner-icon{width:40px;height:40px}.board-banner h3{font-size:12px}.board-banner p{font-size:9px}.board-banner .text-button{margin-left:52px;font-size:10px}.page-footer{padding:24px 0;font-size:8px}.session-header .language-pill{display:none}.session-header>div{flex:1}.session-header h1{font-size:18px}.game-instruction h2{font-size:23px}.game-instruction p{font-size:10px}.playground{padding:24px 13px 18px}.alphabet-question{gap:20px}.alphabet-question .letter-arrow{width:24px}.big-letter,.drop-slot.letter-slot{width:97px;height:110px;font-size:75px}.word-tile{min-width:51px;min-height:57px;padding:10px 13px;font-size:24px}.tile-tray{gap:10px}.sequence-slots{gap:7px}.drop-slot{min-width:52px;min-height:64px;padding:12px 13px;font-size:23px}.question-area{min-height:200px}.picture-prompt strong{font-size:19px}.picture-choices .answer-choice{min-height:106px}.memory-card{border-radius:10px;min-height:91px;padding:6px}.memory-card strong{font-size:15px}.memory-emoji{font-size:35px}.many-cards .memory-card{min-height:85px}.memory-grid{gap:8px}.matched-check{width:12px;top:4px;right:4px}.game-help{flex-wrap:wrap;font-size:9px}.game-help .text-button{font-size:9px}.game-help svg{width:14px}.session-note{font-size:8px}.progress-hero h2{font-size:22px}.progress-list>button{gap:8px;padding:10px}.progress-game-icon{width:49px;height:48px}.progress-list strong{font-size:11px}.progress-list small{font-size:9px}.progress-list .stars svg{width:15px}.progress-list>button>svg{width:14px}.badge-card{padding:16px 13px}.badge-card h3{font-size:14px}.badge-card p{margin:5px 0;font-size:9px;display:block}.privacy-note{align-items:flex-start;font-size:9px}.privacy-note svg{flex-shrink:0}.settings-dialog{padding:22px 18px}.settings-note{font-size:10px}.level-options button{padding:13px}.board-mode .word-tile{min-width:59px;min-height:71px;padding:12px 14px;font-size:27px}.board-mode .drop-slot{min-width:56px;min-height:76px;padding:12px;font-size:25px}.board-mode .letter-slot{width:100px;min-width:100px;height:123px;font-size:84px}.board-mode .game-card .card-content h3{font-size:14px}.board-mode .game-card .card-content p{min-height:55px;font-size:10px}.board-mode .game-instruction h2{font-size:24px}.board-mode .memory-card{min-height:103px}.board-mode .memory-card strong{font-size:17px}.board-mode .answer-choice{font-size:25px}.board-mode .feedback{font-size:13px}.board-mode .game-help{font-size:10px}.board-mode .game-help .text-button{padding:10px 2px;font-size:11px}.board-mode .nav-item,.board-mode .filter{font-size:10px}}.brand small,.sidebar-label,.made-with,.topbar-greeting,.eyebrow,.page-heading p,.learning-strip small,.section-heading p,.game-count,.card-content p,.card-duration,.page-footer,.privacy-note,.session-note,.nav-item{color:#706578}.nav-item.active,.language-switch button.selected,.filter.selected{color:#71529d}.sidebar-grow p{color:#6b6b59}.language-switch button,.filter{color:#766b7e}.hero-tag{color:#775b9b}.hero p,.hero p strong,.hero-detail{color:#745e89}.floating-label{color:#856497}.search-box input::placeholder{color:#7f738b}.card-tag{color:#776486}.peach .card-tag{color:#95613c}.mint .card-tag{color:#52755e}.yellow .card-tag{color:#856d2b}.pink .card-tag{color:#985b6e}.blue .card-tag{color:#536f83}.board-banner p,.board-banner .text-button{color:#636e51}.settings-note,.learning-settings fieldset>p,.level-options small,.setting-row p,.teacher-guide>p,.progress-controls>p,.teacher-guide ol,.progress-list small{color:#73637f}.text-button,.session-total,.language-pill{color:#7d6091}.reset-button,.reset-confirm p{color:#9e555d}.button.danger{background:#a45c64}.button.secondary{color:#7a628f}.progress-hero p,.progress-metrics>span{color:#606e4f}.progress-metrics strong{color:#64754f}.progress-metrics small{color:#606e4f}.badge-card{color:#72617e}.badge-card.earned{color:#8a6c2e}.game-instruction p,.round-progress,.audio-message,.game-help,.game-help .text-button{color:#796684}.word-tile,.answer-choice,.picture-prompt strong{color:#7f6394}.hear-button{color:#7e6094}.drop-slot.letter-slot{color:#8e759e}.drop-slot.filled{color:#577340}.train-slots .drop-slot.filled{color:#89643f}.slot-placeholder{color:#8e769e}.hint-text{color:#7e6093}.success-message{color:#59763f}.try-message{color:#916c30}.answer-choice.correct{color:#57733f}.answer-choice.wrong{color:#8a642f}.listening-orb{color:#886d2b}.memory-card strong{color:#607b4d}.memory-status{color:#657b51}.celebration h2{color:#82619f}.celebration>p,.completion-details{color:#7e668e}.sidebar-grow p{font-size:12px}.card-content p{min-height:44px;font-size:12px}.card-duration{font-size:11px}.hero p{font-size:13px}.hero-detail{font-size:10px}.learning-strip small{font-size:11px}.learning-strip strong,.section-heading p{font-size:12px}.filter{min-height:39px;font-size:11px}.page-footer,.sidebar-label{font-size:10px}.search-box input{width:145px;font-size:12px}@media (width<=700px){.hero p{font-size:12px}.hero-detail{font-size:9px}.card-content p,.learning-strip strong{font-size:11px}.learning-strip small{font-size:9px}.card-duration,.filter{font-size:10px}.page-footer{font-size:9px}}@media (width<=470px){.hero p{font-size:11px}.hero-detail{font-size:8px}.card-content p{min-height:55px;font-size:10px}.learning-strip strong{font-size:10px}.learning-strip small{font-size:8px}.card-duration{font-size:9px}.search-box input{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.language-flag{border-radius:3px;flex-shrink:0;width:22px;height:15px;box-shadow:0 0 0 1px #00000008}.language-switch button>.language-flag{display:block}.difficulty-picker{background:#fffdfa;border:1px solid #e9e2ee;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:14px 17px;display:flex}.difficulty-picker>span{color:#73637f;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.difficulty-picker>div{flex-wrap:wrap;gap:6px;display:flex}.difficulty-picker button{color:#73637f;background:0 0;border:1px solid #0000;border-radius:9px;min-height:42px;padding:9px 12px;font-size:12px}.difficulty-picker button.selected{color:#70558a;background:#eee7f7;border-color:#cab8df;font-weight:700}.session-level{color:#70558a;text-align:center;background:#eee7f7;border-radius:20px;padding:10px 14px;font-size:12px}.audio-mixer{border-top:1px solid var(--border);gap:20px;padding:20px 0;display:grid}.audio-mixer label{color:#73637f;grid-template-columns:110px minmax(0,1fr) 40px;align-items:center;gap:14px;font-size:12px;display:grid}.audio-mixer input{accent-color:#9676c6;cursor:pointer;width:100%;min-height:40px}.audio-mixer .button{justify-self:start}.ordering-prompt{font-family:var(--heading);color:#7f6394;letter-spacing:8px;font-size:48px;font-weight:850}.read-word{font-family:var(--heading);color:#7f6394;font-size:52px;font-weight:850}.picture-prompt .masked-word{letter-spacing:clamp(2px,.7vw,8px);overflow-wrap:anywhere;font-size:clamp(22px,3.5vw,34px)}.shape-picture{fill:#93bda8;stroke:#577e69;stroke-width:4px;stroke-linejoin:round;width:175px;height:160px;overflow:visible}.sort-picture{flex-direction:column;align-items:center;gap:12px;display:flex}.sort-picture .word-tile{border-radius:24px;width:125px;height:125px;font-size:65px}.sort-picture strong{color:#7f6394;font-size:25px;font-family:var(--heading)}.sorting-baskets{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:700px;margin:auto;display:grid}.sorting-basket{color:#80633a;min-height:145px;font-size:22px;font-family:var(--heading);background:#fcf0db;border:2px dashed #cdb799;border-radius:18px 18px 35px 35px;flex-direction:column;align-items:center;gap:8px;padding:20px 10px 38px;display:flex;position:relative;overflow:hidden}.sorting-basket>span:first-child{font-size:32px}.sorting-basket.ready{background:#fff5e4;border-style:solid}.sorting-basket.correct{color:#577340;background:#edf4df;border-color:#9eb587}.sorting-basket.wrong{background:#fff1db;border-color:#ad7430}.basket-weave{opacity:.65;background:repeating-linear-gradient(90deg,#d7bc91 0 7px,#0000 7px 14px),repeating-linear-gradient(0deg,#e4cba4 0 6px,#f1ddbc 6px 12px);height:24px;position:absolute;bottom:0;left:0;right:0}.answer-choices.six-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.board-mode .difficulty-picker button{min-height:54px;font-size:15px}.board-mode .sorting-basket{min-height:170px;font-size:26px}@media (width<=850px){.difficulty-picker{flex-direction:column;align-items:flex-start}.session-level{max-width:130px}}@media (width<=700px){.session-level{max-width:90px;padding:7px 9px;font-size:10px}.sorting-baskets{gap:9px}.sorting-basket{min-height:132px;padding:16px 7px 32px;font-size:18px}.answer-choices.six-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-picker button{padding:9px;font-size:11px}.audio-mixer label{grid-template-columns:85px minmax(0,1fr) 35px;gap:8px}.read-word{font-size:40px}.ordering-prompt{font-size:34px}}
