/* De a poco · Botón "Ayuda" completo (fase 2, parte B) */

.option-card-lg {
  font-size: 1.15rem;
  padding: var(--space-4) var(--space-4);
  font-weight: 700;
}

.help-crisis-link {
  margin-top: var(--space-4);
  border-color: var(--warn);
  color: var(--warn);
}

.breathing-label {
  font-size: 1.4rem;
  font-weight: 700;
  margin: var(--space-4) 0;
}

.wave-ring-wrap {
  display: flex;
  justify-content: center;
  margin: var(--space-4) 0;
}
.wave-ring {
  position: relative;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(var(--accent) 0%, color-mix(in srgb, var(--text) 14%, transparent) 0);
}
.wave-ring::before {
  content: '';
  position: absolute;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: var(--bg);
}
.wave-ring-time {
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
}

.wave-activities {
  margin: var(--space-3) 0;
}
.wave-activity-response {
  margin-top: var(--space-2);
}
.wave-footer-actions {
  margin-top: var(--space-5);
}

.write-field .field-hint {
  margin-bottom: var(--space-2);
}

.bubble-game {
  position: relative;
  height: 220px;
  background: var(--bg-help);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.bubble {
  position: absolute;
  border-radius: 50%;
  background: var(--accent-soft);
  border: 2px solid var(--accent);
  padding: 0;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.bubble-pop {
  transform: scale(1.35);
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .bubble {
    transition: none;
  }
}