.wn-player { min-width: 0; }
body.wn-fill-active { overflow: hidden; }
.wn-player.wn-fill-screen, .wn-player:fullscreen {
  position: fixed; inset: 0; z-index: 2147483000;
  width: 100%; height: 100vh; height: 100dvh;
  display: flex; flex-direction: column; isolation: isolate;
  background: var(--abyss, #101116); color: var(--ink, #f4f3f1);
}
.wn-fill-screen > .wn-screen, .wn-player:fullscreen > .wn-screen {
  flex: 1; min-height: 0; aspect-ratio: auto; border: 0; border-radius: 0;
}
.wn-fill-screen > .wn-screen video, .wn-player:fullscreen > .wn-screen video {
  display: block; width: 100%; height: 100%; object-fit: contain;
}
.wn-fill-screen > .wn-playback-bar, .wn-player:fullscreen > .wn-playback-bar {
  flex: 0 0 auto; border-radius: 0; flex-wrap: wrap;
  padding: 10px max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
}
.wn-fill-screen > .wn-playback-bar progress, .wn-player:fullscreen > .wn-playback-bar progress {
  flex: 1; width: auto; min-width: 32px;
}
.wn-fill-screen > :last-child:not(.wn-playback-bar):not(:empty),
.wn-player:fullscreen > :last-child:not(.wn-playback-bar):not(:empty) {
  flex: 0 0 auto; max-height: 25vh; overflow: auto; padding: 0 12px 6px;
  background: var(--hull, #17191f);
}