/* BMW mobile viewport fit: use Safari's visible viewport and keep controls tappable. */
html body #benchiBaomaRoom,
html body.theme-pearl-blue #benchiBaomaRoom,
html body #benchiBaomaRoom *,
html body.theme-pearl-blue #benchiBaomaRoom * {
  touch-action: manipulation !important;
}

html body #benchiBaomaRoom,
html body.theme-pearl-blue #benchiBaomaRoom,
html body #benchiBaomaRoom .bmw-shell,
html body.theme-pearl-blue #benchiBaomaRoom .bmw-shell {
  box-sizing: border-box !important;
  height: var(--app-visual-height, 100dvh) !important;
  min-height: 0 !important;
  max-height: var(--app-visual-height, 100dvh) !important;
  overflow: hidden !important;
}

@media (max-width: 760px) {
  html body #benchiBaomaRoom .bmw-main,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-main {
    top: clamp(86px, 12.5dvh, 98px) !important;
    bottom: clamp(148px, 21dvh, 164px) !important;
    min-height: 0 !important;
  }

  html body #benchiBaomaRoom .bmw-table,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-table {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    box-sizing: border-box !important;
  }

  html body #benchiBaomaRoom .dt-dom-players,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players {
    top: clamp(108px, 15dvh, 122px) !important;
    bottom: clamp(164px, 23dvh, 188px) !important;
    min-height: 0 !important;
  }

  html body #benchiBaomaRoom .dt-dom-footer,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
    bottom: 0 !important;
    height: clamp(142px, 20dvh, 154px) !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 760px) and (max-height: 700px) {
  html body #benchiBaomaRoom .dt-dom-topbar,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-topbar {
    top: 4px !important;
    height: 64px !important;
  }

  html body #benchiBaomaRoom .bmw-main,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-main {
    top: 76px !important;
    bottom: 134px !important;
  }

  html body #benchiBaomaRoom .dt-dom-players,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-players {
    top: 88px !important;
    bottom: 146px !important;
  }

  html body #benchiBaomaRoom .dt-dom-footer,
  html body.theme-pearl-blue #benchiBaomaRoom .dt-dom-footer {
    height: 132px !important;
  }
}

@supports not (height: 100dvh) {
  html body #benchiBaomaRoom,
  html body.theme-pearl-blue #benchiBaomaRoom,
  html body #benchiBaomaRoom .bmw-shell,
  html body.theme-pearl-blue #benchiBaomaRoom .bmw-shell {
    height: var(--app-visual-height, 100vh) !important;
    max-height: var(--app-visual-height, 100vh) !important;
  }
}