.domiknows-game-embed {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 1600px;
  height: var(--domiknows-game-height, 900px);
  min-height: 560px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 18px;
  background: #293429;
}

.domiknows-game-frame {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  background: #293429;
}

@media (max-width: 782px) {
  html:has(.domiknows-game-embed-v300085),
  body:has(.domiknows-game-embed-v300085) {
    overflow: hidden !important;
  }

  .domiknows-game-embed-v300085 {
    position: fixed !important;
    z-index: 2147483000 !important;
    inset: 0 !important;
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

}

/*
 * WhatsApp opens phone browsers with a visual viewport that can begin below
 * the layout viewport. Keep the approved Friends iframe aligned to the visible
 * browser area instead of clipping its header and leaving space below it.
 * Tablet and desktop layouts are deliberately excluded.
 */
@media (max-width: 599px), (max-height: 599px) and (orientation: landscape) {
  .domiknows-game-embed-v300085.domiknows-game-route-friends-invite {
    inset: var(--domiknows-friends-visual-top, 0px) auto auto var(--domiknows-friends-visual-left, 0px) !important;
    width: var(--domiknows-friends-visual-width, 100dvw) !important;
    height: var(--domiknows-friends-visual-height, 100dvh) !important;
  }
}