/* As cenas reutilizam os tokens do app e mantêm botões confortáveis no celular e iPad. */
.learning-menu-symbol{width:64px;height:64px;max-width:100%;max-height:100%}
.learning-game{display:flex;flex-direction:column;gap:clamp(8px,2cqh,16px);padding:clamp(10px,3cqw,24px);background:var(--card);color:var(--ink)}
.learning-header{display:flex;align-items:center;flex:none;gap:10px;min-width:0}
.learning-prompt{flex:1;min-width:0;margin:0;font-size:clamp(.95rem,3.6cqw,1.25rem);line-height:1.25;text-wrap:balance}
.learning-action{display:grid;place-items:center;flex:none;width:52px;min-width:44px;min-height:48px;padding:10px;border:0;border-radius:16px;background:var(--soft);color:var(--ink)}
.learning-action:active{transform:scale(.97)}
.learning-action[aria-pressed=true]{background:var(--sun)}
.learning-action .ui-icon{width:25px;height:25px}
.learning-main{display:flex;flex:1;min-width:0;min-height:0;gap:12px}
.learning-footer{display:flex;justify-content:center;align-items:center;flex:none;gap:12px;min-width:0}
.learning-position{min-width:90px;text-align:center;font-variant-numeric:tabular-nums}
.learning-card{display:flex;flex-direction:column;align-items:center;min-width:44px;min-height:44px;max-width:100%;padding:10px;border:3px solid transparent;border-radius:22px;background:var(--soft);color:var(--ink)}
.learning-picture{position:relative;display:grid;place-items:center;flex:1;min-width:0;min-height:0;width:100%;height:100%;font-size:clamp(32px,min(11cqh,8cqw),110px);line-height:1}
.learning-picture>.art-img{position:absolute;inset:0;margin:auto;width:95%;height:95%;object-fit:contain;min-height:0}
.learning-label{flex:none;max-width:100%;font-size:clamp(.85rem,3.3cqw,1.1rem);line-height:1.2;text-wrap:balance;overflow-wrap:anywhere}
.learning-hint,.learning-card[data-found=true],.learning-number-choice[data-found=true]{border-color:var(--leaf)!important}
[data-speaking=true]>.learning-picture{outline:3px solid var(--sun);outline-offset:-3px;border-radius:16px}
.learning-choice-grid{display:grid;grid-template-columns:repeat(var(--learning-choices,2),minmax(0,1fr));gap:12px;flex:1;min-width:0;min-height:0;width:100%}
.learning-letter-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) 48px;gap:12px;flex:1;min-width:0;min-height:0}
.learning-letter{display:grid;place-items:center;grid-row:1/3;min-width:44px;min-height:44px;padding:4px;border:3px solid var(--sun);border-radius:24px;background:var(--sky);font-size:clamp(64px,min(29cqh,27cqw),200px);font-weight:800;line-height:1}
.learning-letter-board:not(:has(.learning-letter-example)) .learning-letter{grid-column:1/-1}
.learning-letter-example{grid-column:2;grid-row:1;min-height:0}
.learning-letter-board>[data-action=letter-word]{grid-column:2;justify-self:center}
.learning-fruit-basket{position:relative;padding-bottom:clamp(24px,7cqh,55px)}
.learning-fruit-basket::after{content:"";position:absolute;left:4%;right:4%;bottom:0;height:clamp(20px,6cqh,48px);border:4px solid var(--pumpkin);border-top:0;border-radius:0 0 36px 36px;background:var(--sun);pointer-events:none}
.learning-banana{position:relative;display:block;width:100%;height:100%;min-width:44px;min-height:44px;padding:0;border:0;border-radius:24px;background:var(--sky)}
.learning-banana-visual,.learning-banana-original{position:absolute;inset:0;display:grid;place-items:center}
.learning-banana-original>.art-img{width:85%;height:85%;object-fit:contain}
.learning-banana-open{position:absolute;inset:4%;width:92%;height:92%;overflow:visible;opacity:0}
.learning-banana-flesh{fill:var(--card);stroke:var(--pumpkin);stroke-width:4;stroke-linejoin:round}
.learning-banana-peel{fill:var(--sun);stroke:var(--pumpkin);stroke-width:4;stroke-linejoin:round}
.learning-banana[data-step="1"] .learning-banana-original,.learning-banana[data-step="2"] .learning-banana-original,.learning-banana[data-step="3"] .learning-banana-original{opacity:0}
.learning-banana[data-step="1"] .learning-banana-open,.learning-banana[data-step="2"] .learning-banana-open,.learning-banana[data-step="3"] .learning-banana-open{opacity:1}
.learning-banana[data-step="1"] .learning-peel-right,.learning-banana[data-step="1"] .learning-peel-front,.learning-banana[data-step="2"] .learning-peel-front{opacity:0}
.learning-snack .learning-main{flex-direction:column}
.learning-snack-scene{position:relative;display:flex;align-items:center;justify-content:center;flex:1.3;min-width:0;min-height:0;border-radius:24px;background:var(--sky)}
.learning-maya{max-width:100%;height:100%;width:100%;object-fit:contain;min-height:0}
.learning-snack-offered{position:absolute;right:10%;bottom:12%;width:30%;height:30%;display:grid;place-items:center}
.learning-snack-offered>.art-img{width:100%;height:100%;object-fit:contain}
.learning-count .learning-main{flex-direction:column}
.learning-count-amount{flex:none;text-align:center;font-size:clamp(40px,10cqh,90px);font-weight:800;line-height:1;color:var(--blue)}
.learning-count-collection{display:grid;grid-template-columns:repeat(var(--learning-count-cols,3),minmax(0,1fr));grid-auto-rows:minmax(44px,1fr);flex:1;min-width:0;min-height:0;gap:8px}
.learning-count-item{position:relative;display:flex;min-width:44px;min-height:44px;padding:4px;border:3px solid transparent;border-radius:18px;background:var(--soft)}
.learning-count-item[data-value]{border-color:var(--leaf)}
.learning-count-mark{position:absolute;top:4px;right:4px;display:grid;place-items:center;min-width:24px;min-height:24px;border-radius:50%;background:var(--card);font-size:1rem;line-height:1}
.learning-count-item:not([data-value]) .learning-count-mark{display:none}
.learning-numbers .learning-main{flex-direction:column}
.learning-number-display{display:flex;align-items:center;flex:1;min-width:0;min-height:0;gap:14px}
.learning-big-number{display:grid;place-items:center;flex:.7;min-width:0;height:100%;font-size:clamp(48px,min(20cqh,16cqw),160px);font-weight:800;line-height:1;color:var(--blue)}
.learning-number-objects{display:grid;grid-template-columns:repeat(var(--learning-count-cols,3),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);flex:2;min-width:0;min-height:0;height:100%;gap:5px}
.learning-number-object{display:grid;place-items:center;min-width:0;min-height:0}
.learning-number-object>.art-img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.learning-number-choices{display:grid;grid-template-columns:repeat(var(--learning-number-cols,3),minmax(0,1fr));gap:8px;flex:none}
.learning-number-choice{display:grid;place-items:center;min-width:44px;min-height:54px;padding:3px;border:3px solid transparent;border-radius:16px;background:var(--soft);font-size:clamp(26px,5cqh,42px);line-height:1.4;font-weight:800}
.learning-sort .learning-main{flex-direction:column}
.learning-baskets,.learning-sort-pieces{display:grid;grid-template-columns:repeat(var(--learning-choices,2),minmax(0,1fr));gap:12px;flex:1;min-width:0;min-height:0}
.learning-basket{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:3px solid transparent;border-radius:20px;background:var(--sky)}
.learning-basket-shape{position:absolute;inset:0;width:100%;height:100%;fill:var(--learning-item-color,var(--sun));stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.learning-basket-shape>path:first-child{fill:none}
.learning-basket-shape>path:last-child{fill:none;opacity:.4}
.learning-basket-content{position:absolute;inset:4% 8% 25%;z-index:1;display:grid;place-items:center}
.learning-sort-piece{position:relative!important;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:100%;height:100%;padding:8px;border:3px solid transparent;border-radius:20px;background:var(--soft);touch-action:none}
.learning-sort-piece.sel{border-color:var(--blue)}
.learning-sort-piece.placed{background:transparent;padding:0;border:0;pointer-events:none}
@container (min-width:600px) and (min-height:500px){.learning-snack .learning-main{flex-direction:row}.learning-snack-scene{flex:1.4}.learning-snack .learning-choice-grid{flex:1.4}.learning-label{font-size:1.2rem}.learning-number-choice{min-height:76px}.learning-sort .learning-main{gap:24px}}
@container (max-height:350px){.learning-header{gap:8px}.learning-prompt{font-size:.9rem}.learning-action{width:48px;min-height:44px;padding:8px}.learning-card{padding:6px;border-radius:16px}.learning-label{font-size:.8rem}.learning-main{gap:8px}.learning-choice-grid{gap:8px}.learning-letter-board{gap:8px;grid-template-rows:minmax(0,1fr) 44px}.learning-letter{font-size:clamp(60px,30cqh,110px)}.learning-letter-example{flex-direction:row}.learning-letter-example .learning-picture{height:100%;flex:1}.learning-letter-example .learning-label{flex:1}.learning-snack .learning-main{flex-direction:row}.learning-snack-scene{flex:1}.learning-snack .learning-choice-grid{flex:1.5}.learning-count .learning-main{flex-direction:row}.learning-count-amount{align-self:center;flex:.25;font-size:clamp(40px,20cqh,72px)}.learning-count-collection{flex:2}.learning-count-item{padding:3px;border-radius:12px}.learning-numbers .learning-main{flex-direction:row}.learning-number-display{flex:1.3}.learning-number-choices{flex:1;align-self:center}.learning-number-choice{min-height:44px;font-size:26px}.learning-big-number{font-size:26cqh}.learning-sort .learning-main{flex-direction:row}.learning-baskets{flex:1.4}.learning-sort-pieces{flex:1}.learning-basket-content{inset:8% 10% 30%}.learning-sort-piece{padding:4px}.learning-banana-open{inset:0;width:100%;height:100%}}
.learning-banana-original>.art-img{position:absolute;inset:0;margin:auto;min-width:0;min-height:0}
.learning-fruits .learning-choice-grid,.learning-colors .learning-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(44px,1fr);min-height:0}
@container(max-width:500px){.learning-fruits .learning-choice-grid,.learning-colors .learning-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}