/* The native fold flag must not remove an expanded compact drawer's bounds. */
.msb-safe-probe {
  position: fixed; width: 0; height: 0; visibility: hidden; pointer-events: none;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px)
    env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
}
body.touch.mobile-compact-ui .rail.left.msb-open,
body.touch.mobile-compact-ui.ui-tight-hud .rail.left.msb-open {
  box-sizing: border-box; display: flex; flex-flow: row wrap !important;
  align-content: flex-start; gap: 4px; padding: 6px;
  left: var(--msb-left) !important; top: var(--msb-top) !important;
  right: auto; bottom: auto; translate: none;
  width: var(--msb-width) !important; max-width: var(--msb-width) !important;
  max-height: var(--msb-height) !important;
  transform: scale(var(--msb-inv)) !important; transform-origin: top left;
  overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y;
  background: var(--mcp-surface, rgba(12, 19, 33, .92));
  border: 1px solid var(--mcp-edge, rgba(223, 182, 91, .7)); border-radius: 9px;
  pointer-events: auto; z-index: 18;
}
body.touch.mobile-compact-ui .rail.left.msb-open > button {
  box-sizing: border-box; flex: 0 0 44px;
  width: 44px; height: 44px; min-width: 44px; min-height: 44px;
}
body.touch.mobile-compact-ui .rail.left.msb-open > #btnStats,
body.touch.mobile-compact-ui .rail.left.msb-open > #btnSkills,
body.touch.mobile-compact-ui .rail.left.msb-open > .auto-rail,
body.touch.mobile-compact-ui .rail.left.msb-open > .mcp-bag,
body.touch.mobile-compact-ui .rail.left.msb-open > .rail-more { display: flex !important; }
body.touch.mobile-compact-ui .rail.left.msb-open > .hidden,
body.touch.mobile-compact-ui .rail.left.msb-open > [hidden],
body.touch.mobile-compact-ui .rail.left.msb-open > .menu-gone,
body.touch.mobile-compact-ui .rail.left.msb-open > .wb-top.wb-off { display: none !important; }