/* VAYRON ROLEPLAY – V3.2 native top-layer media viewer.
   Additional page-specific CSS loaded after legacy Vayron launch styles.
   A native dialog is immune to z-index and transformed ancestor clipping. */
dialog.vision-dialog.vision-native-dialog:not([open]) { display:none !important; }
dialog.vision-dialog.vision-native-dialog[open] {
  position:fixed;
  inset:0;
  top:0;
  left:0;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  height:100dvh;
  max-width:none;
  max-height:none;
  min-width:0;
  margin:0;
  padding:clamp(12px,3vw,28px);
  border:0;
  border-radius:0;
  background:rgba(2,7,17,.81);
  color:#eff5ff;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  box-sizing:border-box;
  z-index:2147483647;
}
dialog.vision-dialog.vision-native-dialog::backdrop {
  background:rgba(2,7,17,.72);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
dialog.vision-dialog.vision-native-dialog .vision-dialog-panel {
  position:relative;
  z-index:1;
  width:min(1190px,100%);
  max-width:100%;
  max-height:calc(100dvh - 32px);
  margin:auto;
  min-height:0;
  overflow:hidden;
  border-radius:14px;
  background:#0a1220;
  box-sizing:border-box;
  visibility:visible;
  opacity:1;
  transform:none;
}
dialog.vision-dialog.vision-native-dialog .vision-dialog-stage {
  min-height:0;
  max-width:100%;
  overflow:hidden;
}
dialog.vision-dialog.vision-native-dialog .vision-video-frame {
  width:100%;
  min-width:0;
}
dialog.vision-dialog.vision-native-dialog .vision-video-frame > iframe {
  display:block;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  max-height:min(65dvh,720px);
  border:0;
}
dialog.vision-dialog.vision-native-dialog .vision-gallery-view img {
  display:block;
  width:auto;
  max-width:100%;
  max-height:min(64dvh,690px);
  height:auto;
  object-fit:contain;
}
@media (max-width:760px) {
  dialog.vision-dialog.vision-native-dialog[open] {padding:10px;}
  dialog.vision-dialog.vision-native-dialog .vision-dialog-panel {max-height:calc(100dvh - 20px);}
  dialog.vision-dialog.vision-native-dialog .vision-video-frame > iframe {min-height:0;max-height:48dvh;}
  dialog.vision-dialog.vision-native-dialog .vision-gallery-view img {max-height:50dvh;}
}
@media (prefers-reduced-motion:reduce) {
  dialog.vision-dialog.vision-native-dialog,
  dialog.vision-dialog.vision-native-dialog .vision-dialog-panel {animation:none !important; transition:none !important;}
}