/* Give structured sports context a content-sized track, including unavailable
   status. Only verified in-game observations collapse the order book. */
.hg-sports-context-visible .pm-detail-view .pm-chart-panel {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.hg-sports-context-visible #marketVisualizationHost[data-visualization-kind="sports-observation"] {
  display: block !important;
  width: 100%;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 0 18px !important;
  padding: 0 12px !important;
  position: static !important;
}

.hg-sports-context-status { order:1; flex:none; margin:0 12px 14px; padding:14px 16px; border:1px solid var(--outcome-border); border-radius:8px; color:var(--outcome-text-muted); }
.hg-sports-context-status span { font:10px ui-monospace,monospace; letter-spacing:.13em; }
.hg-sports-context-status p { margin:7px 0 0; font-size:12px; line-height:1.7; }

.hg-sports-context-active:not(.hg-sports-book-open) #orderBookPanel {
  display: none !important;
}

.hg-sports-book-toggle {
  display: block;
  margin: 12px 0 0;
  padding: 8px 12px;
  border: 1px solid var(--outcome-border, #20363e);
  border-radius: 8px;
  background: var(--outcome-surface, #0c181e);
  color: var(--outcome-text, #f4f7f6);
  font: inherit;
  font-size: 12px;
}

/* The captured terminal uses fixed grid tracks. A game is a natural-height
   instrument: give it its own track so the price chart cannot overlap it. */
body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-panel {
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  padding:18px !important;
  gap:16px !important;
  grid-column:1 !important;
  grid-row:auto !important;
}
body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell #marketVisualizationHost {
  order:1;
  flex:none !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
}
body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-toolbar {
  order:0;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:14px !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
}
body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-toolbar__identity {
  position:static !important;
  display:grid !important;
  gap:13px !important;
  flex:1 1 280px;
}
body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-toolbar__nav,
body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-toolbar__title-block,
body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-toolbar__end {
  position:static !important;
  inset:auto !important;
  transform:none !important;
}
body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-toolbar__meta { display:none !important; }
body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-wrap {
  order:2;
  flex:none !important;
  height:240px !important;
  min-height:240px !important;
  margin:0 !important;
}
@media(min-width:1025px) {
  body.hg-markets.hg-predict-market-page.hg-sports-context-active:not(.hg-sports-book-open) .pm-detail-view .pm-detail-shell .pm-detail-workspace {
    grid-template-columns:minmax(0,1fr) 340px !important;
    grid-template-areas:none !important;
  }
  body.hg-markets.hg-predict-market-page.hg-sports-context-active:not(.hg-sports-book-open) .pm-detail-view .pm-detail-shell #orderTicket {
    grid-column:2 !important;
    grid-row:auto !important;
  }
}
@media(max-width:760px) {
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-panel { padding:12px !important; gap:12px !important; }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-toolbar { gap:8px !important; }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-toolbar__identity { flex-basis:100%; }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-toolbar__end { display:none !important; }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view .pm-detail-shell .pm-chart-wrap { height:190px !important; min-height:190px !important; }
}

/* Preserve the production terminal for every other market. A bound game needs
   content-sized tracks; the v2 viewport grid otherwise clips its score panel. */
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view,
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-pager,
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-pager__page,
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-shell[data-experience="v2"] {
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  flex:none !important;
}
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view .pm-detail-shell[data-experience="v2"] {
  display:block !important;
}
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace {
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  grid-template-rows:auto !important;
  align-items:start !important;
  padding:0 24px 24px !important;
}
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-panel {
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  grid-row:1 !important;
}
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
  height:240px !important;
  min-height:240px !important;
  max-height:240px !important;
}
@media(min-width:1100px) {
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-active:not(.hg-sports-book-open) .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace {
  grid-template-columns:minmax(0,1fr) 340px !important;
  grid-template-areas:none !important;
}
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-active:not(.hg-sports-book-open) .pm-detail-view .pm-detail-shell[data-experience="v2"] #orderTicket {
  grid-column:2 !important;
  grid-row:1 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  position:sticky !important;
  top:82px !important;
  margin:0 !important;
  padding:18px !important;
  align-self:start !important;
}
}
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-bottom {
  height:auto !important;
  min-height:160px !important;
  position:static !important;
}
@media(max-width:1099px) {
  body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-detail-workspace {
    display:block !important;
    padding:0 0 18px !important;
  }
  body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view .pm-detail-shell[data-experience="v2"] .pm-chart-wrap {
    height:190px !important; min-height:190px !important; max-height:190px !important;
  }
}
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible {
  height:auto !important; max-height:none !important;
}
/* Frozen terminal markup can omit the v2 marker. Give the actual detail
   container native scrolling as well, so the chart remains reachable. */
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible #marketDetailView {
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}
/* Child wordmark spans keep their own dark-terminal color in the baseline. */
html[data-hg-theme="light"] body.hg-markets.hg-predict-market-page .pm-brand-name,
html[data-hg-theme="light"] body.hg-markets.hg-predict-market-page .pm-brand-name__hyper,
html[data-hg-theme="light"] body.hg-markets.hg-predict-market-page .pm-brand-name__growth,
body.hg-markets.hg-predict-market-page[data-hg-theme="light"] .pm-brand-name,
body.hg-markets.hg-predict-market-page[data-hg-theme="light"] .pm-brand-name__hyper,
body.hg-markets.hg-predict-market-page[data-hg-theme="light"] .pm-brand-name__growth {
  color:var(--mt-text,#0f172a) !important;
  -webkit-text-fill-color:currentColor !important;
  text-shadow:none !important;
}
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view .pm-detail-pager,
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view .pm-detail-pager__page,
body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible .pm-detail-view .pm-detail-shell[data-experience="v2"] {
  display:block !important;
  flex:none !important;
  height:auto !important;
  min-height:0 !important;
}
.hg-sports-context-visible #mobileTradeExecutable::before { content:"Execution price "; }

/* Keep the game visible above a compact action dock. Contract selection still
   uses the production controls; the button opens the existing amount ticket. */
@media(max-width:760px) {
  body.hg-markets.hg-predict-market-page.pm-detail-open.hg-sports-context-visible #mobileTradeDock:not(.is-ticket-open) {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(112px,.8fr) !important;
    gap:10px 12px !important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom)) !important;
    min-height:0 !important;
    height:auto !important;
    align-items:center !important;
    left:8px !important;
    right:8px !important;
    width:auto !important;
    max-width:calc(100% - 16px) !important;
    box-sizing:border-box !important;
  }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible #mobileTradeSummary {
    grid-column:1; grid-row:1; min-width:0;
  }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible #mobileTradeStats {
    grid-column:2; grid-row:1; display:block !important; text-align:right;
  }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible #mobileTradeStats > div {
    display:flex !important; align-items:center; justify-content:flex-end; gap:8px;
    padding:0 !important; border:0 !important; background:none !important; min-height:0 !important;
  }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible #mobileTradeStats span { font-size:8px !important; }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible #mobileTradeStats strong { font-size:12px !important; }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible #mobileOutcomePair {
    grid-column:1; grid-row:2; margin:0 !important; min-width:0;
  }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible #mobileOutcomePair button {
    min-height:48px !important; padding:6px !important; font-size:11px !important;
  }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible #mobileTradeButton {
    grid-column:2; grid-row:2; margin:0 !important; min-height:48px !important;
    padding:8px 10px !important; font-size:12px !important; line-height:1.25;
  }
  body.hg-markets.hg-predict-market-page.hg-sports-context-visible .pm-detail-view { padding-bottom:calc(160px + env(safe-area-inset-bottom)) !important; }
}