
/* Put the real dropdown further left and above all game layers. */
#v032TopMenu{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  z-index:99999!important;
  pointer-events:none!important;
}

#v032MenuPanel{
  position:fixed!important;
  top:62px!important;
  left:4px!important;
  right:auto!important;
  width:min(270px,calc(100vw - 12px))!important;
  max-width:270px!important;
  max-height:calc(100vh - 72px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  z-index:100000!important;
  pointer-events:auto!important;
  transform:none!important;
  margin:0!important;
}

/* Ensure all real menu entries are clickable. */
#v032MenuPanel *,
#v032MenuPanel button,
#v032MenuPanel a,
#v032MenuPanel [role="menuitem"]{
  pointer-events:auto!important;
}

/* Header must never sit above the opened dropdown. */
.app > header,
.v358-global-header,
.v358-subbar{
  z-index:1800!important;
}

/* Ticket tab must not steal taps from the open dropdown. */
#v032MenuPanel.open ~ *,
body:has(#v032MenuPanel.open) .ticket,
body:has(#v032MenuPanel.open) #ticket,
body:has(#v032MenuPanel.open) [class*="ticket" i]{
  pointer-events:none!important;
}

/* The menu button itself stays clickable inside the header. */
.v358-global-header > #v032MenuBtn{
  pointer-events:auto!important;
  z-index:100001!important;
}
