html.poker-stage-lock,
body.poker-stage-lock {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden !important;
  background: #000 !important;
  overscroll-behavior: none;
}

body.poker-stage-lock #app {
  width: 100vw !important;
  height: 100dvh !important;
  overflow: hidden !important;
  background: #000 !important;
}

body.poker-stage-lock .ms-mobile-poker-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  width: 100vw !important;
  height: 100dvh !important;
  min-width: 100vw !important;
  min-height: 100dvh !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #000 !important;
}

html.poker-stage-webmode,
html.poker-stage-webmode body.poker-stage-lock {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
}

html.poker-stage-lock:not(.poker-stage-fullmode),
html.poker-stage-lock:not(.poker-stage-fullmode) body.poker-stage-lock {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
}

html.poker-stage-webmode body.poker-stage-lock #app {
  height: auto !important;
  min-height: 100dvh !important;
  overflow: visible !important;
}

html.poker-stage-lock:not(.poker-stage-fullmode) body.poker-stage-lock #app {
  height: auto !important;
  min-height: 100dvh !important;
  overflow: visible !important;
}

html.poker-stage-webmode body.poker-stage-lock .ms-mobile-poker-shell {
  position: relative !important;
  inset: auto !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow: visible !important;
  touch-action: pan-y !important;
}

html.poker-stage-lock:not(.poker-stage-fullmode) body.poker-stage-lock .ms-mobile-poker-shell {
  position: relative !important;
  inset: auto !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow: visible !important;
  touch-action: pan-y !important;
}

body.poker-stage-lock .ms-mobile-poker-shell__stage {
  position: relative !important;
  flex: 0 0 440px !important;
  width: 440px !important;
  height: var(--poker-stage-height, 956px) !important;
  min-width: 440px !important;
  min-height: var(--poker-stage-height, 956px) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  transform: scale(var(--poker-scale, 1)) !important;
  transform-origin: center center !important;
}

body.poker-stage-lock .ms-mobile-poker-shell__iframe,
body.poker-stage-lock .ms-poker-view.is-mobile-fullscreen,
body.poker-stage-lock .ms-poker-table-wrap {
  position: absolute !important;
  inset: 0 !important;
  width: 440px !important;
  height: var(--poker-stage-height, 956px) !important;
  min-width: 440px !important;
  min-height: var(--poker-stage-height, 956px) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  transform-origin: center center !important;
}

body.poker-stage-lock .ms-mobile-poker-shell:not(:has(.ms-mobile-poker-shell__stage)) .ms-poker-view.is-mobile-fullscreen {
  position: relative !important;
  flex: 0 0 440px !important;
  width: 440px !important;
  height: var(--poker-stage-height, 956px) !important;
  min-width: 440px !important;
  min-height: var(--poker-stage-height, 956px) !important;
  transform: scale(var(--poker-scale, 1)) !important;
  transform-origin: center center !important;
}

body.poker-stage-lock .ms-mobile-poker-shell__stage::-webkit-scrollbar,
body.poker-stage-lock .ms-poker-view.is-mobile-fullscreen::-webkit-scrollbar,
body.poker-stage-lock .ms-poker-table-wrap::-webkit-scrollbar {
  display: none !important;
}

@media (max-width: 767px) {
  html:not(.poker-stage-fullmode),
  html:not(.poker-stage-fullmode) body:not(.poker-fullscreen-active) {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
    touch-action: pan-y !important;
  }

  html:not(.poker-stage-fullmode) body:not(.poker-fullscreen-active) #app {
    height: auto !important;
    min-height: 100dvh !important;
    overflow: visible !important;
    touch-action: pan-y !important;
  }
}

html[data-poker-layout-mode],
html[data-poker-layout-mode] body.poker-stage-lock {
  width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  background: #000 !important;
}

html[data-poker-layout-mode] body.poker-stage-lock #app,
html[data-poker-layout-mode] body.poker-stage-lock .app-frame.is-casino-game-route {
  width: 100vw !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  background: #000 !important;
}

html[data-poker-layout-mode] body.poker-stage-lock [data-poker-layout-inactive="true"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  inset: auto !important;
  z-index: -1 !important;
}

html[data-poker-layout-mode] body.poker-stage-lock .preview-stage,
html[data-poker-layout-mode] body.poker-stage-lock .casino-home,
html[data-poker-layout-mode] body.poker-stage-lock .casino-game-shell {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  inset: auto !important;
  z-index: -1 !important;
}

html[data-poker-layout-mode] body.poker-stage-lock [data-poker-active-layout="true"].ms-mobile-poker-shell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  width: 100vw !important;
  height: 100dvh !important;
  min-width: 100vw !important;
  min-height: 100dvh !important;
  max-width: 100vw !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #000 !important;
}

html[data-poker-layout-mode] body.poker-stage-lock [data-poker-active-layout="true"].ms-mobile-poker-shell .ms-mobile-poker-shell__topbar,
html[data-poker-layout-mode] body.poker-stage-lock [data-poker-active-layout="true"].ms-mobile-poker-shell .ms-mobile-poker-shell__topbar * {
  box-sizing: border-box !important;
}

html[data-poker-layout-mode] body.poker-stage-lock [data-poker-active-layout="true"].ms-mobile-poker-shell .ms-mobile-poker-shell__topbar-btn::after {
  width: 12px !important;
  height: 12px !important;
  top: -1px !important;
  right: -1px !important;
}