/* Scale controls, spacing and type together rather than stretching panels. */
#openMatch {
  zoom: var(--om-scale, 1);
  width: calc(100vw / var(--om-scale, 1));
  height: calc(100dvh / var(--om-scale, 1));
  right: auto;
  bottom: auto;
  padding: 12px 48px;
}
#openMatch .omTop { height: 48px !important; }
#openMatch dialog {
  max-height: calc(90dvh / var(--om-scale, 1));
  max-width: calc(92vw / var(--om-scale, 1));
}
#performanceModal {
  zoom: var(--neon-ui-scale, 1);
  width: calc(100vw / var(--neon-ui-scale, 1));
  height: calc(100dvh / var(--neon-ui-scale, 1));
  right: auto;
  bottom: auto;
}
#performanceModal .performancePanel {
  max-height: calc(90dvh / var(--neon-ui-scale, 1));
  max-width: calc(94vw / var(--neon-ui-scale, 1));
}
@media (max-width: 1000px) {
  #openMatch { padding: 10px 15px; }
}
@media (max-width: 760px) {
  #openMatch { padding: 10px 12px; overflow: auto; }
  #openMatch .omTop { height: auto !important; }
}