/* Project Outpost — Player Battle context telemetry.
 * The active Battle state shares the Encounter context rail instead of
 * consuming a second header above the authoritative board. */

body.outpost-real-page-preview #encounter .encounter-context-strip.has-battle-telemetry {
  overflow: hidden;
}

body.outpost-real-page-preview #encounter .encounter-context-strip > .encounter-battle-context-telemetry {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(145px, 190px) minmax(145px, 190px);
  align-self: stretch;
  flex: 1 1 auto;
  min-width: 0;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
  font: inherit;
  letter-spacing: normal;
  white-space: normal;
}

body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry > span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  align-items: baseline;
  column-gap: 8px;
  min-width: 0;
  padding: 5px 12px;
  border-left: 1px solid var(--op-line-faint);
}

body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry :is(small, b, em) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry small {
  grid-column: 1 / -1;
  color: var(--op-text-faint);
  font: 7px var(--op-font-mono);
  letter-spacing: .08em;
}

body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry b {
  color: var(--op-text);
  font: 11px var(--op-font-display);
  font-weight: 580;
}

body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry em {
  color: var(--op-text-faint);
  font: 7px var(--op-font-mono);
  font-style: normal;
  letter-spacing: .05em;
}

body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry .battle-session-metric b {
  font-family: var(--op-font-mono);
}

body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry[data-battle-session-state="ready"] .battle-session-state {
  box-shadow: inset 2px 0 var(--op-success);
}

body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry[data-battle-session-state="waiting"] .battle-session-state {
  opacity: .72;
}

@media (min-width: 821px) {
  body.outpost-real-page-preview #encounter .encounter-workspace[data-encounter-workspace-kind="battle"] .player-battle-experience {
    grid-template-rows: minmax(0, 1fr);
  }
}

@media (min-width: 821px) and (max-width: 1120px) {
  body.outpost-real-page-preview #encounter .encounter-context-strip > .encounter-battle-context-telemetry {
    grid-template-columns: minmax(150px, 1fr) minmax(100px, 130px) minmax(100px, 130px);
  }

  body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry > span {
    padding-inline: 8px;
  }

  body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry em {
    display: none;
  }
}

body.outpost-real-page-preview[data-text-size="huge"] #encounter .encounter-context-strip.has-battle-telemetry {
  min-height: 54px;
}

body.outpost-real-page-preview[data-text-size="huge"] #encounter .encounter-battle-context-telemetry b {
  font-size: 13px;
}

@media (max-width: 820px) {
  body.outpost-real-page-preview #encounter .encounter-context-strip > .encounter-battle-context-telemetry {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.outpost-real-page-preview #encounter .encounter-battle-context-telemetry * {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}