.playing .boss-board {
  grid-template-rows: minmax(0, 1fr) auto minmax(0, 42%);
}
.playing .obstacle-stage.boss-stage {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  gap: 6px;
  padding: 8px 16px;
}
.boss-status {
  width: min(100%, 920px);
  justify-self: center;
  margin-inline: auto;
  text-align: center;
  min-width: 0;
}
.boss-health-label {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
}
.boss-health-label strong {
  color: #fff0c7;
  font-size: clamp(18px, 2.4vw, 26px);
}
.boss-health-label span {
  font-size: 14px;
  font-weight: 700;
}
.boss-health-label small {
  color: var(--muted);
  font-weight: 400;
}
.boss-health-bar {
  display: flex;
  gap: 4px;
  height: 15px;
  margin: 5px 0 7px;
}
.boss-health-segment {
  flex: 1;
  background: #d75b4b;
  border: 1px solid #ffa38a;
  transition: background 220ms ease;
}
.boss-health-segment.depleted {
  background: #183d35;
  border-color: #56796d;
}
.boss-intent,
.boss-reward-status {
  margin: 3px 0;
  font-size: 12px;
  line-height: 1.35;
}
.boss-intent b {
  color: #ffdc94;
}
.boss-intent small {
  display: block;
  color: var(--muted);
  font-size: inherit;
}
.boss-reward-status {
  color: var(--muted);
}
.playing .boss-stage .active-obstacle {
  min-height: 0;
  overflow-y: auto;
}
.playing .boss-stage .compact-encounter {
  height: auto;
  min-height: 100%;
  padding: 3px 32px;
}
.playing .boss-stage .compact-encounter h3 {
  display: none;
}
.playing .boss-stage .compact-encounter .encounter-special {
  display: none;
}
.playing .boss-stage .compact-encounter .encounter-copy p {
  font-size: 13px;
  margin: 3px 0;
}
@media (max-width: 760px) {
  .playing .obstacle-stage.boss-stage {
    padding: 5px 8px;
    gap: 3px;
  }
  .boss-health-label {
    flex-wrap: wrap;
    gap: 1px 8px;
  }
  .boss-health-label span {
    font-size: 12px;
  }
  .boss-health-bar {
    height: 12px;
    margin: 4px 0;
  }
  .boss-intent,
  .boss-reward-status {
    font-size: 11px;
  }
}
@media (max-height: 600px) {
  .playing .boss-board {
    grid-template-rows: minmax(0, 1fr) auto minmax(0, 36%);
  }
  .boss-health-label strong {
    font-size: 17px;
  }
  .boss-health-bar {
    height: 9px;
    margin-block: 3px;
  }
  .boss-intent,
  .boss-reward-status {
    font-size: 10px;
  }
  .playing .boss-stage {
    overflow-y: auto;
    grid-template-rows: auto auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .boss-health-segment {
    transition: none;
  }
}