/* Load after colony.css and gaming-theme.css. Cosmetic controls only. */
.challenge-header { flex-wrap: wrap; }
.challenge-header > div { min-width: 0; max-width: 100%; }
.challenge-header .pond-feedback-controls {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  flex: 0 1 100%; min-width: 0; max-width: 100%; padding: 4px 0;
  color: var(--gaming-on-dark, #fff);
}
.challenge-header .pond-feedback-toggle {
  min-height: 44px; max-width: 100%; padding: 8px 12px;
  border: 1px solid var(--gaming-base); border-radius: 10px;
  background: var(--gaming-surface, #082c36); color: var(--gaming-on-dark, #fff);
  font: inherit; font-size: 12px; cursor: pointer;
}
.challenge-header .pond-feedback-toggle[aria-pressed="true"] {
  background: var(--gaming-base); color: var(--gaming-ink);
  border: 2px solid var(--gaming-base); font-weight: 700;
  text-decoration: underline; text-underline-offset: 3px;
}
.challenge-header .pond-feedback-toggle:focus-visible {
  outline: 3px solid var(--gaming-base); outline-offset: 3px;
}
.pond-feedback-status { flex: 1 1 180px; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
@media (max-width: 360px) {
  .challenge-header .pond-feedback-controls { gap: 6px; }
  .pond-feedback-status { flex-basis: 100%; }
}