@media (max-aspect-ratio: 4/5) {
    .character {
        width: clamp(90px, 27cqw, 210px);
        max-height: 68cqh;
    }
    .story-controls {
        width: 94cqw;
    }
    .chapter-question__actions {
        flex-direction: column;
        gap: clamp(8px, 1.5cqh, 14px);
    }
}

@media (min-aspect-ratio: 2/1) {
    .character {
        width: clamp(110px, 12cqw, 270px);
    }
}

@media (max-width: 800px) {
    .chapter-question__actions {
        flex-direction: column;
        gap: clamp(8px, 1.5cqh, 14px);
    }
}