/* Full viewport lock — native FS + CSS backup */
html.native-fs-exited,
html.native-fs-exited body {
  width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  background: #000 !important;
}

html.prank-gate-preview,
html.prank-gate-preview body,
html.prank-css-only,
html.prank-viewport-lock,
html.prank-active-root,
html.prank-fullscreen-black,
html.browser-is-fullscreen {
  width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  background: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.prank-active-root body,
html.prank-fullscreen-black body,
body.prank-active-root,
body.prank-fullscreen-black {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #000 !important;
}

html.prank-active-root #entry-screen {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#prank-veil {
  position: fixed;
  inset: 0;
  z-index: 2147483638;
  background: #000;
  pointer-events: none;
}

#prank-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483640 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
  overflow: hidden !important;
}

html:fullscreen #prank-shell,
html:-webkit-full-screen #prank-shell {
  width: 100% !important;
  height: 100% !important;
}

html.prank-lockdown-active:not(.esc-modal-open) {
  cursor: none !important;
}

html.prank-lockdown-active:not(.esc-modal-open) * {
  cursor: none !important;
}

html.prank-lockdown-active .esc-warning-overlay,
html.prank-lockdown-active .esc-warning-overlay * {
  cursor: auto !important;
}