/* Expanded Level 1 library */
.abc-art{font-size:60px;font-weight:850;color:var(--teal);line-height:1;display:flex;flex-direction:column;align-items:center;gap:9px}.abc-art>span{font-size:22px;letter-spacing:7px}.library-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:24px 0}.library-count{color:var(--muted);font-size:13px;white-space:nowrap}.group-chips{display:flex;flex-wrap:wrap;gap:8px}.group-chips button{display:flex;align-items:center;gap:6px;padding:11px 17px;border:1px solid var(--line);border-radius:16px;background:white;font-size:13px;font-weight:700;min-height:44px}.group-chips button.selected{background:var(--teal);border-color:var(--teal);color:white}.group-chips .icon{width:15px;height:15px}.catalog-grid{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.catalog-grid .learning-card{padding:18px 12px}.catalog-grid .item-art{height:175px;padding:8px}.catalog-sprite{width:100%;height:100%;display:block;overflow:hidden}.word-row{font-size:18px;line-height:1.25;overflow-wrap:anywhere;min-height:44px}.word-row .icon{flex:none;width:19px}.learning-card.discovered:after{content:'';position:absolute;width:7px;height:7px;bottom:12px;left:calc(50% - 3px);background:#78A98D;border-radius:50%}.favorite-badge{position:absolute;right:10px;top:10px;color:#BD6A7D}.favorite-badge .icon{width:17px;height:17px;fill:#F8E3E6}.favorite-control{position:absolute;right:15px;top:15px;z-index:2}.favorite-control.active{background:var(--pink);color:#99485C}.favorite-control.active .icon{fill:#EDBDCB}.pagination{display:flex;align-items:center;justify-content:center;gap:26px;margin:32px 0}.pagination span{color:var(--muted);font-size:14px}.pagination button{min-width:130px}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.count-frames{display:flex;flex-direction:column;gap:9px}.ten-frame{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;border:1px solid #cbded4;border-radius:9px;padding:5px}.ten-frame i{width:17px;height:17px;border-radius:50%;background:#E7EEE7}.ten-frame i.filled{background:#D5A83F}.catalog-grid .count-art strong{font-size:68px}.catalog-grid .ten-frame i{width:12px;height:12px}.letter-art{display:flex;align-items:baseline;gap:13px;color:var(--teal);font-weight:800}.letter-art strong{font-size:110px}.letter-art small{font-size:75px;color:#609B91}.letter-art.phoneme{flex-direction:column;align-items:center;gap:0}.letter-art.phoneme small{font-size:20px}.example-word{display:flex;align-items:center;gap:18px;background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:10px 20px;margin:12px auto 0;max-width:100%;font-size:18px;font-weight:700}.example-word .item-art{width:70px;height:70px!important;padding:0}.example-word>span{display:flex;align-items:center;gap:10px}.focus-stage:has(.example-word){min-height:480px}.focus-stage:has(.example-word)>.item-art{height:210px}.drawing-link{margin:20px 0}.expanded-games{grid-template-columns:repeat(3,1fr);max-width:none}.expanded-games .game-card{padding:22px;gap:14px}.expanded-games .game-card strong{font-size:22px}.pair-symbol{display:flex;gap:12px;transform:rotate(-6deg)}.pair-symbol>.icon{background:white;width:64px;height:78px;padding:13px;border-radius:16px;box-shadow:0 5px 0 #C4DACB}.pair-symbol>.icon:nth-child(2){transform:rotate(12deg)}.quiz-grid.choices-3{grid-template-columns:repeat(3,1fr);max-width:1000px}.quiz-grid.choices-4{grid-template-columns:repeat(4,1fr);max-width:1080px}.quiz-grid.choices-3 .item-art,.quiz-grid.choices-4 .item-art{height:190px}.empty-game{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:15px 0 40px}.empty-game>img{height:210px}.empty-game h2{font-size:29px}.empty-game p{color:var(--muted)}.memory-meta{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:25px auto;color:var(--muted);font-size:14px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:auto}.memory-card{aspect-ratio:1.15;background:#DDEFE6;border:2px solid #C8DDD1;border-radius:24px;position:relative;padding:14px;overflow:hidden;transition:background .18s,transform .18s}.memory-card:hover{transform:translateY(-2px)}.memory-back{position:absolute;inset:0;display:grid;place-items:center;color:#4C8982}.memory-back .icon{width:43px;height:43px;stroke-width:1.6}.memory-face{display:block;height:100%;opacity:0}.memory-face .item-art{height:100%}.memory-card.is-open,.memory-card.matched{background:white;border-color:var(--teal)}.memory-card.is-open .memory-face,.memory-card.matched .memory-face{opacity:1}.memory-card.is-open .memory-back,.memory-card.matched .memory-back{opacity:0}.memory-card.matched{border-color:#87B79B;background:#F4FAF2}.memory-face .count-art strong{font-size:42px}.memory-face .ten-frame i{width:9px;height:9px}.memory-face .letter-art strong{font-size:65px}.memory-face .letter-art small{font-size:36px}.memory-face .color-art{width:90px;height:90px}.song-library{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}.song-card{display:flex;flex-direction:column;text-align:left;background:white;border:1px solid var(--line);border-radius:26px;padding:12px 12px 22px;gap:12px}.song-card:hover{border-color:var(--teal);box-shadow:0 8px 25px #24443e0c}.song-cover{height:210px;display:flex;justify-content:center;align-items:center;border-radius:19px;position:relative;overflow:hidden}.song-cover img{width:75%;height:92%;object-fit:contain}.song-cover>.icon{position:absolute;right:19px;top:18px;width:26px;height:26px;color:var(--teal)}.song-card>.eyebrow{margin:5px 9px 0;font-size:10px}.song-card>strong{font-size:23px;line-height:1.2;letter-spacing:-.025em;margin:0 9px;min-height:55px}.song-card>span:last-child{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;margin:0 9px}.song-card>span:last-child .icon{width:16px}.song-versions{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-radius:20px;background:#E9EFE8;padding:6px}.song-versions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;padding:13px 8px;font-weight:800;border-radius:15px;min-height:92px}.song-versions button.selected{background:white;box-shadow:0 3px 8px #24443e10;color:var(--teal)}.song-versions small{font-size:10px;font-weight:400}.song-versions button:disabled{opacity:.55}.song-timeline{display:flex;align-items:center;gap:12px;margin-top:20px}.song-timeline input{width:100%;height:44px;accent-color:var(--teal);min-width:0}.song-timeline span{white-space:nowrap;font-size:12px;color:var(--muted)}#song-loop[aria-pressed=true]{background:var(--mint);color:var(--teal)}.studio-summary{padding:22px 25px;background:var(--mint);border-radius:24px;margin:25px 0}.studio-summary h2{margin-top:0}.provider-cards{display:grid;gap:12px}.provider-cards a{position:relative;display:flex;flex-direction:column;gap:7px;padding:22px 50px 22px 23px;border:1px solid var(--line);background:white;border-radius:19px;color:var(--ink);text-decoration:none}.provider-cards a span{font-size:14px;color:var(--muted)}.provider-cards a>.icon{position:absolute;right:19px;top:24px;color:var(--teal)}.article blockquote{background:var(--yellow);border-left:4px solid #C7A649;padding:20px;margin:20px 0;line-height:1.7}.import-panel{padding:23px;border:1px solid var(--line);border-radius:22px;background:white;display:flex;flex-wrap:wrap;gap:14px}.import-panel p{width:100%;font-size:14px}.file-button{cursor:pointer;display:inline-flex;align-items:center;gap:10px;border-radius:16px;padding:16px 24px;font-weight:700}.article details{margin:20px 0;padding:17px;background:#F1F4EF;border-radius:15px}.article summary{cursor:pointer;font-weight:700}.article code{overflow-wrap:anywhere;font-size:13px}.article a{color:var(--teal)}.setting-row select{flex-shrink:0}.song-buttons button{min-height:50px}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.expanded-games{gap:16px}.expanded-games .game-card{padding:17px}.expanded-games .game-card strong{font-size:20px}.library-toolbar{align-items:flex-start}.song-card>strong{font-size:21px}.song-cover{height:185px}}
@media(max-width:760px){.library-toolbar{flex-direction:column;gap:12px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.catalog-grid .item-art{height:145px}.catalog-grid .word-row{font-size:16px}.catalog-grid .letter-art strong{font-size:70px}.catalog-grid .letter-art small{font-size:40px}.expanded-games{grid-template-columns:1fr}.expanded-games .game-illustration{height:130px}.expanded-games .game-card strong{font-size:24px}.song-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.song-card>strong{font-size:20px}.memory-grid{gap:11px}.memory-card{padding:9px;border-radius:19px}.quiz-grid.choices-4{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-grid.choices-3 .item-art{height:150px}.song-layout{max-width:580px}.song-layout>div{min-width:0}.song-layout .lyrics{text-align:left}.song-layout .soft-note{text-align:center!important}.game-options+.center-actions{margin-top:20px}}
@media(max-width:480px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-grid .learning-card{padding:12px 7px}.catalog-grid .item-art{height:140px;padding:6px}.group-chips{gap:7px}.group-chips button{padding:10px 13px;font-size:12px;border-radius:14px}.word-row{font-size:16px;gap:7px}.pagination{gap:16px}.pagination button{min-width:105px;padding:13px 18px}.memory-grid{grid-template-columns:repeat(3,1fr);gap:10px}.memory-card{aspect-ratio:.95;padding:8px;border-radius:17px}.memory-back .icon{width:32px;height:32px}.memory-meta{font-size:12px;gap:10px}.memory-face .letter-art{gap:5px}.memory-face .letter-art strong{font-size:39px}.memory-face .letter-art small{font-size:22px}.memory-face .ten-frame{gap:2px;padding:2px}.memory-face .ten-frame i{width:6px;height:6px}.memory-face .count-art{gap:3px}.memory-face .count-art strong{font-size:25px}.memory-face .count-frames{gap:3px}.memory-face .color-art{width:55px;height:55px}.quiz-grid.choices-3{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-grid.choices-3>button:last-child{grid-column:1/-1;width:calc(50% - 7px);justify-self:center}.quiz-grid.choices-3 .item-art,.quiz-grid.choices-4 .item-art{height:145px}.song-cover{height:155px}.song-card{padding:8px 8px 17px;gap:9px;border-radius:21px}.song-card>strong{font-size:18px;min-height:65px;margin:0 5px}.song-card>span:last-child{font-size:10px;line-height:1.4;margin:0 5px}.song-card>.eyebrow{margin:4px 5px 0}.song-card>span:last-child .icon{flex:none}.song-cover>.icon{right:10px;top:10px;width:18px}.song-versions button{font-size:14px}.song-layout .lyrics p{font-size:17px;line-height:1.65;margin-bottom:9px}.focus-stage .letter-art strong{font-size:100px}.focus-stage .letter-art small{font-size:65px}.focus-side{gap:10px}.focus-side button{font-size:14px;padding:14px 16px}.focus-stage:has(.example-word){min-height:420px}.focus-stage:has(.example-word)>.item-art{height:170px}.example-word .item-art{width:53px;height:53px!important}.example-word{font-size:16px;padding:8px 14px}.catalog-grid .count-art strong{font-size:55px}.catalog-grid .ten-frame i{width:10px;height:10px}.catalog-grid .ten-frame{gap:4px;padding:4px}.studio-summary{padding:19px}.provider-cards a{padding:19px 43px 19px 19px}.file-button{padding:14px 17px;font-size:14px}.import-panel{padding:17px}.count-art{gap:6px}.count-frames{gap:6px}}

.voice-comparison{display:grid;gap:16px;margin:25px 0}.voice-comparison>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.voice-comparison strong{display:block;margin-bottom:13px;font-size:16px}.voice-comparison audio{display:block;width:100%}

.focus-view>*{min-width:0}@media(max-width:760px){.focus-view{grid-template-columns:minmax(0,1fr)}.focus-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.focus-side button{min-width:0;gap:8px}.focus-side button .icon{flex-shrink:0}}
.word-row,.focus-stage h2{hyphens:auto;overflow-wrap:anywhere}

/* Papa Jacky accompanies the two assigned topics on phones and tablets. */
.guided-topic-art{position:relative;display:block;width:100%;height:100%}.guided-object{position:absolute;inset:0 29% 0 0;display:flex;align-items:center;justify-content:center}.guided-object img{max-width:100%;max-height:100%}.topic-art .topic-guide{position:absolute;right:1%;bottom:-5%;width:49%;height:104%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 2px 1px #243d4010)}.guided-object img.scene{border-radius:12px}.guide-banner{display:flex;align-items:center;gap:20px;padding:8px 24px;background:#EDF5EE;border:1px solid #DDEADF;border-radius:24px;margin:0 0 22px;min-height:118px}.guide-banner img{width:85px;height:108px;object-fit:contain}.guide-banner strong{font-size:20px;display:block;color:var(--dark)}.guide-banner p{color:#526562;font-size:15px;margin-top:5px}.guide-banner.compact{min-height:86px;padding:6px 22px;gap:16px}.guide-banner.compact img{width:58px;height:76px}.guide-banner.compact strong{font-size:17px}.guide-banner.compact p{font-size:14px}.guided-side .buddy{height:245px;width:180px;object-fit:contain}.guide-name{font-size:20px;color:var(--dark)}.casting-table{overflow:auto;margin:18px 0}.casting-table table{border-collapse:collapse;width:100%;text-align:left}.casting-table th,.casting-table td{padding:13px 14px;border-bottom:1px solid var(--line)}.casting-table thead{background:var(--mint)}
@media(max-width:760px){.guide-banner{padding:8px 16px;gap:14px;margin-bottom:18px}.guide-banner img{width:68px;height:95px}.guide-banner strong{font-size:18px}.guide-banner p{font-size:14px}.guided-side{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px 14px;align-items:center;max-width:390px;margin:auto;width:100%}.guided-side .buddy{display:block;grid-column:1;grid-row:1 / span 3;height:140px;width:86px}.guided-side .guide-name{grid-column:2;font-size:17px;text-align:center}.guided-side p{display:none}.guided-side .primary,.guided-side .secondary{grid-column:2;width:100%;min-height:48px;padding:11px 15px;font-size:15px}.guided-focus .focus-stage{min-height:310px}.guided-focus .focus-stage .item-art{height:210px}.guide-banner.compact{padding:6px 15px}.guide-banner.compact img{width:48px;height:66px}.guide-banner.compact p{font-size:13px}.guide-banner.compact strong{font-size:16px}}