CSS media query display-mode:fullscreen no funciona en safari (el css dentro de la consulta de medios nunca se aplica). Versión actual de safari: Versión 14.1.

 @media all and (display-mode: fullscreen) { ... }

Ejemplo completo aquí: https://jsfiddle.net/gnbcv6em/3/ Funciona en Chrome pero no en Safari. Intenté activar la pantalla completa con el atajo de teclado de pantalla completa del navegador o activándolo manualmente con js, pero ninguno funciona en Safari.

Además, https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode muestra que Safari lo admite.

¿Quizás alguien se ha encontrado con este problema y puede ayudar?