/* Migrated ownership from 03-panel-contract.css — contract-fit-helper consolidation */
#story-panel {position: absolute !important;
  z-index: 1800 !important; /* above camp, shop, river, trail */}
#garden-editor-panel {
  top: 40px;
  left: 40px;
  z-index: 9999;
}

/* ============================================================
   Panel fit helpers — extracted from 03-panel-contract.css
   Clamp-aware setup reflow, canonical size/fit helpers,
   root z-index / inline cleanup spill, and mode fit exceptions.
   ============================================================ */

/* Clamp-aware reflow for setup shells that now actually obey token sizes. */
@media (max-width: 1360px), (max-height: 860px) {
  #lobby-panel .lp-left {
    width: auto;
    border-right: 0;
    border-bottom: 2px solid #2d435f;
    padding-bottom: 12px;
  }

  #matchmake-panel .matchmake-actions {
    justify-content: stretch;
    flex-wrap: wrap;
    grid-column: 1 / -1;
  }

  #matchmake-panel .mm-btn {
    flex: 1 1 180px;
    min-width: 0;
  }

}

/* ============================================================
   Display pass patch31 — canonical dedupe layer
   Purpose: make the token/shell system the last word for panels
   that still had old ID-era size rules earlier in the file.
   This preserves the current visual result while neutralizing
   stale width/height drift from legacy blocks above.
   ============================================================ */


/* ============================================================
   Display pass patch34 — remaining trail/rewards canonical layer
   Purpose: finish neutralizing the last raw size leftovers around
   Chaoregon setup/rewards/sidecards without touching gameplay CSS.
   ============================================================ */


/* ============================
   Display pass follow-up — remaining exception conversion
   ============================ */
/* inventory shell/body fit ownership lives in 07-management-panels-a.css */

/* duplicate pre-final toolbar shell trimmed; final toolbar shell block later in the file is authoritative */


/* ============================
   Display pass nextsteps3 — remove remaining root inline panel chrome
   ============================ */
#story-panel {
  background: rgba(13, 27, 42, 0.95);
  border: 2px solid #415a77;
  border-radius: 12px;
  color: #fff;
}



/* ============================================================
   DISPLAY PASS — root inline style cleanup batch
   ============================================================ */
#garden-editor-panel { z-index: 9999; }
#karate-tournament-panel { z-index: 9405; }

/* ============================================================
   MP2X FIT PASS 2 — normalized wide modes
   Keep wrapperless direct header/body structure stable without
   changing gameplay logic or authored arena dimensions.
   ============================================================ */
#tron-mp-panel .mp2x-header,
#flappy-mp-panel .mp2x-header,
#beatemup-mp-panel .mp2x-header,
#chaomirage-mp-panel .mp2x-header {
  position: relative;
}

#tron-mp-panel .mp2x-title-wrap,
#flappy-mp-panel .mp2x-title-wrap,
#beatemup-mp-panel .mp2x-title-wrap,
#chaomirage-mp-panel .mp2x-title-wrap {
  width: 100%;
  box-sizing: border-box;
  padding-right: 72px;
}

#tron-mp-panel .panel-header-controls,
#flappy-mp-panel .panel-header-controls,
#beatemup-mp-panel .panel-header-controls,
#chaomirage-mp-panel .panel-header-controls {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0;
}

#beatemup-mp-panel .mp2x-subtitle,
#chaomirage-mp-panel .mp2x-subtitle {
  padding-right: 72px;
}

#tron-mp-panel .mp2x-body,
#flappy-mp-panel .mp2x-body,
#beatemup-mp-panel .mp2x-body,
#chaomirage-mp-panel .mp2x-body {
  overflow: hidden;
  padding: 0;
}

#tron-mp-panel .mp2x-body > .tron-arena,
#flappy-mp-panel .mp2x-body > .flappy-arena,
#beatemup-mp-panel .mp2x-body > .mp2x-arena,
#chaomirage-mp-panel .mp2x-body > .mp2x-arena {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
}

#beatemup-mp-chao-container,
#chaomirage-mp-chao-container {
  inset: 0;
  box-sizing: border-box;
}

.tm2-inline-actions {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  justify-content: flex-end;
}

.is-hidden-inline {
  display: none;
}