.balao{font-size:clamp(20px,2.6dvh + .7vw,30px)}
.pista{white-space:nowrap}
.pista .mancha,.pista .pic{display:inline-block;vertical-align:-.18em;width:1.05em;height:1.05em;margin-right:.22em}
.pista .mancha{border-radius:46% 54% 50% 50% / 55% 48% 52% 45%;background:var(--cor);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 0 0 2px rgba(42,18,5,.18)}
.pista .pic{color:var(--milo-royal)}
@media (orientation:landscape) and (min-aspect-ratio:5/4){
  .balao{font-size:clamp(19px,3dvh + .5vw,28px)}
}