/* Phones (reported from an iPhone):
   1) arrows, play triangles and similar symbols used as icons were drawn as colourful emoji (↗ ▶ ☁ ☂ ⚙);
   2) the Kodik voice list was a one-row horizontal scroller, so on a phone only the first voice was visible.
   Both are fixed here, loaded after cinema.css and motion-v2.css. */
html{font-variant-emoji:text}

@media(max-width:760px){
 /* voices: a normal vertical list with its own scroll, group headings on their own rows, like on desktop */
 html body #cinemaVoiceList{display:block;max-height:min(62vh,440px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:4px}
 html body #cinemaVoiceList .cinema-voice{display:grid;width:100%;min-width:0;max-width:none;margin:0 0 6px}
 html body #cinemaVoiceList .cinema-voice-group{display:block;margin:12px 0 6px;padding:0}
 html body #cinemaVoiceList .cinema-voice-group:first-child{margin-top:2px}
}