/* Online challenge states need stable contrast independent of summary-card themes. */
body.hivewire-active .hw-challenge-state-card {
  border: 1px solid rgba(247, 201, 72, 0.4) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(247, 201, 72, 0.14), transparent 30%),
    linear-gradient(155deg, #173129, #0c1c17) !important;
  color: #f4faf7 !important;
}

body.hivewire-active .hw-challenge-state-card .cc-kicker { color: #f7c948 !important; }
body.hivewire-active .hw-challenge-state-card .cc-title { color: #fff7d6 !important; text-shadow: none !important; }
body.hivewire-active .hw-challenge-state-card .cc-copy,
body.hivewire-active .hw-challenge-state-card .cc-copy-tight { color: #d6e5df !important; opacity: 1 !important; }
body.hivewire-active .hw-challenge-state-card .wh-btn-ghost { border-color: rgba(247, 201, 72, 0.38) !important; background: #203a32 !important; color: #f7f3e8 !important; }
body.hivewire-active .hw-challenge-state-card .wh-btn-ghost:hover,
body.hivewire-active .hw-challenge-state-card .wh-btn-ghost:focus-visible { border-color: #f7c948 !important; background: #29483e !important; color: #fff !important; }

body.hivewire-active .hw-challenge-state-card .cc-side-card {
  border-color: rgba(247, 201, 72, 0.28) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #f4faf7 !important;
}

body.hivewire-active .hw-challenge-state-card .cc-side-card strong { color: #fff7d6 !important; }
body.hivewire-active .hw-challenge-state-card .cc-side-card span,
body.hivewire-active .hw-challenge-state-card .cc-side-card p { color: #d6e5df !important; }
body.hivewire-active .hw-challenge-state-card .cc-stage-actions { align-items: stretch; }

@media (max-width: 700px) {
  body.hivewire-active .hw-challenge-state-card { padding: 18px 14px !important; }
  body.hivewire-active .hw-challenge-state-card .cc-stage-top { grid-template-columns: minmax(0, 1fr) !important; }
  body.hivewire-active .hw-challenge-state-card .cc-title { font-size: clamp(1.45rem, 8vw, 2rem); line-height: 1.12; }
  body.hivewire-active .hw-challenge-state-card .cc-stage-actions { grid-template-columns: minmax(0, 1fr); }
  body.hivewire-active .hw-challenge-state-card .cc-stage-actions .wh-btn { width: 100%; justify-content: center; }
}