:root{color:#203b38;font-synthesis:none;text-rendering:optimizelegibility;--ink:#203b38;--muted:#758580;--paper:#fbf8ec;--white:#fffefa;--teal:#277168;--coral:#e97858;--gold:#efc85b;--mint:#dcefe2;--line:#e8e5d9;background:#fbf8ec;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #277168}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.picture{-webkit-user-select:none;user-select:none;width:1em;height:1em;display:inline-block}.picture--half{width:.5em;height:.5em}@keyframes anim-shake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes anim-pop{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.anim-shake{animation:.35s ease-in-out anim-shake}.anim-pop{animation:.45s ease-out anim-pop}.app-shell{background-color:var(--paper);grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#f2f0e4;border-right:1px solid #e6e2d6;flex-direction:column;min-height:100vh;padding:27px 20px 18px;display:flex}.brand{align-items:center;gap:11px;min-height:43px;display:flex}.brand strong{letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:700;display:block}.brand small{color:#82908a;letter-spacing:1.2px;margin-top:3px;font-size:9px;font-weight:700;display:block}.brand-mark{background:var(--teal);border-radius:10px 10px 10px 3px;grid-template-columns:repeat(2,1fr);gap:3px;width:35px;height:35px;padding:7px;display:grid;transform:rotate(-4deg)}.brand-mark i{background:#f9d26e;border-radius:2px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:#fffefa}.class-tag{color:#59716a;letter-spacing:.6px;background:#e5eadb;border-radius:4px;align-items:center;gap:7px;width:fit-content;margin-top:42px;padding:8px 10px;font-size:9px;font-weight:800;display:flex}.class-tag>span:nth-child(2){color:#a4aea4}.class-dot{background:var(--coral);border-radius:50%;width:6px;height:6px}.nav-label{color:#9aa29a;letter-spacing:1.3px;margin:32px 0 10px 10px;font-size:9px;font-weight:800}.side-nav{gap:6px;display:grid}.nav-card--teal{--tone:#277168;--tone-soft:#dcebe1;--tone-ink:#205f58}.nav-card--coral{--tone:#e97858;--tone-soft:#fbe5da;--tone-ink:#a24b30}.nav-card--violet{--tone:#7a5cc4;--tone-soft:#ebe5f7;--tone-ink:#57409a}.nav-card--blue{--tone:#2f74b5;--tone-soft:#e0eaf6;--tone-ink:#245a8c}.nav-card{color:#4f5f59;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:52px;padding:6px 10px;font-family:inherit;transition:background .15s,box-shadow .15s;display:flex}.nav-card:hover{background:#fffefab3}.nav-card__icon{background:var(--tone-soft);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.nav-card__text{gap:2px;min-width:0;display:grid}.nav-card__text strong{font-size:12.5px;font-weight:700;line-height:1.2}.nav-card__text small{color:#8b9690;font-size:10px;line-height:1.2}.nav-card.is-active{background:var(--tone-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 35%, transparent)}.nav-card.is-active .nav-card__icon{background:#fffefa;box-shadow:0 1px 2px #203b381a}.nav-card.is-active .nav-card__text strong{color:var(--tone-ink)}.teacher-profile{border-top:1px solid #dfded3;align-items:center;gap:9px;margin-top:auto;padding-top:15px;display:flex}.teacher-avatar{color:#794e3a;background:#f1c8aa;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:16px;display:grid}.teacher-profile strong,.teacher-profile span{display:block}.teacher-profile strong{font-size:10px}.teacher-profile div:nth-child(2) span{color:#8b9690;margin-top:3px;font-size:10px}.profile-dots{color:#9ba39a;letter-spacing:1px;margin-left:auto;font-size:9px}.main-content{background-image:radial-gradient(#d8d7c8 .6px,#0000 .6px);background-position:4px 0;background-size:19px 19px;width:100%;max-width:1380px;margin:0 auto;padding:0 44px 24px}.topbar{border-bottom:1px solid #d7d7cabf;justify-content:space-between;align-items:center;min-height:70px;display:flex}.breadcrumbs{color:#9ba49a;letter-spacing:1px;align-items:center;gap:10px;font-size:9px;font-weight:800;display:flex}.breadcrumbs b{color:#c5c6b8;font-weight:400}.breadcrumbs strong{color:#4e6f68}.topbar-right{align-items:center;gap:16px;display:flex}.today-label{color:#84918b;font-size:10px}.date-chip{color:#387265;background:#e3efe1;border-radius:4px;padding:7px 10px;font-size:10px;font-weight:700}.date-chip:first-letter{color:#5ca777}.page-heading{justify-content:space-between;align-items:end;gap:20px;padding:30px 0 22px;display:flex}.eyebrow{color:#75908a;letter-spacing:1.3px;align-items:center;gap:7px;margin:0 0 9px;font-size:9px;font-weight:800;display:flex}.eyebrow span{background:var(--coral);border-radius:50%;width:7px;height:7px}h1{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:700;line-height:1.14}.page-title-row{align-items:center;gap:10px;display:flex}.heading-speak{width:44px;height:44px;color:var(--teal);cursor:pointer;background:#e3efe1;border:0;border-radius:50%;flex:none;place-items:center;transition:background .15s,transform .15s;display:grid}.heading-speak:hover{background:#d3e8d6;transform:scale(1.06)}.intro{color:#79867e;margin:8px 0 0;font-size:13px}.score-pill{background:#fffefa;border:1px solid #ebe8dd;border-radius:5px;flex:none;align-items:center;gap:9px;min-width:118px;padding:8px 12px;display:flex}.score-star{color:#bd8328;background:#faedc9;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.score-bump{animation:.6s cubic-bezier(.2,1.6,.5,1) score-bump}@keyframes score-bump{0%{transform:scale(1)}35%{transform:scale(1.45)rotate(-12deg)}to{transform:scale(1)rotate(0)}}.score-pill strong,.score-pill small{display:block}.score-pill strong{font-size:14px}.score-pill small{color:#85918a;margin-top:1px;font-size:9px}.score-pill.in-game{border-radius:999px;gap:7px;min-width:0;padding:5px 10px 5px 6px;box-shadow:0 1px 2px #203b3814}.score-pill.in-game strong{font-size:15px;line-height:1.1}@media (width<=900px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.main-content{padding-left:25px;padding-right:25px}}@media (width<=640px){.app-shell{flex-direction:column;display:flex}.sidebar{border-bottom:1px solid #e6e2d6;border-right:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand profile""nav nav";align-items:center;column-gap:12px;min-height:0;padding:12px 16px 10px;display:grid}.brand{grid-area:brand;width:fit-content}.brand-mark{width:31px;height:31px;padding:6px}.brand strong{font-size:17px}.class-tag,.nav-label{display:none}.side-nav{grid-area:nav;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.nav-card{background:#fffefa;border-radius:12px;gap:9px;min-height:60px;padding:8px 10px;box-shadow:inset 0 0 0 1px #e6e1d3,0 2px #203b380f}.nav-card:hover{background:#fffefa}.nav-card__icon{width:34px;height:34px;font-size:21px}.nav-card__text strong{font-size:12px}.nav-card__text small{font-size:9.5px}.nav-card.is-active{background:var(--tone-soft);box-shadow:inset 0 0 0 2px var(--tone), 0 2px 0 #203b380f}.teacher-profile{border-top:0;grid-area:profile;gap:8px;margin:0;padding:0}.teacher-avatar{width:28px;height:28px;font-size:13px}.teacher-profile strong,.teacher-profile div:nth-child(2) span{font-size:9px}.teacher-profile .profile-dots{display:none}.main-content{padding:0 15px 19px}.topbar{min-height:48px}.breadcrumbs{gap:6px;font-size:8px}.today-label{display:none}.date-chip{padding:6px 8px;font-size:9px}.page-heading{align-items:center;padding:23px 0 17px}h1{max-width:280px;font-size:28px}.intro{max-width:250px;font-size:11px;line-height:1.5}.eyebrow{font-size:8px}.score-pill{gap:6px;min-width:0;padding:7px}.score-star{width:24px;height:24px}.score-pill small{font-size:8px}.score-pill.in-game{padding:4px 10px 4px 5px}.score-pill.in-game small{display:none}}@media (width<=380px){.sidebar{padding-left:12px;padding-right:12px}.main-content{padding-left:11px;padding-right:11px}.page-heading{gap:9px}h1{font-size:25px}.score-pill:not(.in-game){text-align:center;flex-direction:column;gap:2px}.score-pill small{display:none}}:root{--ease-standard:cubic-bezier(.4, 0, .2, 1)}.activity-tab,.start-screen__button,.stage-replay,.speaker-tile{transition-property:color,background-color,border-color,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:var(--ease-standard)}.game-screen{color:#1e293b;background-image:linear-gradient(to bottom right,#fffbeb,#fff1f2,#f0f9ff);min-height:calc(100vh - 110px);padding:.75rem .5rem}.game-screen__inner{max-width:64rem;margin-left:auto;margin-right:auto}.activity-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1.25rem;display:grid}.activity-tab{text-align:left;cursor:pointer;background-color:#ffffffbf;border:2px solid #fff;border-radius:1rem;align-items:center;gap:.75rem;min-height:4rem;padding:.5rem 1rem;display:flex;box-shadow:0 1px 2px #0000000d}.activity-tab:hover{transform:translateY(-2px)}.activity-tab:not(.is-active):hover{background-color:#fff}.activity-tab.is-active{background-color:#f0fdfa;border-color:#14b8a6;box-shadow:0 0 0 2px #ccfbf1,0 1px 2px #0000000d}.activity-tab__icon{color:#b45309;background-color:#fef3c7;border-radius:.75rem;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid}.activity-tab.is-active .activity-tab__icon{color:#fff;background-color:#0d9488}.activity-tab__text{flex:1;min-width:0}.activity-tab__title{color:#1e293b;font-size:.75rem;font-weight:800;line-height:1rem;display:block}.activity-tab__subtitle{color:#64748b;margin-top:.125rem;font-size:.75rem;line-height:1rem;display:block}.activity-tab__check{color:#0f766e;flex-shrink:0;display:none}.start-screen{text-align:center;background-image:linear-gradient(to bottom right,#ecfdf5,#ecfeff);border-radius:1.5rem;place-items:center;min-height:360px;padding:2.5rem 1.25rem;display:grid}.start-screen__content{max-width:28rem}.start-screen__icon{color:#059669;background-color:#fff;border-radius:9999px;place-items:center;width:5rem;height:5rem;margin:0 auto 1rem;display:grid;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.start-screen__title{color:#1e293b;font-size:1.5rem;font-weight:800;line-height:2rem}.start-screen__text{color:#475569;margin-top:.75rem;font-size:1rem;line-height:1.625}.start-screen__button{color:#fff;cursor:pointer;background-color:#059669;border:0;border-radius:1rem;align-items:center;gap:.75rem;min-height:4rem;margin-top:1.75rem;padding:0 2rem;font-size:1.125rem;font-weight:800;line-height:1.75rem;display:inline-flex;box-shadow:0 5px #137657}.start-screen__button:hover{background-color:#047857;transform:translateY(-2px)}.start-screen__button:active{box-shadow:none;transform:translateY(4px)}.feedback-overlay{z-index:10;color:#881337;text-align:center;background-color:#fff1f2f2;border:4px solid #fecdd3;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:0 1rem;display:flex;position:absolute;inset:.5rem}.feedback-overlay.is-correct{color:#78350f;background-color:#fffbebf2;border-color:#fde68a}.feedback-overlay__stars{color:#f59e0b;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.feedback-overlay__star{fill:#fbbf24}.feedback-overlay__title{font-size:1.5rem;font-weight:900;line-height:2rem}.feedback-overlay__text{margin-top:.5rem;font-size:1.125rem;font-weight:700;line-height:1.75rem}.feedback-overlay__trophy{color:#d97706;margin-top:.75rem}.feedback-overlay__heart{width:3rem;height:3rem;margin-bottom:.75rem}.game-stage{background-color:#ffffffe6;border:2px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 14px 45px #2e4f4e1c}.stage-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.25rem 0;display:flex}.stage-header__label{color:#0f766e;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:800;line-height:1rem}.stage-header__title{color:#1e293b;margin-top:.25rem;font-size:1.125rem;font-weight:800;line-height:1.75rem}.stage-header__detail{color:#64748b;margin-top:.25rem;font-size:.75rem;font-weight:700;line-height:1rem}.stage-header__progress{flex:1;justify-content:flex-end;min-width:0;display:flex}.stage-progress{background-color:#f1f5f9;border-radius:9999px;width:100%;max-width:13rem;height:.75rem;overflow:hidden}.stage-progress__bar{height:100%;transition:all .5s var(--ease-standard);background-image:linear-gradient(90deg,#a3e635,#10b981);border-radius:9999px}.stage-body{padding:1rem 1rem 1.25rem}.stage-play{background-image:linear-gradient(to bottom right,#ecfdf5,#ecfeff);border-radius:1.5rem;min-height:360px;padding:1.25rem 1rem;position:relative}.stage-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.stage-toolbar__info{align-items:center;gap:.5rem;display:flex}.stage-toolbar__round{color:#475569;background-color:#ffffffe6;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:800;line-height:1rem;box-shadow:0 1px 2px #0000000d}.stage-replay{color:#115e59;cursor:pointer;background-color:#fff;border:0;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;min-width:2.75rem;min-height:2.75rem;padding:0 .75rem;font-size:.875rem;font-weight:700;line-height:1.25rem;display:inline-flex;box-shadow:0 1px 2px #0000000d}.stage-replay:hover{background-color:#f0fdfa}.stage-replay__text{display:none}.stage-footer{color:#64748b;text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;padding:0 1.25rem 1.25rem;font-size:.75rem;font-weight:600;line-height:1rem;display:flex}.stage-footer__note{align-items:center;gap:.375rem;display:inline-flex}.stage-footer__heart{color:#fb7185;fill:#fda4af}.question-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:285px;display:flex}.question-prompt{color:#334155;font-size:1.125rem;font-weight:700;line-height:1.75rem}.question-prompt--mb4{margin-bottom:1rem}.question-prompt--mb5{margin-bottom:1.25rem}.speaker-tile{color:#047857;background-color:#fff;border:0;border-radius:28px;place-items:center;width:6rem;height:6rem;display:grid;box-shadow:0 1px 2px #0000000d}.speaker-tile--button{cursor:pointer}.speaker-tile--button:hover{transform:translateY(-4px)}.soft-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite soft-pulse}@keyframes soft-pulse{50%{opacity:.5}}@media (width>=640px){.game-screen{padding:1rem .75rem}.activity-tabs{gap:.75rem;margin-bottom:1.5rem}.activity-tabs--five{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-tab{min-height:76px}.activity-tab__title{font-size:.875rem;line-height:1.25rem}.activity-tab__check{display:block}.start-screen{min-height:410px}.start-screen__title{font-size:1.875rem;line-height:2.25rem}.feedback-overlay__title{font-size:2.25rem;line-height:2.5rem}.feedback-overlay__text{font-size:1.25rem;line-height:1.75rem}.stage-header{padding:1.75rem 2rem 0}.stage-header__title{font-size:1.25rem;line-height:1.75rem}.stage-body{padding:1.5rem 2rem 2rem}.stage-play{min-height:410px;padding:1.75rem 2rem}.stage-replay{padding:0 1rem}.stage-replay__text{display:inline}.stage-footer{flex-direction:row;padding:0 2rem 1.5rem}.question-prompt{font-size:1.25rem;line-height:1.75rem}.speaker-tile{width:7rem;height:7rem}}@media (width>=1024px){.activity-tabs--four{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-tabs--five{grid-template-columns:repeat(5,minmax(0,1fr))}}.group-selector{padding:0 0 18px}.selector-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.selector-heading__text>span{color:#75908a;letter-spacing:1px;font-size:8px;font-weight:800}.selector-heading__text p{color:#79867e;margin:0 0 0 8px;font-size:11px;line-height:1.35;display:inline}.group-close{color:#277168;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:3px;min-height:28px;margin-right:14px;padding:0 2px;font-size:11px;font-weight:800;display:inline-flex}.group-close:hover{color:#1a5b54}.group-selector.is-collapsed{display:block}.group-summary{color:#596c62;cursor:pointer;text-align:left;background:#fffefae0;border:1px solid #e5e5d8;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px 14px;width:100%;min-height:50px;padding:8px 14px;transition:border-color .16s,background .16s;display:flex}.group-summary:hover{background:#fffefa;border-color:#aacbb6}.group-summary__label{color:#75908a;letter-spacing:1px;font-size:8px;font-weight:800}.group-summary__value{background:#e2efe4;border:1px solid #71a68a;border-radius:5px;align-items:center;gap:8px;padding:5px 10px;display:inline-flex}.group-summary__number{color:#4d8971;letter-spacing:.6px;font-size:9px;font-weight:800}.group-summary__letters{color:#245e50;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:700}.group-summary__action{color:#277168;align-items:center;gap:3px;margin-left:auto;font-size:11px;font-weight:800;display:inline-flex}.group-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.group-option{color:#596c62;cursor:pointer;text-align:left;background:#fffefae0;border:1px solid #e5e5d8;border-radius:5px;align-content:center;justify-items:start;gap:4px;min-width:0;min-height:67px;padding:7px 9px;transition:border-color .16s,background .16s,transform .16s;display:grid}.group-option:hover{border-color:#aacbb6;transform:translateY(-2px)}.group-option.selected{color:#245e50;background:#e2efe4;border-color:#71a68a;box-shadow:inset 0 0 0 1px #71a68a}.group-option-number{color:#829087;letter-spacing:.6px;font-size:8px;font-weight:800}.group-option.selected .group-option-number{color:#4d8971}.group-option-letters{color:#304c43;white-space:nowrap;width:100%;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:700;overflow:hidden}.group-option-count{color:#849087;font-size:8px}.group-option.selected .group-option-count{color:#497966}.game-panel{background:var(--white);border:1px solid #ebe8dc;border-radius:6px;min-width:0;padding:20px 26px 21px;position:relative;box-shadow:0 4px #eeebdf}.panel-topline{justify-content:space-between;align-items:center;display:flex}.round-label{color:#89958d;letter-spacing:1px;font-size:9px;font-weight:800}.round-label strong{color:#376d64}.round-divider{color:#c2c7bb;padding:0 4px}.round-progress{background:#ebece3;border-radius:10px;width:min(150px,28%);height:6px;display:flex;overflow:hidden}.round-progress span{border-radius:inherit;background:#68a583;max-width:100%;height:100%;transition:width .45s;display:block}.learned-sounds{flex-wrap:wrap;align-items:center;gap:8px;margin:11px 1px 2px;display:flex}.learned-sounds>span{color:#7d8b83;letter-spacing:.8px;flex:none;font-size:8px;font-weight:800}.learned-sounds>div{flex-wrap:wrap;gap:4px;display:flex}.learned-sounds i{color:#34695d;background:#e5f1e8;border:1px solid #c8ded0;border-radius:4px;place-items:center;width:23px;height:22px;font-size:9px;font-style:normal;font-weight:800;display:grid}.listen-area{background:#e5f1e9;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;margin:15px 0 17px;transition:background .3s;display:flex;position:relative;overflow:hidden}.listen-area.is-speaking{background:#d8eee5}.listen-caption{z-index:1;color:#64857b;letter-spacing:1.2px;margin-bottom:9px;font-size:9px;font-weight:800;position:relative}.sound-orbit{border:1px solid #4b8b7021;border-radius:50%;position:absolute}.orbit-one{width:200px;height:200px}.orbit-two{width:270px;height:270px}.listen-area.is-speaking .sound-orbit{animation:1.2s ease-out infinite sound-ring}.listen-area.is-speaking .orbit-two{animation-delay:.25s}.sound-visual{z-index:1;justify-content:center;align-items:center;gap:5px;height:30px;margin-bottom:9px;display:flex;position:relative}.sound-visual i{background:#73a98a;border-radius:5px;width:5px;height:10px}.sound-visual i:nth-child(2),.sound-visual i:nth-child(4){background:#e49b65;height:17px}.sound-visual i:nth-child(3){background:#438b77;height:25px}.is-speaking .sound-visual i{animation:.62s ease-in-out infinite alternate sound-wave}.is-speaking .sound-visual i:nth-child(2){animation-delay:.12s}.is-speaking .sound-visual i:nth-child(3){animation-delay:.24s}.is-speaking .sound-visual i:nth-child(4){animation-delay:.36s}.is-speaking .sound-visual i:nth-child(5){animation-delay:.48s}.listen-button{z-index:1;color:#fff;background:var(--teal);cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-width:134px;min-height:54px;font-size:14px;font-weight:800;transition:transform .15s,background .15s;display:flex;position:relative;box-shadow:0 3px #1a5b54}.listen-button:hover{background:#205e57;transform:translateY(-1px)}.listen-button:active{box-shadow:none;transform:translateY(2px)}.listen-button[aria-busy=true]{background:#205e57}.listen-button svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.word-start{text-align:center;background:#e5f1e9;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:300px;margin:15px 0 4px;padding:24px 16px;display:flex;position:relative;overflow:hidden}.word-start h2{z-index:1;color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-size:26px;position:relative}.word-start p{z-index:1;color:#64857b;margin:0 0 10px;font-size:13px;position:relative}.word-start .listen-button{min-width:180px;min-height:58px;font-size:16px}.listen-score{z-index:2;position:absolute;top:10px;right:10px}.listen-hint{z-index:1;color:#7f968b;margin-top:10px;font-size:10px;position:relative}.answer-section{padding:0 2px}.answer-label{color:#829089;letter-spacing:1px;justify-content:space-between;font-size:9px;font-weight:800;display:flex}.answer-label span:last-child{color:#a3aaa0;font-size:8px}.answer-slots,.letter-tray{grid-template-columns:repeat(var(--letter-count), minmax(0, 1fr));gap:clamp(4px,1vw,9px);width:min(100%,440px);margin-left:auto;margin-right:auto;display:grid}.answer-slots{margin-top:12px;margin-bottom:13px}.answer-slot,.letter-tile{cursor:pointer;border-radius:4px;width:100%;min-width:0;height:clamp(43px,6vw,55px);padding:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,3vw,24px);font-weight:700}.answer-slot{color:#264d46;background:#f7faf4;border:1px dashed #c7d4ca;place-items:center;transition:all .15s;display:grid}.answer-slot.filled{background:#e6f2e5;border:1px solid #b8d4c0}.answer-slot:hover.filled{background:#d8ebdc}.answer-slot.slot-correct{color:#20654d;background:#dcf0df;border-color:#78b18c}.answer-slot.slot-wrong{color:#934d3d;background:#fff0e9;border-color:#e9a28b}.slot-dot{color:#aebfb2;font-family:sans-serif;font-size:9px}.letter-tile{color:#344b42;background:#fff9e9;border:1px solid #e8dfca;transition:transform .15s,opacity .15s,box-shadow .15s;box-shadow:0 3px #eee4ce}.letter-tile:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #eee4ce}.letter-tile:disabled{cursor:default;opacity:.33;box-shadow:none}.tile-2{background:#fce8df;border-color:#f0d2c3;box-shadow:0 3px #f1ded3}.tile-3{background:#e8f0e1;border-color:#d6e3cd;box-shadow:0 3px #dce6d5}.tile-4{background:#e7eff1;border-color:#d4e2e4;box-shadow:0 3px #dce7e7}.speech-message{color:#995d48;text-align:center;max-width:310px;margin:9px auto 0;font-size:10px;line-height:1.4}.feedback-scene{z-index:5;border:2px solid #0000;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;animation:.35s cubic-bezier(.2,.8,.2,1) both feedback-enter;display:flex;position:absolute;inset:9px;overflow:hidden}.feedback-scene.correct{color:#245c48;background:#e7f6e7f7;border-color:#a9d6ad}.feedback-scene.wrong{color:#78503c;background:#fff3e1fa;border-color:#f0d1a0}.feedback-scene.milestone{color:#6b4b1d;background:#fff0bd;border-color:#e8bd53;box-shadow:inset 0 0 0 4px #fff9}.feedback-emoji{z-index:1;margin-bottom:8px;font-size:clamp(58px,10vw,88px);line-height:1;animation:.8s ease-in-out infinite alternate emoji-bounce}.milestone-medal{z-index:1;color:#fffdf1;background:#e4ae45;border:4px solid #fff8db;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:8px;animation:.55s cubic-bezier(.2,1.5,.5,1) both medal-pop,1s ease-in-out .55s infinite alternate medal-glow;display:flex;box-shadow:0 0 0 3px #d59a2d,0 5px #956a2333}.milestone-medal span{font-size:19px;line-height:1}.feedback-scene .milestone-medal strong{color:#fffdf1;font-family:Trebuchet MS,sans-serif;font-size:23px;line-height:1}.feedback-scene strong{z-index:1;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:clamp(21px,4vw,31px)}.feedback-scene>span:not(.feedback-emoji){z-index:1;margin-top:6px;font-size:13px;font-weight:700}.feedback-spark{color:#e5ae43;font-size:37px;animation:1.1s ease-in-out infinite alternate sparkle;position:absolute}.feedback-scene.milestone .feedback-spark{color:#d89b2f;font-size:48px}.spark-left{top:17%;left:17%}.spark-right{animation-delay:.35s;bottom:17%;right:17%}.feedback-dots{pointer-events:none;position:absolute;inset:0}.feedback-dots i{background:#ed9b66;border-radius:2px;width:8px;height:13px;animation:1.6s ease-in-out infinite confetti-fall;position:absolute;top:16%;left:30%;transform:rotate(24deg)}.feedback-dots i:nth-child(2){background:#72a783;animation-delay:.2s;top:30%;left:75%}.feedback-dots i:nth-child(3){background:#e8c45d;animation-delay:.4s;top:70%;left:23%}.feedback-dots i:nth-child(4){background:#79b2b3;animation-delay:.1s;top:76%;left:70%}.feedback-dots i:nth-child(5){background:#d78470;animation-delay:.5s;top:15%;left:58%}.page-footer{color:#9ba49a;justify-content:space-between;gap:10px;padding:19px 2px 0;font-size:9px;display:flex}.page-footer span:first-child{color:#72877d;letter-spacing:1px;font-size:8px;font-weight:800}@keyframes sound-wave{to{opacity:.6;transform:scaleY(.42)}}@keyframes sound-ring{0%{opacity:.35;transform:scale(.94)}to{opacity:.05;transform:scale(1.08)}}@keyframes feedback-enter{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes emoji-bounce{to{transform:translateY(-7px)rotate(4deg)}}@keyframes medal-pop{0%{opacity:.3;transform:scale(.3)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes medal-glow{to{box-shadow:0 0 0 5px #fff8db,0 0 22px #ebb749cc}}@keyframes sparkle{to{opacity:.55;transform:rotate(24deg)scale(.75)}}@keyframes confetti-fall{50%{transform:translateY(24px)rotate(160deg)}}@media (width>=1280px){.game-panel{padding-left:34px;padding-right:34px}}@media (width<=900px){.group-selector{padding-bottom:13px}.selector-heading{align-items:flex-start}.group-options{grid-template-columns:repeat(3,minmax(0,1fr))}.group-option{min-height:60px}}@media (width<=640px){.group-selector{padding-bottom:12px}.selector-heading__text p{margin:4px 0 0;display:block}.group-summary{padding:8px 12px}.group-summary__label{width:100%}.group-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.group-option{min-height:61px;padding:7px 9px}.group-option-letters{font-size:12px}.game-panel{padding:15px 13px 16px}.learned-sounds{gap:6px;margin-top:9px}.learned-sounds>span{width:100%}.learned-sounds i{width:22px;height:21px}.listen-area{min-height:167px;margin:13px 0 16px}.answer-slots,.letter-tray{gap:clamp(3px,1.3vw,7px)}.feedback-scene{inset:7px}.page-footer{padding-top:14px;font-size:8px}}@media (width<=380px){.game-panel{padding-left:10px;padding-right:10px}}.band-toggle,.band-button,.number-choice,.count-object,.compose-digit{transition-property:color,background-color,border-color,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:var(--ease-standard)}.band-selector{background-color:#ffffffbf;border:2px solid #fff;border-radius:1rem;margin-bottom:1.25rem;box-shadow:0 1px 2px #0000000d}.band-toggle{cursor:pointer;text-align:left;background-color:#0000;border:0;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;width:100%;min-height:3.5rem;padding:.5rem .75rem;display:flex}.band-toggle__title{color:#334155;font-size:.75rem;font-weight:800;line-height:1rem}.band-toggle__value{color:#fff;font-variant-numeric:tabular-nums;background-color:#0d9488;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:800;line-height:1rem}.band-toggle__meta{color:#64748b;align-items:center;gap:.375rem;margin-left:auto;font-size:10px;font-weight:600;display:inline-flex}.band-toggle__info{display:none}.band-toggle__action{color:#0f766e;font-weight:800}.band-toggle__chevron{color:#0f766e;transition:transform .15s var(--ease-standard)}.band-toggle__chevron.is-open{transform:rotate(180deg)}.band-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.375rem;padding:0 .75rem .75rem;display:grid}.band-button{color:#475569;cursor:pointer;font-variant-numeric:tabular-nums;background-color:#fff;border:2px solid #f1f5f9;border-radius:.75rem;min-height:2.75rem;padding:0 .25rem;font-size:10px;font-weight:800}.band-button:hover{transform:translateY(-2px)}.band-button:not(.is-active):hover{background-color:#f0fdfa;border-color:#99f6e4}.band-button.is-active{color:#fff;background-color:#0d9488;border-color:#14b8a6;box-shadow:0 1px 2px #0000000d}.number-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;display:grid}.number-choice{color:#1e293b;cursor:pointer;background-color:#fff;border:2px solid #fff;border-radius:1rem;font-weight:900;box-shadow:0 4px #dbe6e2}.number-choice:hover{transform:translateY(-4px)}.number-choice:active{transform:translateY(4px)}.number-choice:disabled{cursor:default}.number-choices--digit{max-width:36rem;margin-top:1.75rem}.number-choices--digit .number-choice{min-height:76px;font-size:2.25rem;line-height:2.5rem}.number-choices--digit .number-choice:hover{background-color:#fffbeb}.number-choices--digit .number-choice:disabled{opacity:.7}.number-choices--count{max-width:36rem;margin-top:1rem}.number-choices--count .number-choice{min-height:66px;font-size:1.875rem;line-height:2.25rem}.number-choices--count .number-choice:hover{background-color:#fff1f2}.number-choices--count .number-choice:disabled{opacity:.7}.number-choices--sequence{max-width:32rem}.number-choices--sequence .number-choice{min-height:68px;font-size:1.875rem;line-height:2.25rem}.number-choices--sequence .number-choice:hover{background-color:#f5f3ff}.number-choices--sequence .number-choice:disabled{opacity:.7}.number-choice.is-correct{color:#065f46!important;background-color:#d1fae5!important;border-color:#6ee7b7!important}.digit-question__speaker{margin-bottom:1.25rem}.count-objects{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:.5rem;width:100%;max-width:32rem;padding-top:1.5rem;display:grid}.count-object{cursor:pointer;background-color:#fff;border:2px solid #fff;border-radius:1rem;place-items:center;width:3.5rem;height:3.5rem;font-size:2.25rem;line-height:2.5rem;display:grid;position:relative;box-shadow:0 1px 2px #0000000d}.count-object.is-counted{background-color:#ecfdf5;box-shadow:0 0 0 2px #a7f3d0,0 1px 2px #0000000d}.count-object:hover{background-color:#fffbeb;transform:translateY(-4px)}.count-object:disabled{cursor:default}.count-object__order{color:#fff;font-variant-numeric:tabular-nums;background-color:#10b981;border:2px solid #fff;border-radius:9999px;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .25rem;font-size:.8125rem;font-weight:900;line-height:1;display:grid;position:absolute;top:-.375rem;right:-.375rem}.count-object.is-waiting{animation:1.6s ease-in-out infinite count-wait}.count-object__hint{pointer-events:none;width:2rem;height:2rem;margin-left:-1rem;animation:1s ease-in-out infinite count-hint;position:absolute;top:-2.1rem;left:50%}@keyframes count-wait{50%{box-shadow:0 0 0 4px #fde68a,0 1px 2px #0000000d}}@keyframes count-hint{50%{transform:translateY(6px)}}.count-object__number{color:#451a03;background-color:#fbbf24;border-radius:9999px;padding:.125rem .5rem;font-size:.875rem;font-weight:900;line-height:1.25rem;position:absolute;top:-1.75rem}.count-status{color:#065f46;align-items:center;gap:.5rem;min-height:2rem;margin-top:1rem;font-size:.875rem;font-weight:700;line-height:1.25rem;display:flex}.compose-places{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.compose-place{color:#7dd3fc;background-color:#fffc;border:4px dashed #bae6fd;border-radius:1rem;place-items:center;width:5rem;height:5rem;font-size:2.25rem;font-weight:900;line-height:2.5rem;display:grid;box-shadow:0 1px 2px #0000000d}.compose-place.is-filled{color:#0c4a6e;background-color:#e0f2fe;border-style:solid;border-color:#7dd3fc}.compose-place__name{font-size:.875rem;font-weight:800;line-height:1.25rem}.compose-hint{color:#075985;min-height:1.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:700;line-height:1.25rem}.compose-digits{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;width:100%;max-width:32rem;display:grid}.compose-digit{color:#1e293b;cursor:pointer;background-color:#fff;border:2px solid #fff;border-radius:.75rem;min-height:3.5rem;font-size:1.5rem;font-weight:900;line-height:2rem;box-shadow:0 3px #dbe6e2}.compose-digit:hover{background-color:#f0f9ff;transform:translateY(-4px)}.compose-digit:active{transform:translateY(4px)}.compose-digit:disabled{cursor:default;opacity:.4}.compose-reset{color:#075985;cursor:pointer;background-color:#0000;border:0;border-radius:9999px;align-items:center;gap:.5rem;min-height:2.5rem;margin-top:1rem;padding:0 1rem;font-size:.875rem;font-weight:700;line-height:1.25rem;display:inline-flex}.compose-reset:hover{background-color:#ffffffb3}.sequence-row{justify-content:center;align-items:center;gap:.375rem;width:100%;margin-bottom:1.5rem;display:flex}.sequence-box{color:#1e293b;background-color:#fff;border-radius:.75rem;flex:1;place-items:center;min-width:0;max-width:92px;height:3.5rem;font-size:1.25rem;font-weight:900;line-height:1.75rem;display:grid;box-shadow:0 1px 2px #0000000d}.sequence-box.is-missing{color:#a78bfa;border:2px dashed #c4b5fd}.sequence-arrow{color:#c4b5fd;flex-shrink:0;font-size:1rem;font-weight:900;line-height:1.5rem}.sequence-question{color:#5b21b6;margin-bottom:1rem;font-size:.875rem;font-weight:700;line-height:1.25rem}@media (width>=640px){.band-selector{margin-bottom:1.5rem}.band-toggle{padding:.5rem 1rem}.band-toggle__title{font-size:.875rem;line-height:1.25rem}.band-toggle__meta{font-size:.75rem;line-height:1rem}.band-toggle__info{display:inline}.band-grid{gap:.5rem;padding:0 1rem 1rem}.band-button{min-height:3rem;font-size:.75rem;line-height:1rem}.number-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.number-choices--digit .number-choice{min-height:90px;font-size:3rem;line-height:1}.number-choices--count .number-choice,.number-choices--sequence .number-choice{min-height:76px;font-size:2.25rem;line-height:2.5rem}.count-objects{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.count-object{width:4rem;height:4rem;font-size:3rem;line-height:1}.compose-place{width:6rem;height:6rem;font-size:3rem;line-height:1}.compose-digits{grid-template-columns:repeat(10,minmax(0,1fr));gap:.625rem}.compose-digit{min-height:4rem;font-size:1.875rem;line-height:2.25rem}.sequence-row{gap:.75rem}.sequence-box{border-radius:1rem;height:5rem;font-size:1.875rem;line-height:2.25rem}.sequence-arrow{font-size:1.25rem;line-height:1.75rem}.sequence-question{font-size:1rem;line-height:1.5rem}}.quiz-choice{transition-property:color,background-color,border-color,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:var(--ease-standard)}.quiz-display{margin-bottom:1.5rem}.quiz-silhouette{background-color:#fff;border-radius:32px;place-items:center;width:8rem;height:8rem;font-size:4.5rem;line-height:1;display:grid;box-shadow:0 1px 2px #0000000d}.quiz-sequence{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;width:100%;display:flex}.quiz-sequence__item{background-color:#fff;border:2px solid #fff;border-radius:1rem;place-items:center;width:3.5rem;height:3.5rem;font-size:1.875rem;line-height:2.25rem;display:grid;box-shadow:0 1px 2px #0000000d}.quiz-sequence__item.is-empty{color:#a78bfa;background-color:#ffffffb3;border-style:dashed;border-color:#c4b5fd}.quiz-sequence__mark{font-weight:900}.quiz-choices{gap:.75rem;width:100%;display:grid}.quiz-choices--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:28rem}.quiz-choices--3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:32rem}.quiz-choices--4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:36rem}.quiz-choice{cursor:pointer;background-color:#fff;border:2px solid #fff;border-radius:1.5rem;justify-content:center;align-items:center;min-height:104px;padding:.75rem .5rem;font-size:3.75rem;line-height:1;display:flex;box-shadow:0 4px #dbe6e2}.quiz-choice:hover{background-color:#fffbeb;transform:translateY(-4px)}.quiz-choice:active{transform:translateY(4px)}.quiz-choice:disabled{cursor:default}.quiz-choice--group{min-height:150px;font-size:inherit;line-height:inherit}.quiz-group{flex-wrap:wrap;place-content:center;align-items:center;gap:.25rem;max-width:100%;font-size:1.875rem;line-height:1;display:flex}.token-color{border:2px solid #0000001a;border-radius:9999px;width:1em;height:1em;display:inline-block;box-shadow:inset 0 2px 4px #0000000d}.token-digit{color:#1e293b;font-variant-numeric:tabular-nums;font-weight:900;line-height:1}@media (width>=640px){.quiz-silhouette{width:10rem;height:10rem;font-size:6rem}.quiz-sequence{gap:.625rem}.quiz-sequence__item{width:5rem;height:5rem;font-size:3rem;line-height:1}.quiz-choices{gap:1rem}.quiz-choices--4{grid-template-columns:repeat(4,minmax(0,1fr))}.quiz-choice{min-height:128px;font-size:4.5rem}.quiz-choice--group{min-height:180px;font-size:inherit}.quiz-group{gap:.375rem;font-size:2.25rem;line-height:2.5rem}}