.critter-survivors-menu__chrome-button.is-quit {
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (min-width: 900px) and (orientation: landscape) {
  .survivors-level-up {
    --cs-ui-safe-top: max(8px, env(safe-area-inset-top));
    --cs-ui-safe-right: max(8px, env(safe-area-inset-right));
    --cs-ui-safe-bottom: max(8px, env(safe-area-inset-bottom));
    --cs-ui-safe-left: max(8px, env(safe-area-inset-left));
    --cs-ui-gutter: clamp(8px, 1.1vw, 12px);
    --cs-level-card-icon: clamp(58px, 6.2vw, 72px);
    --cs-level-card-gap: clamp(8px, 1vw, 10px);
  }

  .survivors-level-up__stage {
    display: grid !important;
    grid-template-columns:
      minmax(178px, clamp(190px, 22vw, 236px))
      minmax(420px, min(52vw, 536px))
      minmax(168px, 184px) !important;
    grid-template-areas: "showcase panel stats" !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--cs-ui-gutter) !important;
    width: min(980px, var(--cs-ui-panel-max)) !important;
    max-height: var(--cs-ui-overlay-max-h) !important;
    overflow: visible !important;
  }

  .survivors-level-up__showcase {
    display: grid !important;
    min-height: min(380px, var(--cs-ui-overlay-max-h)) !important;
  }

  .survivors-level-up__stats {
    display: block !important;
    align-self: stretch !important;
    width: 100% !important;
    max-height: var(--cs-ui-overlay-max-h) !important;
    overflow: hidden !important;
  }

  .survivors-level-up__panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, auto) auto !important;
    min-width: 0 !important;
    max-width: 536px !important;
    min-height: 0 !important;
    max-height: var(--cs-ui-overlay-max-h) !important;
    overflow: hidden !important;
  }
}

@media (min-width: 1200px) and (min-height: 681px) and (orientation: landscape) {
  .survivors-level-up {
    --cs-ui-gutter: clamp(8px, 1.4vw, 18px);
    --cs-level-card-icon: clamp(68px, 6.9vw, 92px);
    --cs-level-card-gap: clamp(10px, 1.2vw, 14px);
  }

  .survivors-level-up__stage {
    grid-template-columns:
      minmax(0, clamp(220px, 23vw, 350px))
      minmax(420px, min(52vw, 620px))
      minmax(176px, 220px) !important;
    width: min(1180px, var(--cs-ui-panel-max)) !important;
  }

  .survivors-level-up__showcase {
    min-height: min(420px, var(--cs-ui-overlay-max-h)) !important;
  }

  .survivors-level-up__panel {
    max-width: 620px !important;
    min-height: min(408px, var(--cs-ui-overlay-max-h)) !important;
  }
}