/* Every playback state uses the same vertical brand component. */
.player-brand img { height: 64px; object-fit: contain; }
.player-brand strong { max-width: min(70vw, 440px); overflow-wrap: anywhere; text-align: center; }
.brand-identity img { object-fit: contain; }
@media (max-width: 1100px) and (orientation: portrait) { .player-brand img { height: 36px; } }
@media (max-width: 1100px) and (max-height: 600px) and (orientation: portrait) { .player-brand img { height: 24px; } }