/* Desafios (2026-10-25): peças dos tipos extras do motor de textos. */
.fo-info{display:flex;align-items:center;gap:12px;background:#FFF4D6;border:2px solid #F5BF22;border-radius:18px;padding:10px 14px;margin:0 0 12px;text-align:left}
.fo-info p{margin:0;font-weight:700;line-height:1.35}
.fo-info .fo-pose-info{height:84px;width:auto;flex:none;object-fit:contain}
.ds-mudou b{color:#C0392B}
.ds-meta{font-weight:700;color:var(--roxo-esc);margin:0 0 8px}
.ds-op.ds-nao{opacity:.55;border-color:#E5A39C;box-shadow:0 4px 0 #E5A39C}
.ds-op.ds-tentada{opacity:.6;border-style:dashed}
.ds-selo{position:absolute;top:6px;right:8px;font-size:.72rem;font-style:normal;font-weight:800;background:#EEE;border-radius:999px;padding:2px 8px;color:#666}
.ds-op small,.ds-custo{font-size:.8rem;font-weight:800;color:var(--roxo-esc);background:var(--lilas);border-radius:999px;padding:2px 8px}
.ds-regras{background:#F4EEFF;border-radius:16px;padding:10px 14px 10px 30px;margin:0 0 12px;text-align:left;font-weight:600;line-height:1.4}
.ds-plano{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;align-items:start}
.ds-slots{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ds-slot{display:flex;align-items:center;gap:8px;min-height:62px;border:2px dashed #CDB98F;border-radius:14px;padding:6px 10px;background:#FFFCF5;text-align:left;font-weight:700}
.ds-slot b{min-width:52px;color:var(--roxo-esc)}
.ds-slot.cheio{border-style:solid;background:#fff}
.ds-slot .learning-art{width:54px;height:54px;object-fit:contain}
.ds-cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.ds-cartao{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:3px solid #EADBC0;border-radius:18px;padding:8px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 4px 0 #EADBC0}
.ds-cartao .learning-art{width:88px;height:88px;object-fit:contain}
.ds-cartao small{font-weight:700;color:#7a6a55}
.ds-cartao.usado{opacity:.35;cursor:default}
.ds-grupos .fo-cl-bts{flex-wrap:wrap}
.ds-g0{--g:#3FA457}.ds-g1{--g:#3B73D9}.ds-g2{--g:#E08A1E}.ds-g3{--g:#8E5BC8}
.ds-grupos .fo-cl-bt{border-color:var(--g)!important;color:var(--g)!important;background:#fff!important}
.ds-grupos .fo-cl-res{color:var(--g)}
.ds-grupos .fo-cl-it small{display:block;font-weight:600;color:#6b5d4a;margin-top:4px}
.ds-medidor{position:relative;height:30px;border-radius:999px;background:#F1E7D3;overflow:hidden;margin:0 0 12px}
.ds-medidor-in{height:100%;background:#3FA457;transition:width .2s}
.ds-medidor-in.passou{background:#E5483D}
.ds-medidor span{position:absolute;inset:0;display:grid;place-items:center;font-weight:800}
.ds-ver{display:grid;grid-template-columns:repeat(var(--col),minmax(0,1fr));gap:10px;max-width:560px;margin:0 auto 12px}
.ds-ver-it{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:110px;background:#fff;border:3px solid #EADBC0;border-radius:18px;font-weight:700;padding:6px}
.ds-ver-it .learning-art{width:84px;height:84px;object-fit:contain}
.ds-grade .ds-ver-it:empty{background:#FBF6EC;border-style:dashed}
.ds-cel{cursor:pointer;font:inherit}
.ds-onde-alvo{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;margin:0 0 10px}
.ds-tempo{height:10px;border-radius:999px;background:#F1E7D3;overflow:hidden;max-width:420px;margin:0 auto 12px}
.ds-tempo i{display:block;height:100%;background:var(--roxo);animation:ds-tempo linear forwards}
@keyframes ds-tempo{from{width:100%}to{width:0}}
.ds-fila{display:flex;justify-content:center;gap:8px;list-style:none;padding:0;margin:0 0 12px;counter-reset:f}
.ds-fila-it{width:58px;height:58px;border:2px dashed #CDB98F;border-radius:14px;display:grid;place-items:center;background:#FFFCF5}
.ds-fila-it .learning-art{width:46px;height:46px;object-fit:contain}
@media (max-width:640px){
  .ds-plano{grid-template-columns:1fr}
  .ds-cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ds-ver{gap:6px}.ds-ver-it{min-height:88px}.ds-ver-it .learning-art{width:64px;height:64px}
  .fo-info .fo-pose-info{height:64px}
}
/* Respostas com frase: uma por linha, figura à esquerda, texto alinhado à esquerda (mais fácil de ler e comparar). */
.fo-ops-lista.ds-lista{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ds-lista .ds-op{flex-direction:row;justify-content:flex-start;text-align:left;gap:14px;padding:10px 16px;min-height:96px}
.ds-lista .ds-op .learning-art,.ds-lista .ds-op .fo-pose-op,.ds-lista .ds-op .fo-rosto{width:76px!important;height:76px!important;flex:none;object-fit:contain}
.ds-lista .ds-op span{font-size:1.05rem;line-height:1.3}
.ds-op .learning-art{width:88px;height:88px}
@media (max-width:640px){.fo-ops-lista.ds-lista{grid-template-columns:1fr}.ds-lista .ds-op{min-height:84px}.ds-lista .ds-op .learning-art,.ds-lista .ds-op .fo-pose-op{width:64px!important;height:64px!important}}
.fo-cena.fo-cena-ilustra{height:auto;padding:10px;background:#FFF9EC;justify-content:center;align-items:center}
.fo-cena-ilustra img{height:300px;max-width:100%;object-fit:contain;border-radius:16px;box-shadow:0 4px 14px rgba(60,40,90,.12)}
@media (max-width:640px){.fo-cena-ilustra img{height:230px}}
/* Monte o plano e Escolha o que cabe (2026-10-26): figuras do mesmo tamanho, cartões da mesma altura, texto à esquerda da linha. */
.ds-slot{justify-content:flex-start}
.ds-slot>span{flex:1;text-align:left}
.ds-slot .learning-art{flex:none;width:54px!important;height:54px!important;margin:0!important;object-fit:contain}
.ds-cartoes{grid-auto-rows:1fr;align-items:stretch}
.ds-cartao{height:100%;justify-content:flex-start}
.ds-cartao .learning-art{flex:none;width:88px!important;height:88px!important;margin:0 auto!important;object-fit:contain}
.fo-ops-lista.com-fig[style*="--n:3"]{grid-auto-rows:1fr;align-items:stretch}
.fo-ops-lista.com-fig[style*="--n:3"] .ds-op{height:100%;justify-content:flex-start}
.fo-ops-lista.com-fig[style*="--n:3"] .ds-op .learning-art{flex:none;width:80px!important;height:80px!important;object-fit:contain}