@media (max-width: 720px) {
  .pagina-combinando { width: min(100% - 20px,1180px); padding-top: 10px; }
  .cartao-tela { min-height: 0; border-radius: 24px; }
  .introducao { max-height: calc(100svh - 90px); padding: 30px 20px; }
  .apresentacao { padding: 18px 12px; }
  .palco { gap: 10px; }
  .conjunto-representacoes { gap: clamp(18px,6vw,34px); }
  .simbolo { min-width: 68px; }
  .algarismo-atual,.numero-dez { font-size: clamp(3.5rem,19.6vw,5.6rem); }
  .area-material { min-height: 0; padding: 8px; }
  .area-unidades { min-height: 0; padding: 0; }
  .fila-unidades { gap: 2px; }
  .cubinho { min-width: 0; border-width: 1.5px; border-radius: 4px; }
  .numero-dez { gap: 36px; }
}

@media (max-width: 440px) {
  .controles-apresentacao { gap: 6px; }
  .botao-pular { padding-inline: .7rem; }
}
@media (max-height: 700px) and (min-width: 721px) {
  .cartao-tela { min-height: 0; }
  .apresentacao { padding-block: 18px; }
  .area-material { min-height: 0; }
  .simbolo { min-height: 100px; }
  .dezena span { height: 21px; }
}

@media (max-width: 720px) {
  .pagina-dois { padding: 18px 12px; }
  .palco-pagina-dois { gap: 10px; }
  .conjunto-pagina-dois { gap: clamp(14px,4vw,24px); }
  .simbolo-pagina-dois { min-width: 68px; }
  .numero-pagina-dois { font-size: clamp(3.5rem,19.6vw,5.6rem); gap: 42px; }
  .material-pagina-dois { width: 62vw; min-height: 0; gap: 14px; padding: 0; }
  .dezenas-pagina-dois { gap: 7px; }
  .unidades-pagina-dois { padding: 0; }
}

@media (max-width: 720px) {
  .pagina-tres { min-height: calc(100svh - 108px); padding: 12px; }
  .faixa-numeros { gap: 3px; }
  .espaco-numero { min-height: 36px; border-radius: 8px; font-size: .82rem; }
  .opcoes-algarismos { grid-template-columns: repeat(5,minmax(44px,1fr)); width: min(300px,100%); }
}