/* Keep upstream attribution and links, with every section in the layout flow.
   The repeated class wins over the game's dynamically inserted stylesheet. */
.menu-ui.menu-ui {
  box-sizing: border-box;
  overflow-y: auto;
  pointer-events: auto;
}
.menu-ui.menu-ui > .logo {
  flex: 0 1 150px;
  min-height: 70px;
  width:  min(760px, 80%);
  height: 150px;
  object-fit: contain;
  margin: 24px auto 0;
}
.menu-ui.menu-ui > .warning-message.modded {
  flex: 0 0 auto;
  box-sizing: border-box;
  width: calc(100% - 64px);
  max-width: 780px;
  margin: 12px auto 0;
  font-size: 15px;
  line-height: 1.45;
  color: var(--text-secondary-color, #acb7db);
}
.menu-ui.menu-ui > .warning-message.modded > a {
  width: auto;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 14px;
  text-underline-offset: 3px;
}
.menu-ui.menu-ui > .main-buttons-container {
  flex: 1 0 auto;
  margin: 16px 24px;
  gap: 8px;
}
.menu-ui.menu-ui .button-image {
  box-sizing: border-box;
  width: 180px;
  height: 160px;
  margin: 8px 0;
}
.menu-ui.menu-ui .button-image > img {
  width: 80px;
  height: 80px;
  margin: 20px 24px 8px;
}
.menu-ui.menu-ui > .info {
  position: static;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
}
.menu-ui.menu-ui > .info > a {
  box-sizing: border-box;
  max-width: 100%;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  color: #acb7db;
}
.menu-ui.menu-ui > .info > .social-links {
  margin: 10px 0;
}
.menu-ui.menu-ui > .info > .social-links > a > img {
  width: 119px;
  height: 35px;
}
.menu-ui.menu-ui > .button-bar {
  position: static;
  flex: 0 0 auto;
  margin-top: 8px;
}
/* Loading is a single scene; menu content only appears after assets are ready. */
.menu-ui.menu-ui.loading-screen > .info,
.menu-ui.menu-ui.loading-screen > .warning-message,
.menu-ui.menu-ui.loading-screen > .button-bar,
.menu-ui.menu-ui.loading-screen > .main-buttons-container { display:none!important; }
/* The native loading class clears before the fade finishes. Keep the scene
   clean throughout that fade, until the actual loading element is removed. */
.menu-ui.menu-ui:has(.loading-ui) > .info,
.menu-ui.menu-ui:has(.loading-ui) > .warning-message,
.menu-ui.menu-ui:has(.loading-ui) > .button-bar,
.menu-ui.menu-ui:has(.loading-ui) > .main-buttons-container { display:none!important; }